@umbra.ui/icons 0.2.0 → 0.4.0

package/dist/icons/PlaylistIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M4.25 4.75H13.75C14.8546 4.75 15.75 5.64543 15.75 6.75V13.25C15.75 14.3546 14.8546 15.25 13.75 15.25H4.25C3.14543 15.25 2.25 14.3546 2.25 13.25V6.75C2.25 5.64543 3.14543 4.75 4.25 4.75ZM7.897 7.797L11.037 9.629V9.627C11.321 9.793 11.321 10.204 11.037 10.37L7.897 12.202C7.61 12.37 7.25 12.163 7.25 11.831V8.168C7.25 7.837 7.61 7.63 7.897 7.797Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M11.037 9.629L7.897 7.797C7.61 7.63 7.25 7.837 7.25 8.168V11.831C7.25 12.163 7.61 12.37 7.897 12.202L11.037 10.37C11.321 10.204 11.321 9.793 11.037 9.627V9.629Z" />
+      <path d="M13.75 4.75H4.25C3.14543 4.75 2.25 5.64543 2.25 6.75V13.25C2.25 14.3546 3.14543 15.25 4.25 15.25H13.75C14.8546 15.25 15.75 14.3546 15.75 13.25V6.75C15.75 5.64543 14.8546 4.75 13.75 4.75Z" />
+      <path d="M4.75 1.75H13.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/QueueIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M14.25 2.75H3.75C3.19772 2.75 2.75 3.19772 2.75 3.75V7.25C2.75 7.80228 3.19772 8.25 3.75 8.25H14.25C14.8023 8.25 15.25 7.80228 15.25 7.25V3.75C15.25 3.19772 14.8023 2.75 14.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.25 2.75H3.75C3.19772 2.75 2.75 3.19772 2.75 3.75V7.25C2.75 7.80228 3.19772 8.25 3.75 8.25H14.25C14.8023 8.25 15.25 7.80228 15.25 7.25V3.75C15.25 3.19772 14.8023 2.75 14.25 2.75Z" />
+      <path d="M2.75 11.75H15.25" />
+      <path d="M2.75 15.25H15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ReturnKeyIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M14.25 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V13.25C1.75 14.3546 2.64543 15.25 3.75 15.25H14.25C15.3546 15.25 16.25 14.3546 16.25 13.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M14.25 2.75H3.75C2.64543 2.75 1.75 3.64543 1.75 4.75V13.25C1.75 14.3546 2.64543 15.25 3.75 15.25H14.25C15.3546 15.25 16.25 14.3546 16.25 13.25V4.75C16.25 3.64543 15.3546 2.75 14.25 2.75Z" />
+      <path d="M10.75 6.25H12.25C12.802 6.25 13.25 6.698 13.25 7.25V9.25C13.25 9.802 12.802 10.25 12.25 10.25H4.75" />
+      <path d="M6.75 8.25L4.75 10.25L6.75 12.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/ShuffleIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M13.5 16L16.25 13.25L13.5 10.5" />
+      <path d="M9.147 11L10.4 12.521C10.78 12.982 11.346 13.25 11.944 13.25H16" />
+      <path d="M1.75 4.75H3.056C3.654 4.75 4.22 5.017 4.6 5.479L5.853 7" />
+      <path d="M13.5 2L16.25 4.75L13.5 7.5" />
+      <path d="M1.75 13.25H3.056C3.654 13.25 4.22 12.983 4.6 12.521L10.4 5.47799C10.78 5.01699 11.346 4.74899 11.944 4.74899H16" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SignatureIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 5V12.5C2.75 14.5 4.5 16.25 4.5 16.25C4.5 16.25 6.25 14.5 6.25 12.5V5H2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M2.75 5.25H7.75C8.302 5.25 8.75 5.698 8.75 6.25V10" />
+      <path d="M7.995 16.25C9.909 12.852 10.928 11.976 11.486 12.151C12.381 12.43 12.121 15.426 13.069 15.601C13.768 15.73 14.387 14.191 15.139 14.383C15.746 14.538 15.709 15.632 16.397 15.844C16.673 15.929 16.971 15.844 17.25 15.688" />
+      <path d="M6.25 12.5C6.25 14.5 4.5 16.25 4.5 16.25C4.5 16.25 2.75 14.5 2.75 12.5V3.5C2.75 2.534 3.534 1.75 4.5 1.75C5.466 1.75 6.25 2.534 6.25 3.5V12.5Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SquareCommandIcon.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M13.25 2.75H4.75C3.64543 2.75 2.75 3.64543 2.75 4.75V13.25C2.75 14.3546 3.64543 15.25 4.75 15.25H13.25C14.3546 15.25 15.25 14.3546 15.25 13.25V4.75C15.25 3.64543 14.3546 2.75 13.25 2.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.25 2.75H4.75C3.64543 2.75 2.75 3.64543 2.75 4.75V13.25C2.75 14.3546 3.64543 15.25 4.75 15.25H13.25C14.3546 15.25 15.25 14.3546 15.25 13.25V4.75C15.25 3.64543 14.3546 2.75 13.25 2.75Z" />
+      <path d="M10.25 7.75H7.75V10.25H10.25V7.75Z" />
+      <path d="M6.5 5.25C5.81 5.25 5.25 5.81 5.25 6.5C5.25 7.19 5.81 7.75 6.5 7.75H7.75V6.5C7.75 5.81 7.19 5.25 6.5 5.25Z" />
+      <path d="M12.75 6.5C12.75 5.81 12.19 5.25 11.5 5.25C10.81 5.25 10.25 5.81 10.25 6.5V7.75H11.5C12.19 7.75 12.75 7.19 12.75 6.5Z" />
+      <path d="M11.5 12.75C12.19 12.75 12.75 12.19 12.75 11.5C12.75 10.81 12.19 10.25 11.5 10.25H10.25V11.5C10.25 12.19 10.81 12.75 11.5 12.75Z" />
+      <path d="M5.25 11.5C5.25 12.19 5.81 12.75 6.5 12.75C7.19 12.75 7.75 12.19 7.75 11.5V10.25H6.5C5.81 10.25 5.25 10.81 5.25 11.5Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/SunFogIcon.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M3.55099 7.5C3.91699 4.817 6.21699 2.75 8.99999 2.75C11.783 2.75 14.083 4.817 14.449 7.5" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M1.75 9.75H11.25" />
+      <path d="M8.75 12.75H14.25" />
+      <path d="M5.75 15.75H12.25" />
+      <path d="M14.25 9.75H16.25" />
+      <path d="M3.75 12.75H5.75" />
+      <path d="M3.55099 7C3.91699 4.317 6.21699 2.25 8.99999 2.25C11.783 2.25 14.083 4.317 14.449 7" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TagCheckIcon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="m13,10.5c-3.0327,0-5.5-2.4673-5.5-5.5,0-.8481.1946-1.6509.5393-2.3686.0492-.1025-.1879-.3814-.3673-.3814H2.75c-.552,0-1,.448-1,1v4.9219c0,.53.211,1.0391.586,1.4141l5.75,5.75c.781.781,2.047.781,2.828,0l3.922-3.9219c.4075-.4075.5982-.5627.5805-1.0964,0,0-.2752-.256-.4165-.2002-.6202.245-1.2937.3825-2.0001.3825Z" :fill="color" fill-rule="evenodd" opacity=".3" stroke-width="0" data-color="color-2" />
+      <circle cx="5.75" cy="6.25" r="1.25" stroke-width="0" :fill="color" />
+      <path d="m7.3884,2.25H2.75c-.552,0-1,.448-1,1v4.9219c0,.53.211,1.0391.586,1.4141l5.75,5.75c.781.781,2.047.781,2.828,0l3.922-3.9219c.1712-.1712.3004-.3667.3939-.575" />
+      <path d="m13,1c-2.2061,0-4,1.7944-4,4s1.7939,4,4,4,4-1.7944,4-4-1.7939-4-4-4Zm2.3076,3.252l-2.25,2.5c-.1377.1528-.332.2422-.5381.2476-.0068.0005-.0127.0005-.0195.0005-.1982,0-.3896-.0786-.5303-.2197l-1.25-1.25c-.293-.293-.293-.7676,0-1.0605s.7676-.293,1.0605,0l.6914.6909,1.7207-1.9126c.2783-.3066.751-.332,1.0596-.0557.3076.2773.333.7515.0557,1.0596Z" stroke-width="0" :fill="color" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TagIcon.vue

@@ -18,10 +18,9 @@ withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title />
-    <g :fill="color">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.25 2.25H8.172C8.702 2.25 9.211 2.461 9.586 2.836L15.336 8.586C16.117 9.367 16.117 10.633 15.336 11.414L11.414 15.336C10.633 16.117 9.367 16.117 8.586 15.336L2.836 9.586C2.461 9.211 2.25 8.702 2.25 8.172V3.25C2.25 2.698 2.698 2.25 3.25 2.25Z" />
       <path d="M6.25 7.5C6.94036 7.5 7.5 6.94036 7.5 6.25C7.5 5.55964 6.94036 5 6.25 5C5.55964 5 5 5.55964 5 6.25C5 6.94036 5.55964 7.5 6.25 7.5Z" :fill="color" data-stroke="none" stroke="none" />
     </g>
   </svg>

package/dist/icons/TextAIcon.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M5.108 11.75H12.892" />
+      <path d="M14.25 15.25L9.401 2.75H8.599L3.75 15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TextAlignCenterIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M2.75 14.25H15.25" />
+      <path d="M2.75 3.75H15.25" />
+      <path d="M6.25 9H11.75" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TextAlignLeftIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M2.75 14.25H15.25" />
+      <path d="M2.75 3.75H15.25" />
+      <path d="M2.75 9H8.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TextAlignRightIcon.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M2.75 14.25H15.25" />
+      <path d="M2.75 3.75H15.25" />
+      <path d="M9.75 9H15.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TextHighlight2Icon.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M11.1021 2.6887L5.07549 8.7157C4.48969 9.3017 4.48969 10.2517 5.07549 10.8367L7.6628 13.4247C8.2486 14.0097 9.1983 14.0097 9.7841 13.4247L15.8107 7.3977C16.3965 6.8117 16.3965 5.8627 15.8107 5.2767L13.2234 2.6887C12.6376 2.1037 11.6879 2.1037 11.1021 2.6887Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M5.23939 15.2598L4.83609 15.6631C4.75819 15.741 4.64819 15.7777 4.53909 15.7621L1.91049 15.3866C1.62279 15.3455 1.50549 14.9936 1.71099 14.7881L3.23929 13.2598L5.23939 15.2598Z" :fill="color" />
+      <path d="M14.5214 3.97771L10.4034 8.0957" />
+      <path d="M11.1021 2.6887L5.07549 8.7157C4.48969 9.3017 4.48969 10.2517 5.07549 10.8367L7.6628 13.4247C8.2486 14.0097 9.1983 14.0097 9.7841 13.4247L15.8107 7.3977C16.3965 6.8117 16.3965 5.8627 15.8107 5.2767L13.2234 2.6887C12.6376 2.1037 11.6879 2.1037 11.1021 2.6887Z" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/TextToolIcon.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.25 3.25V4.25C13.25 4.52614 13.4739 4.75 13.75 4.75H14.75V13.25H13.75C13.4739 13.25 13.25 13.4739 13.25 13.75V14.75H4.75V13.75C4.75 13.4739 4.52614 13.25 4.25 13.25H3.25V4.75H4.25C4.52614 4.75 4.75 4.52614 4.75 4.25V3.25H13.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M9 6.25V11.75" />
+      <path d="M11.25 6.25H6.75" />
+      <path d="M4.25 1.75H2.25C1.97386 1.75 1.75 1.97386 1.75 2.25V4.25C1.75 4.52614 1.97386 4.75 2.25 4.75H4.25C4.52614 4.75 4.75 4.52614 4.75 4.25V2.25C4.75 1.97386 4.52614 1.75 4.25 1.75Z" />
+      <path d="M15.75 1.75H13.75C13.4739 1.75 13.25 1.97386 13.25 2.25V4.25C13.25 4.52614 13.4739 4.75 13.75 4.75H15.75C16.0261 4.75 16.25 4.52614 16.25 4.25V2.25C16.25 1.97386 16.0261 1.75 15.75 1.75Z" />
+      <path d="M4.25 13.25H2.25C1.97386 13.25 1.75 13.4739 1.75 13.75V15.75C1.75 16.0261 1.97386 16.25 2.25 16.25H4.25C4.52614 16.25 4.75 16.0261 4.75 15.75V13.75C4.75 13.4739 4.52614 13.25 4.25 13.25Z" />
+      <path d="M15.75 13.25H13.75C13.4739 13.25 13.25 13.4739 13.25 13.75V15.75C13.25 16.0261 13.4739 16.25 13.75 16.25H15.75C16.0261 16.25 16.25 16.0261 16.25 15.75V13.75C16.25 13.4739 16.0261 13.25 15.75 13.25Z" />
+      <path d="M3.25 13.25V4.75" />
+      <path d="M13.25 14.75H4.75" />
+      <path d="M14.75 4.75V13.25" />
+      <path d="M4.75 3.25H13.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/UnorderedListIcon.vue

@@ -18,14 +18,13 @@ withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title />
-    <g :fill="color">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path d="M3.75 7.25C4.85457 7.25 5.75 6.35457 5.75 5.25C5.75 4.14543 4.85457 3.25 3.75 3.25C2.64543 3.25 1.75 4.14543 1.75 5.25C1.75 6.35457 2.64543 7.25 3.75 7.25Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M3.75 14.75C4.85457 14.75 5.75 13.8546 5.75 12.75C5.75 11.6454 4.85457 10.75 3.75 10.75C2.64543 10.75 1.75 11.6454 1.75 12.75C1.75 13.8546 2.64543 14.75 3.75 14.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M3.75 7.25C4.85457 7.25 5.75 6.35457 5.75 5.25C5.75 4.14543 4.85457 3.25 3.75 3.25C2.64543 3.25 1.75 4.14543 1.75 5.25C1.75 6.35457 2.64543 7.25 3.75 7.25Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M3.75 14.75C4.85457 14.75 5.75 13.8546 5.75 12.75C5.75 11.6454 4.85457 10.75 3.75 10.75C2.64543 10.75 1.75 11.6454 1.75 12.75C1.75 13.8546 2.64543 14.75 3.75 14.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M8.75 5.25H16.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
-      <path d="M8.75 12.75H16.25" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M3.75 7.25C4.85457 7.25 5.75 6.35457 5.75 5.25C5.75 4.14543 4.85457 3.25 3.75 3.25C2.64543 3.25 1.75 4.14543 1.75 5.25C1.75 6.35457 2.64543 7.25 3.75 7.25Z" />
+      <path d="M3.75 14.75C4.85457 14.75 5.75 13.8546 5.75 12.75C5.75 11.6454 4.85457 10.75 3.75 10.75C2.64543 10.75 1.75 11.6454 1.75 12.75C1.75 13.8546 2.64543 14.75 3.75 14.75Z" />
+      <path d="M8.75 5.25H16.25" />
+      <path d="M8.75 12.75H16.25" />
     </g>
   </svg>
 </template>

package/dist/icons/VolumeIcon.vue

@@ -18,10 +18,9 @@ withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title />
-    <g :fill="color">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path d="M8 5.75H4.25C3.422 5.75 2.75 6.422 2.75 7.25V10.75C2.75 11.578 3.422 12.25 4.25 12.25H8L13.48 15.758C13.813 15.971 14.25 15.732 14.25 15.337V2.664C14.25 2.269 13.813 2.03 13.48 2.243L8 5.75Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
-      <path d="M8 5.75H4.25C3.422 5.75 2.75 6.422 2.75 7.25V10.75C2.75 11.578 3.422 12.25 4.25 12.25H8L13.48 15.758C13.813 15.971 14.25 15.732 14.25 15.337V2.664C14.25 2.269 13.813 2.03 13.48 2.243L8 5.75Z" :stroke="color" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+      <path d="M8 5.75H4.25C3.422 5.75 2.75 6.422 2.75 7.25V10.75C2.75 11.578 3.422 12.25 4.25 12.25H8L13.48 15.758C13.813 15.971 14.25 15.732 14.25 15.337V2.664C14.25 2.269 13.813 2.03 13.48 2.243L8 5.75Z" />
     </g>
   </svg>
 </template>

package/dist/icons/VolumeOffIcon.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 5.14289V2.664C13.75 2.269 13.313 2.03 12.98 2.243L7.5 5.75H3.75C2.922 5.75 2.25 6.422 2.25 7.25V10.75C2.25 11.578 2.922 12.25 3.75 12.25H6.37966L13.75 5.14289Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M12.98 15.758L8.89116 12.9498L13.2268 8.7726L13.75 9.08476V15.337C13.75 15.732 13.313 15.971 12.98 15.758Z" :fill="color" fill-opacity="0.3" data-color="color-2" data-stroke="none" stroke="none" />
+      <path d="M13.75 5.143V2.664C13.75 2.269 13.313 2.03 12.98 2.243L7.5 5.751H3.75C2.922 5.751 2.25 6.423 2.25 7.251V10.751C2.25 11.579 2.922 12.251 3.75 12.251H6.38" />
+      <path d="M2.75 15.75L16.75 2.25" />
+      <path d="M9.42419 13.4815L12.981 15.758C13.314 15.971 13.751 15.732 13.751 15.337V9.3092" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>

package/dist/icons/Wallet2CircuitIcon.vue

@@ -18,8 +18,7 @@ withDefaults(defineProps<Props>(), {
     viewBox="0 0 18 18"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <title />
-    <g stroke-linecap="round" stroke-width="1.5" fill="none" :stroke="color" stroke-linejoin="round">
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
       <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M15.75 13.25V11.75H13C12.034 11.75 11.25 10.966 11.25 10C11.25 9.033 12.034 8.25 13 8.25H15.75V6.5C15.75 5.395 14.855 4.5 13.75 4.5H4.25C3.145 4.5 2.25 5.395 2.25 6.5V13.25C2.25 14.355 3.145 15.25 4.25 15.25H13.75C14.855 15.25 15.75 14.355 15.75 13.25Z" :fill="color" data-color="color-2" data-stroke="none" stroke="none" />
       <path d="M2.25 6.49998C2.25 4.76698 3.499 3.28698 5.207 2.99498L11.769 1.87498C12.203 1.80098 12.635 2.01998 12.832 2.41398" />
       <path d="M1.25 14.75H6.5" />

package/dist/icons/WaveformLinesIcon.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 24,
+  color: 'currentColor'
+})
+</script>
+
+<template>
+  <svg
+    class="icon"
+    :width="size"
+    :height="size"
+    viewBox="0 0 18 18"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" :stroke="color">
+      <path d="M1.25 8.25V9.75" />
+      <path d="M16.25 8.25V9.75" />
+      <path d="M4.25 3.75V14.25" />
+      <path d="M7.25 5.75V12.25" />
+      <path d="M10.25 2.75V15.25" />
+      <path d="M13.25 5.75V12.25" />
+    </g>
+  </svg>
+</template>
+
+<style scoped>
+.icon {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>