ksw-vue-icon 3.0.2 → 3.0.3

package/es/assets/ai-scan-color-animation.css

@@ -1 +1 @@
-.ksw-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ksw-icon svg{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ksw-icon-spin svg{animation:ksw-icon-spin 1s infinite linear}.ksw-icon-grayscale{filter:grayscale(1);opacity:.8}.ksw-icon-rtl{transform:scaleX(-1)}@keyframes ksw-icon-spin{to{transform:rotate(360deg)}}svg #scan-light[data-v-90f81282]{mix-blend-mode:lighten;filter:blur(.25px) brightness(2)}
+svg #scan-light[data-v-26e12482]{mix-blend-mode:lighten;filter:blur(.25px) brightness(2)}

package/es/assets/icon.css

@@ -0,0 +1 @@
+.ksw-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ksw-icon svg{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ksw-icon-spin svg{animation:ksw-icon-spin 1s infinite linear}.ksw-icon-grayscale{filter:grayscale(1);opacity:.8}.ksw-icon-rtl{transform:scaleX(-1)}@keyframes ksw-icon-spin{to{transform:rotate(360deg)}}

package/es/components/animation/ai-scan-color-animation.js

@@ -1,30 +1,31 @@
-import { ref as n, shallowRef as v, onMounted as h, openBlock as r, createElementBlock as d, createElementVNode as t, createStaticVNode as _, pushScopeId as F, popScopeId as g } from "vue";
+import { ref as n, shallowRef as v, onMounted as h, openBlock as d, createElementBlock as f, createElementVNode as t, createStaticVNode as _, pushScopeId as F, popScopeId as g } from "vue";
 import { g as p } from "../../gsap.js";
-import '../../assets/ai-scan-color-animation.css';const q = (o, f) => {
-  const e = o.__vccOpts || o;
-  for (const [s, l] of f)
-    e[s] = l;
-  return e;
-}, a = (o) => (F("data-v-90f81282"), o = o(), g(), o), B = ["width", "height"], m = /* @__PURE__ */ _('<defs data-v-90f81282><clipPath id="0558af64_a" data-v-90f81282><rect width="24" height="24" rx="0" data-v-90f81282></rect></clipPath><linearGradient x2=".939" y2="1.054" id="0558af64_b" data-v-90f81282><stop offset="0%" stop-color="#2882FF" data-v-90f81282></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-90f81282></stop><stop offset="100%" stop-color="#B700FF" data-v-90f81282></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_c" data-v-90f81282><stop offset="0%" stop-color="#2882FF" data-v-90f81282></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-90f81282></stop><stop offset="100%" stop-color="#B700FF" data-v-90f81282></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_d" data-v-90f81282><stop offset="0%" stop-color="#2882FF" data-v-90f81282></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-90f81282></stop><stop offset="100%" stop-color="#B700FF" data-v-90f81282></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_e" data-v-90f81282><stop offset="0%" stop-color="#2882FF" data-v-90f81282></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-90f81282></stop><stop offset="100%" stop-color="#B700FF" data-v-90f81282></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_f" data-v-90f81282><stop offset="0%" stop-color="#2882FF" data-v-90f81282></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-90f81282></stop><stop offset="100%" stop-color="#B700FF" data-v-90f81282></stop></linearGradient><filter id="0558af64_g" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-.1" y="-.2" width="1.2" height="1.4" data-v-90f81282><feFlood flood-opacity="0" result="BackgroundImageFix" data-v-90f81282></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" data-v-90f81282></feBlend><feGaussianBlur stdDeviation=".5" result="effect1_foregroundBlur" data-v-90f81282></feGaussianBlur></filter><linearGradient x1=".5" x2=".5" y2="1" id="0558af64_h" data-v-90f81282><stop offset="0%" stop-color="#A612FD" stop-opacity="0" data-v-90f81282></stop><stop offset="100%" stop-color="#5B65F5" stop-opacity=".5" data-v-90f81282></stop></linearGradient><filter id="0558af64_i" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-.05" y="-.1" width="1.1" height="1.2" data-v-90f81282><feFlood flood-opacity="0" result="BackgroundImageFix" data-v-90f81282></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" data-v-90f81282></feBlend><feGaussianBlur stdDeviation=".25" result="effect1_foregroundBlur" data-v-90f81282></feGaussianBlur></filter><linearGradient x1=".5" x2=".5" y2="1" id="0558af64_j" data-v-90f81282><stop offset="0%" stop-color="#A612FD" stop-opacity="0" data-v-90f81282></stop><stop offset="91.429%" stop-color="#F200FF" stop-opacity="0" data-v-90f81282></stop><stop offset="100%" stop-color="#69C0FF" data-v-90f81282></stop></linearGradient></defs>', 1), x = { "clip-path": "url(#0558af64_a)" }, y = /* @__PURE__ */ a(() => /* @__PURE__ */ t("path", {
+import '../../assets/icon.css';import '../../assets/ai-scan-color-animation.css';/* empty css         */
+const q = (e, i) => {
+  const a = e.__vccOpts || e;
+  for (const [s, l] of i)
+    a[s] = l;
+  return a;
+}, o = (e) => (F("data-v-26e12482"), e = e(), g(), e), B = ["width", "height"], m = /* @__PURE__ */ _('<defs data-v-26e12482><clipPath id="0558af64_a" data-v-26e12482><rect width="24" height="24" rx="0" data-v-26e12482></rect></clipPath><linearGradient x2=".939" y2="1.054" id="0558af64_b" data-v-26e12482><stop offset="0%" stop-color="#2882FF" data-v-26e12482></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-26e12482></stop><stop offset="100%" stop-color="#B700FF" data-v-26e12482></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_c" data-v-26e12482><stop offset="0%" stop-color="#2882FF" data-v-26e12482></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-26e12482></stop><stop offset="100%" stop-color="#B700FF" data-v-26e12482></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_d" data-v-26e12482><stop offset="0%" stop-color="#2882FF" data-v-26e12482></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-26e12482></stop><stop offset="100%" stop-color="#B700FF" data-v-26e12482></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_e" data-v-26e12482><stop offset="0%" stop-color="#2882FF" data-v-26e12482></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-26e12482></stop><stop offset="100%" stop-color="#B700FF" data-v-26e12482></stop></linearGradient><linearGradient x2="1.187" y2=".668" id="0558af64_f" data-v-26e12482><stop offset="0%" stop-color="#2882FF" data-v-26e12482></stop><stop offset="31.429%" stop-color="#5B65F5" data-v-26e12482></stop><stop offset="100%" stop-color="#B700FF" data-v-26e12482></stop></linearGradient><filter id="0558af64_g" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-.1" y="-.2" width="1.2" height="1.4" data-v-26e12482><feFlood flood-opacity="0" result="BackgroundImageFix" data-v-26e12482></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" data-v-26e12482></feBlend><feGaussianBlur stdDeviation=".5" result="effect1_foregroundBlur" data-v-26e12482></feGaussianBlur></filter><linearGradient x1=".5" x2=".5" y2="1" id="0558af64_h" data-v-26e12482><stop offset="0%" stop-color="#A612FD" stop-opacity="0" data-v-26e12482></stop><stop offset="100%" stop-color="#5B65F5" stop-opacity=".5" data-v-26e12482></stop></linearGradient><filter id="0558af64_i" filterUnits="objectBoundingBox" color-interpolation-filters="sRGB" x="-.05" y="-.1" width="1.1" height="1.2" data-v-26e12482><feFlood flood-opacity="0" result="BackgroundImageFix" data-v-26e12482></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" data-v-26e12482></feBlend><feGaussianBlur stdDeviation=".25" result="effect1_foregroundBlur" data-v-26e12482></feGaussianBlur></filter><linearGradient x1=".5" x2=".5" y2="1" id="0558af64_j" data-v-26e12482><stop offset="0%" stop-color="#A612FD" stop-opacity="0" data-v-26e12482></stop><stop offset="91.429%" stop-color="#F200FF" stop-opacity="0" data-v-26e12482></stop><stop offset="100%" stop-color="#69C0FF" data-v-26e12482></stop></linearGradient></defs>', 1), x = { "clip-path": "url(#0558af64_a)" }, y = /* @__PURE__ */ o(() => /* @__PURE__ */ t("path", {
   d: "M16.209 6v12q0 .074.014.146.015.073.043.14.028.07.07.13.04.062.092.114.053.052.114.093.061.041.13.07.068.028.14.042.073.015.147.015t.146-.015q.072-.014.14-.042.069-.029.13-.07.062-.04.114-.093.052-.052.093-.114.041-.06.07-.13.028-.067.042-.14.015-.072.015-.146V6q0-.074-.015-.146-.014-.073-.042-.141-.029-.068-.07-.13-.04-.061-.093-.113-.052-.053-.114-.094-.061-.04-.13-.069-.068-.028-.14-.043-.072-.014-.146-.014t-.147.014q-.072.015-.14.043-.069.028-.13.07-.061.04-.114.093-.052.052-.093.113-.04.062-.07.13-.027.068-.042.14-.014.073-.014.147zm-4.322 7.125L10.02 7.628l-1.866 5.497h3.732zm.509 1.5l1.227 3.615v.001q.02.055.046.107.028.052.062.099.035.047.077.088.041.04.089.075.047.034.1.06.052.026.107.044.056.018.114.027.057.009.116.009.074 0 .146-.014.072-.015.14-.043.069-.028.13-.07.062-.04.114-.093.052-.052.093-.113.041-.062.07-.13.028-.068.042-.14.015-.073.015-.147 0-.124-.04-.241l-4.073-12q-.02-.055-.046-.107-.027-.052-.062-.099-.035-.047-.077-.088-.041-.04-.089-.075-.047-.034-.1-.06-.052-.026-.107-.044-.056-.018-.114-.027-.057-.009-.116-.009h-.479q-.058 0-.116.01-.058.008-.113.026-.056.018-.108.044t-.1.06q-.047.034-.089.075-.041.041-.076.088-.035.047-.062.099-.027.052-.046.107l-4.072 12q-.04.117-.04.241 0 .074.014.146.015.073.043.141.028.068.07.13.04.061.092.113.053.052.114.094.062.04.13.069.068.028.14.043.073.014.147.014.058 0 .116-.01.058-.008.113-.026.056-.018.108-.044t.1-.06q.047-.034.089-.075.041-.041.076-.088.035-.047.062-.099.027-.052.046-.107l1.227-3.616h4.75z",
   "fill-rule": "evenodd",
   fill: "url(#0558af64_b)"
-}, null, -1)), G = /* @__PURE__ */ a(() => /* @__PURE__ */ t("path", {
+}, null, -1)), G = /* @__PURE__ */ o(() => /* @__PURE__ */ t("path", {
   id: "scan-bg",
   d: "M2 2h20v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z",
   fill: "url(#0558af64_h)",
   filter: "url(#0558af64_g)"
-}, null, -1)), w = /* @__PURE__ */ a(() => /* @__PURE__ */ t("path", {
+}, null, -1)), w = /* @__PURE__ */ o(() => /* @__PURE__ */ t("path", {
   id: "scan-light",
   d: "M2 2h20v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z",
   fill: "url(#0558af64_j)",
   filter: "url(#0558af64_i)"
-}, null, -1)), k = /* @__PURE__ */ a(() => /* @__PURE__ */ t("use", { href: "#scan-light" }, null, -1)), A = /* @__PURE__ */ a(() => /* @__PURE__ */ t("use", { href: "#scan-light" }, null, -1)), z = [
+}, null, -1)), k = /* @__PURE__ */ o(() => /* @__PURE__ */ t("use", { href: "#scan-light" }, null, -1)), z = /* @__PURE__ */ o(() => /* @__PURE__ */ t("use", { href: "#scan-light" }, null, -1)), A = [
   G,
   w,
   k,
-  A
-], S = /* @__PURE__ */ a(() => /* @__PURE__ */ t("g", null, [
+  z
+], S = /* @__PURE__ */ o(() => /* @__PURE__ */ t("g", null, [
   /* @__PURE__ */ t("path", {
     d: "M4.5 2.75H7q.074 0 .146-.014.073-.015.141-.043.068-.028.13-.07.061-.04.113-.093.053-.052.094-.113.04-.062.069-.13.028-.068.043-.14.014-.073.014-.147t-.014-.146q-.015-.073-.043-.141-.028-.068-.07-.13-.04-.061-.093-.113-.052-.053-.113-.094-.062-.04-.13-.069-.068-.028-.14-.043Q7.073 1.25 7 1.25H4.5q-1.346 0-2.298.952T1.25 4.5v1.25q0 .074.014.146.015.073.043.141.028.068.07.13.04.061.093.113.052.053.113.094.062.04.13.069.068.028.14.043.073.014.147.014t.146-.014q.073-.015.141-.043.068-.028.13-.07.061-.04.113-.093.053-.052.094-.113.04-.062.069-.13.028-.068.043-.14.014-.073.014-.147V4.5q0-.725.513-1.237.512-.513 1.237-.513z",
     "fill-rule": "evenodd",
@@ -53,8 +54,8 @@ import '../../assets/ai-scan-color-animation.css';const q = (o, f) => {
       default: "1em"
     }
   },
-  setup(o) {
-    const f = o, e = n(null), s = n(!1), l = v(null);
+  setup(e) {
+    const i = e, a = n(null), s = n(!1), l = v(null);
     h(() => {
       l.value = p.timeline({
         repeat: -1,
@@ -64,8 +65,8 @@ import '../../assets/ai-scan-color-animation.css';const q = (o, f) => {
           s.value || this.pause();
         }
       });
-      const i = p.fromTo(
-        e.value,
+      const r = p.fromTo(
+        a.value,
         {
           yPercent: -120,
           autoAlpha: 0
@@ -83,26 +84,26 @@ import '../../assets/ai-scan-color-animation.css';const q = (o, f) => {
           }
         }
       );
-      l.value.add(i, 0);
+      l.value.add(r, 0);
     });
-    function c(i) {
+    function c(r) {
       s.value = !0, l.value.play();
     }
-    function u(i) {
+    function u(r) {
       s.value = !1;
     }
-    return (i, H) => (r(), d("span", {
-      class: "ksw-icon ksw-icon-AiScanColorAnimation isAnimation",
+    return (r, H) => (d(), f("span", {
+      class: "ksw-icon ksw-icon-AiScanColorAnimation",
       onMouseenter: c,
       onMouseleave: u
     }, [
-      (r(), d("svg", {
+      (d(), f("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink",
         fill: "none",
         version: "1.1",
-        width: f.size,
-        height: f.size,
+        width: i.size,
+        height: i.size,
         viewBox: "0 0 24 24"
       }, [
         m,
@@ -110,14 +111,14 @@ import '../../assets/ai-scan-color-animation.css';const q = (o, f) => {
           y,
           t("g", {
             ref_key: "scan",
-            ref: e
-          }, z, 512),
+            ref: a
+          }, A, 512),
           S
         ])
       ], 8, B))
     ], 32));
   }
-}, D = /* @__PURE__ */ q(M, [["__scopeId", "data-v-90f81282"]]);
+}, T = /* @__PURE__ */ q(M, [["__scopeId", "data-v-26e12482"]]);
 export {
-  D as default
+  T as default
 };

package/es/components/animation/index.d.ts

@@ -1 +1,2 @@
 export { default as IconAiScanColorAnimation } from './ai-scan-color-animation.vue';
+export { default as IconSparklesColorAnimation } from './sparkles-color-animation.vue';

package/es/components/animation/index.js

@@ -1,4 +1,6 @@
 import { default as n } from "./ai-scan-color-animation.js";
+import { default as t } from "./sparkles-color-animation.js";
 export {
-  n as IconAiScanColorAnimation
+  n as IconAiScanColorAnimation,
+  t as IconSparklesColorAnimation
 };

package/es/components/animation/sparkles-color-animation.js

@@ -0,0 +1,155 @@
+import { ref as t, shallowRef as _, onMounted as k, openBlock as c, createElementBlock as u, createElementVNode as e, createStaticVNode as h } from "vue";
+import { g as s } from "../../gsap.js";
+import '../../assets/icon.css';/* empty css         */
+const m = ["width", "height"], v = /* @__PURE__ */ h('<defs><linearGradient x1="-9.71445147e-14%" y1="-7.91033905e-14%" x2="100%" y2="100%" id="linearGradient-1"><stop stop-color="#2882FF" offset="0%"></stop><stop stop-color="#5B65F5" offset="33.97935%"></stop><stop stop-color="#B700FF" offset="100%"></stop></linearGradient><linearGradient x1="-9.71445147e-14%" y1="-7.91033905e-14%" x2="100%" y2="100%" id="linearGradient-2"><stop stop-color="#28DBFF" offset="0%"></stop><stop stop-color="#995BF5" offset="44.4569398%"></stop><stop stop-color="#D900FF" offset="100%"></stop></linearGradient><linearGradient x1="-9.71445147e-14%" y1="-7.91033905e-14%" x2="100%" y2="100%" id="linearGradient-3"><stop stop-color="#3328FF" offset="0%"></stop><stop stop-color="#ED5BF5" offset="49.4645979%"></stop><stop stop-color="#FFDD00" offset="100%"></stop></linearGradient></defs>', 1), g = {
+  id: "sparkles-color-animation",
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, G = /* @__PURE__ */ e("path", {
+  d: "M9.813,15.904 L9,18.75 L8.187,15.904 C7.75980789,14.4094508 6.59154924,13.2411921 5.097,12.814 L2.25,12 L5.096,11.187 C6.59054924,10.7598079 7.75880789,9.59154924 8.186,8.097 L9,5.25 L9.813,8.096 C10.2401921,9.59054924 11.4084508,10.7588079 12.903,11.186 L15.75,12 L12.904,12.813 C11.4094508,13.2401921 10.2411921,14.4084508 9.814,15.903 L9.813,15.904 Z",
+  stroke: "url(#linearGradient-1)",
+  fill: "url(#linearGradient-1)"
+}, null, -1), w = /* @__PURE__ */ e("path", {
+  d: "M18.259,8.715 L18,9.75 L17.741,8.715 C17.4389168,7.50583806 16.4950388,6.56157565 15.286,6.259 L14.25,6 L15.286,5.741 C16.4950388,5.43842435 17.4389168,4.49416194 17.741,3.285 L18,2.25 L18.259,3.285 C18.5612535,4.49442443 19.5055756,5.4387465 20.715,5.741 L21.75,6 L20.715,6.259 C19.5055756,6.5612535 18.5612535,7.50557557 18.259,8.715 Z",
+  stroke: "url(#linearGradient-2)",
+  fill: "url(#linearGradient-2)"
+}, null, -1), y = /* @__PURE__ */ e("path", {
+  d: "M16.894,20.567 L16.5,21.75 L16.106,20.567 C15.8820448,19.8951539 15.3548461,19.3679552 14.683,19.144 L13.5,18.75 L14.683,18.356 C15.3548461,18.1320448 15.8820448,17.6048461 16.106,16.933 L16.5,15.75 L16.894,16.933 C17.1179552,17.6048461 17.6451539,18.1320448 18.317,18.356 L19.5,18.75 L18.317,19.144 C17.6451539,19.3679552 17.1179552,19.8951539 16.894,20.567 Z",
+  stroke: "url(#linearGradient-3)",
+  fill: "url(#linearGradient-3)"
+}, null, -1), M = [
+  G,
+  w,
+  y
+], F = /* @__PURE__ */ e("path", {
+  d: "M9.813,15.904 L9,18.75 L8.187,15.904 C7.75980789,14.4094508 6.59154924,13.2411921 5.097,12.814 L2.25,12 L5.096,11.187 C6.59054924,10.7598079 7.75880789,9.59154924 8.186,8.097 L9,5.25 L9.813,8.096 C10.2401921,9.59054924 11.4084508,10.7588079 12.903,11.186 L15.75,12 L12.904,12.813 C11.4094508,13.2401921 10.2411921,14.4084508 9.814,15.903 L9.813,15.904 Z",
+  stroke: "url(#linearGradient-1)"
+}, null, -1), x = /* @__PURE__ */ e("path", {
+  d: "M18.259,8.715 L18,9.75 L17.741,8.715 C17.4389168,7.50583806 16.4950388,6.56157565 15.286,6.259 L14.25,6 L15.286,5.741 C16.4950388,5.43842435 17.4389168,4.49416194 17.741,3.285 L18,2.25 L18.259,3.285 C18.5612535,4.49442443 19.5055756,5.4387465 20.715,5.741 L21.75,6 L20.715,6.259 C19.5055756,6.5612535 18.5612535,7.50557557 18.259,8.715 Z",
+  stroke: "url(#linearGradient-2)"
+}, null, -1), Z = /* @__PURE__ */ e("path", {
+  d: "M16.894,20.567 L16.5,21.75 L16.106,20.567 C15.8820448,19.8951539 15.3548461,19.3679552 14.683,19.144 L13.5,18.75 L14.683,18.356 C15.3548461,18.1320448 15.8820448,17.6048461 16.106,16.933 L16.5,15.75 L16.894,16.933 C17.1179552,17.6048461 17.6451539,18.1320448 18.317,18.356 L19.5,18.75 L18.317,19.144 C17.6451539,19.3679552 17.1179552,19.8951539 16.894,20.567 Z",
+  stroke: "url(#linearGradient-3)"
+}, null, -1), A = [
+  F,
+  x,
+  Z
+], B = /* @__PURE__ */ h('<path d="M19.75,2.75 C20.3022847,2.75 20.75,3.19771525 20.75,3.75 C20.75,3.19771525 21.1977153,2.75 21.75,2.75 C21.1977153,2.75 20.75,2.30228475 20.75,1.75 C20.75,2.30228475 20.3022847,2.75 19.75,2.75 Z"></path><path d="M13.25,9.25 C13.8022847,9.25 14.25,9.69771525 14.25,10.25 C14.25,9.69771525 14.6977153,9.25 15.25,9.25 C14.6977153,9.25 14.25,8.80228475 14.25,8.25 C14.25,8.80228475 13.8022847,9.25 13.25,9.25 Z"></path><path d="M3.25,4.25 C4.3545695,4.25 5.25,5.1454305 5.25,6.25 C5.25,5.1454305 6.1454305,4.25 7.25,4.25 C6.1454305,4.25 5.25,3.3545695 5.25,2.25 C5.25,3.3545695 4.3545695,4.25 3.25,4.25 Z"></path><path d="M6.00441063,7 C6.55669538,7 7.00441063,7.44771525 7.00441063,8 C7.00441063,7.44771525 7.45212588,7 8.00441063,7 C7.45212588,7 7.00441063,6.55228475 7.00441063,6 C7.00441063,6.55228475 6.55669538,7 6.00441063,7 Z"></path><path d="M20.75,21.25 C21.3022847,21.25 21.75,21.6977153 21.75,22.25 C21.75,21.6977153 22.1977153,21.25 22.75,21.25 C22.1977153,21.25 21.75,20.8022847 21.75,20.25 C21.75,20.8022847 21.3022847,21.25 20.75,21.25 Z"></path><path d="M3.25,19.75 C4.07842712,19.75 4.75,20.4215729 4.75,21.25 C4.75,20.4215729 5.42157288,19.75 6.25,19.75 C5.42157288,19.75 4.75,19.0784271 4.75,18.25 C4.75,19.0784271 4.07842712,19.75 3.25,19.75 Z"></path><path d="M17.75,13.75 C18.8545695,13.75 19.75,14.6454305 19.75,15.75 C19.75,14.6454305 20.6454305,13.75 21.75,13.75 C20.6454305,13.75 19.75,12.8545695 19.75,11.75 C19.75,12.8545695 18.8545695,13.75 17.75,13.75 Z"></path>', 7), S = [
+  B
+], N = {
+  __name: "sparkles-color-animation",
+  props: {
+    size: {
+      type: [String, Number],
+      default: "1em"
+    }
+  },
+  setup(C) {
+    const l = C, r = t(null), i = t(null), a = t(null), n = t(!1), o = _(null), d = t(null);
+    k(() => {
+      o.value = s.timeline({
+        paused: !0
+      }).add("hoverStart").fromTo(
+        r.value.children,
+        {
+          autoAlpha: 0
+          // 初始透明度 0
+        },
+        {
+          autoAlpha: 1,
+          duration: 0.1
+        }
+      ).fromTo(
+        i.value.children,
+        {
+          autoAlpha: 1
+          // 初始透明度 0
+        },
+        {
+          autoAlpha: 0,
+          duration: 1
+        },
+        "<"
+        // 与上一个动画同时开始
+      ).addLabel("loop").to(
+        r.value.children,
+        {
+          keyframes: {
+            "0%": { autoAlpha: 1, scale: 1 },
+            "50%": { autoAlpha: 0.7, scale: 0.9 },
+            "100%": { autoAlpha: 1, scale: 1 }
+          },
+          transformOrigin: "center center",
+          repeat: -1,
+          duration: 2,
+          stagger: 0.1,
+          onRepeat: () => {
+            n.value || o.value.pause(0);
+          }
+        },
+        ">"
+      ), s.set(a.value.children, {
+        scale: 0,
+        y: "random(2,3)",
+        rotation: -90
+      }), d.value = s.to(a.value.children, {
+        keyframes: {
+          "0%": { scale: 0 },
+          "10%": { rotation: -90 },
+          "50%": { scale: 0.7 },
+          "100%": { scale: 0, rotation: "random([-180,45])", y: "random(-2,0)" }
+        },
+        transformOrigin: "center center",
+        duration: 1.5,
+        stagger: 0.1,
+        paused: !0,
+        ease: "power3.out"
+      });
+    });
+    const L = (p) => {
+      n.value = !0, o.value.play(0), d.value.play(0);
+    }, f = (p) => {
+      n.value = !1, o.value.reverse(0.1);
+    };
+    return (p, D) => (c(), u("span", {
+      class: "ksw-icon ksw-icon-SparklesColorAnimation",
+      onMouseenter: L,
+      onMouseleave: f
+    }, [
+      (c(), u("svg", {
+        width: l.size,
+        height: l.size,
+        viewBox: "0 0 24 24",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink"
+      }, [
+        v,
+        e("g", g, [
+          e("g", {
+            ref_key: "fill",
+            ref: r,
+            "stroke-width": "1.5"
+          }, M, 512),
+          e("g", {
+            ref_key: "stroke",
+            ref: i,
+            "stroke-width": "1.5"
+          }, A, 512),
+          e("g", {
+            ref_key: "decoration",
+            ref: a,
+            stroke: "url(#linearGradient-1)"
+          }, S, 512)
+        ])
+      ], 8, m))
+    ], 32));
+  }
+};
+export {
+  N as default
+};

package/es/components/animation/sparkles-color-animation.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    size: string | number;
+    $props: {
+        readonly size?: string | number;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/icons/base/RPAAI-color.js

@@ -1,6 +1,6 @@
 import { createVNode as t } from "vue";
 import { IconWrapper as l } from "../../runtime";
-const n = l("RPAAIColor", !1, function(o) {
+const f = l("RPAAIColor", !1, function(o) {
   return t(
     "svg",
     {
@@ -15,7 +15,7 @@ const n = l("RPAAIColor", !1, function(o) {
       t("defs", {}, [
         t(
           "linearGradient",
-          { id: "124c3193_a", x1: "0", x2: ".938", y1: "0", y2: "1.055" },
+          { id: "f8dc5415_a", x1: "0", x2: ".938", y1: "0", y2: "1.055" },
           [
             t(
               "stop",
@@ -38,7 +38,7 @@ const n = l("RPAAIColor", !1, function(o) {
       t(
         "path",
         {
-          fill: "url(#124c3193_a)",
+          fill: "url(#f8dc5415_a)",
           "fill-rule": "evenodd",
           d: "M12.086 13.75 9.25 5.392 6.413 13.75zm.51 1.5 1.694 4.991q.019.055.046.107t.062.099q.034.047.076.088t.09.075.099.06.108.044.113.027.116.009q.074 0 .146-.014.073-.015.141-.043t.13-.07q.061-.04.113-.093.053-.052.094-.113.04-.062.069-.13.028-.068.043-.14T15.75 20q0-.124-.04-.241l-5.431-16q-.019-.055-.046-.107t-.062-.099-.076-.088q-.042-.04-.09-.075t-.099-.06-.108-.044-.113-.027-.116-.009h-.64q-.057 0-.115.009-.058.01-.114.027-.055.018-.107.044t-.1.06-.09.075q-.04.041-.076.088-.034.047-.061.099-.028.052-.046.107l-5.43 16q-.04.117-.04.241 0 .074.014.146.015.073.043.141t.07.13q.04.061.093.113.052.053.113.094.062.04.13.069.068.028.14.043t.147.014q.058 0 .116-.009.058-.01.113-.027.056-.018.108-.044t.1-.06.089-.075.076-.088.062-.099.046-.107l1.694-4.991zM17.75 4v16q0 .074.014.146.015.073.043.141t.07.13q.04.061.093.113.052.053.113.094.062.04.13.069.068.028.14.043t.147.014.146-.014.141-.043.13-.07.113-.093q.053-.052.094-.113.04-.062.069-.13.028-.068.043-.14T19.25 20V4q0-.074-.014-.146-.015-.073-.043-.141t-.07-.13q-.04-.061-.093-.113-.052-.053-.113-.094-.062-.04-.13-.069-.068-.028-.14-.043T18.5 3.25t-.146.014-.141.043-.13.07-.113.093q-.053.052-.094.113-.04.062-.069.13-.028.068-.043.14T17.75 4"
         },
@@ -48,5 +48,5 @@ const n = l("RPAAIColor", !1, function(o) {
   );
 });
 export {
-  n as default
+  f as default
 };

package/es/icons/base/RPAAICaptcha_ChaoJiYing-color.js

@@ -1,6 +1,6 @@
 import { createVNode as e } from "vue";
 import { IconWrapper as x } from "../../runtime";
-const a = x(
+const c = x(
   "RPAAICaptchaChaoJiYingColor",
   !1,
   function(h) {
@@ -20,7 +20,7 @@ const a = x(
           e(
             "pattern",
             {
-              id: "05927134_b",
+              id: "405dac30_b",
               width: "67.541",
               height: "21.639",
               x: "-.623",
@@ -42,7 +42,7 @@ const a = x(
           e(
             "mask",
             {
-              id: "05927134_a",
+              id: "405dac30_a",
               maskUnits: "objectBoundingBox",
               style: "mask-type:alpha"
             },
@@ -62,7 +62,7 @@ const a = x(
             ]
           )
         ]),
-        e("g", { mask: "url(#05927134_a)" }, [
+        e("g", { mask: "url(#405dac30_a)" }, [
           e(
             "rect",
             {
@@ -70,7 +70,7 @@ const a = x(
               height: "21.639",
               x: "-.623",
               y: "1.344",
-              fill: "url(#05927134_b)",
+              fill: "url(#405dac30_b)",
               rx: "0"
             },
             null
@@ -81,5 +81,5 @@ const a = x(
   }
 );
 export {
-  a as default
+  c as default
 };

package/es/icons/base/RPAAICaptcha_Fateadm-color.js

@@ -17,7 +17,7 @@ const o = t("RPAAICaptchaFateadmColor", !1, function(R) {
         A(
           "pattern",
           {
-            id: "dd901f91_b",
+            id: "447445d8_b",
             width: "48.639",
             height: "20",
             x: "3.25",
@@ -39,7 +39,7 @@ const o = t("RPAAICaptchaFateadmColor", !1, function(R) {
         A(
           "mask",
           {
-            id: "dd901f91_a",
+            id: "447445d8_a",
             maskUnits: "objectBoundingBox",
             style: "mask-type:alpha"
           },
@@ -59,7 +59,7 @@ const o = t("RPAAICaptchaFateadmColor", !1, function(R) {
           ]
         )
       ]),
-      A("g", { mask: "url(#dd901f91_a)" }, [
+      A("g", { mask: "url(#447445d8_a)" }, [
         A(
           "rect",
           {
@@ -67,7 +67,7 @@ const o = t("RPAAICaptchaFateadmColor", !1, function(R) {
             height: "20",
             x: "3.25",
             y: "2",
-            fill: "url(#dd901f91_b)",
+            fill: "url(#447445d8_b)",
             rx: "0"
           },
           null

package/es/icons/base/RPAAIKRPA_BaiduChat-color.js

@@ -1,21 +1,21 @@
 import { createVNode as l } from "vue";
-import { IconWrapper as o } from "../../runtime";
-const f = o("RPAAIKRPABaiduChatColor", !1, function(e) {
+import { IconWrapper as t } from "../../runtime";
+const r = t("RPAAIKRPABaiduChatColor", !1, function(o) {
   return l(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: e.size,
-      height: e.size,
+      width: o.size,
+      height: o.size,
       fill: "none",
       viewBox: "0 0 24 24",
-      transform: e.rotate ? `rotate(${e.rotate})` : void 0
+      transform: o.rotate ? `rotate(${o.rotate})` : void 0
     },
     [
       l("defs", {}, [
         l(
           "linearGradient",
-          { id: "9f5ef72f_a", x1: ".266", x2: ".73", y1: ".888", y2: ".102" },
+          { id: "c2791bbb_a", x1: ".266", x2: ".73", y1: ".888", y2: ".102" },
           [
             l(
               "stop",
@@ -38,7 +38,7 @@ const f = o("RPAAIKRPABaiduChatColor", !1, function(e) {
       l(
         "path",
         {
-          fill: "url(#9f5ef72f_a)",
+          fill: "url(#c2791bbb_a)",
           "fill-rule": "evenodd",
           d: "m11.265 1.693-8 4.5A1.5 1.5 0 0 0 2.5 7.5v9a1.5 1.5 0 0 0 .765 1.307l7.976 4.487a1.5 1.5 0 0 0 .81.205c.257-.008.499-.082.708-.205l7.976-4.487A1.5 1.5 0 0 0 21.5 16.5v-9a1.5 1.5 0 0 0-.79-1.322l-7.975-4.485a1.5 1.5 0 0 0-1.47 0M16.94 7.5 12 4.721 5.5 8.377v7.246l5 2.812V12a1.5 1.5 0 0 1 .79-1.322zM13.5 18.435l5-2.812v-5.558l-5 2.812z",
           style: "mix-blend-mode:passthrough"
@@ -59,5 +59,5 @@ const f = o("RPAAIKRPABaiduChatColor", !1, function(e) {
   );
 });
 export {
-  f as default
+  r as default
 };

package/es/icons/base/RPADataChangeTextCase-color.js

@@ -18,7 +18,7 @@ const n = l(
         t("defs", {}, [
           t(
             "linearGradient",
-            { id: "87b24e54_a", x1: "0", x2: ".569", y1: "0", y2: "1.24" },
+            { id: "ba5fcec1_a", x1: "0", x2: ".569", y1: "0", y2: "1.24" },
             [
               t(
                 "stop",
@@ -34,7 +34,7 @@ const n = l(
           ),
           t(
             "linearGradient",
-            { id: "87b24e54_b", x1: "0", x2: "1.188", y1: "0", y2: ".741" },
+            { id: "ba5fcec1_b", x1: "0", x2: "1.188", y1: "0", y2: ".741" },
             [
               t(
                 "stop",
@@ -74,7 +74,7 @@ const n = l(
         t(
           "path",
           {
-            fill: "url(#87b24e54_a)",
+            fill: "url(#ba5fcec1_a)",
             "fill-rule": "evenodd",
             d: "M20.674 12.812v6.25q0 .074.015.147.014.072.042.14t.07.13q.04.062.093.114.052.052.114.093.061.041.13.07.067.028.14.042.072.015.146.015t.147-.015.14-.043.13-.069.114-.093.093-.114.07-.13q.027-.068.042-.14.014-.073.014-.146v-6.251q0-1.442-.953-2.4-.949-.954-2.533-1.085-1.233-.102-2.353.477-1.11.576-1.775 1.65-.113.182-.113.396 0 .073.015.146.014.072.042.14t.07.13q.04.062.093.114.052.052.114.093.061.041.13.07.067.028.14.042.072.015.146.015.096 0 .189-.025.092-.024.176-.07t.153-.113q.07-.066.12-.148.449-.723 1.19-1.108.736-.38 1.54-.314 1.033.086 1.593.649.516.518.516 1.34",
             style: "mix-blend-mode:passthrough"
@@ -84,7 +84,7 @@ const n = l(
         t(
           "path",
           {
-            fill: "url(#87b24e54_b)",
+            fill: "url(#ba5fcec1_b)",
             "fill-rule": "evenodd",
             d: "M17.128 15.366q1.275-.384 4.259-.235h.037q.074 0 .147-.014.072-.014.14-.043t.13-.069.114-.093.093-.114.07-.13q.027-.068.042-.14.014-.073.014-.146 0-.072-.013-.142-.014-.07-.04-.137-.027-.066-.065-.126t-.088-.112-.108-.094-.123-.071-.135-.047-.14-.02q-3.243-.162-4.766.296-1.275.384-1.92 1.446-.598.987-.408 2.105.2 1.177 1.154 1.89.873.65 1.975.63 1.432-.028 2.645-.846 1.315-.886 1.974-2.459v-.001q.058-.139.058-.29 0-.073-.014-.146-.015-.072-.043-.14t-.07-.13q-.04-.062-.092-.114-.053-.052-.114-.093t-.13-.07q-.068-.028-.14-.042t-.147-.014q-.11 0-.217.032-.106.032-.198.093-.093.062-.163.147-.07.086-.114.188-.485 1.16-1.428 1.795-.846.57-1.835.59-.588.01-1.05-.334-.473-.352-.572-.937-.097-.567.212-1.076.346-.57 1.07-.787",
             style: "mix-blend-mode:passthrough"

package/es/icons/base/RPASystem-color.js

@@ -1,6 +1,6 @@
 import { createVNode as l } from "vue";
 import { IconWrapper as t } from "../../runtime";
-const a = t("RPASystemColor", !1, function(o) {
+const r = t("RPASystemColor", !1, function(o) {
   return l(
     "svg",
     {
@@ -15,7 +15,7 @@ const a = t("RPASystemColor", !1, function(o) {
       l("defs", {}, [
         l(
           "linearGradient",
-          { id: "18d859ea_a", x1: ".313", x2: ".78", y1: ".076", y2: ".845" },
+          { id: "3d438624_a", x1: ".313", x2: ".78", y1: ".076", y2: ".845" },
           [
             l(
               "stop",
@@ -31,7 +31,7 @@ const a = t("RPASystemColor", !1, function(o) {
         ),
         l(
           "linearGradient",
-          { id: "18d859ea_b", x1: ".124", x2: "1.172", y1: ".119", y2: ".728" },
+          { id: "3d438624_b", x1: ".124", x2: "1.172", y1: ".119", y2: ".728" },
           [
             l(
               "stop",
@@ -47,7 +47,7 @@ const a = t("RPASystemColor", !1, function(o) {
         ),
         l(
           "linearGradient",
-          { id: "18d859ea_c", x1: ".209", x2: "1.404", y1: ".234", y2: "1.29" },
+          { id: "3d438624_c", x1: ".209", x2: "1.404", y1: ".234", y2: "1.29" },
           [
             l(
               "stop",
@@ -64,7 +64,7 @@ const a = t("RPASystemColor", !1, function(o) {
         l(
           "linearGradient",
           {
-            id: "18d859ea_d",
+            id: "3d438624_d",
             x1: ".186",
             x2: "1.765",
             y1: ".274",
@@ -87,7 +87,7 @@ const a = t("RPASystemColor", !1, function(o) {
       l(
         "path",
         {
-          fill: "url(#18d859ea_a)",
+          fill: "url(#3d438624_a)",
           d: "M10 12.513 2.505 12.5l.001 5.501a1 1 0 0 0 .863.99L10 19.91z",
           style: "mix-blend-mode:passthrough"
         },
@@ -96,7 +96,7 @@ const a = t("RPASystemColor", !1, function(o) {
       l(
         "path",
         {
-          fill: "url(#18d859ea_b)",
+          fill: "url(#3d438624_b)",
           d: "M11 12.515v7.533l9.361 1.295a1 1 0 0 0 1.137-.991l.002-7.819z",
           style: "mix-blend-mode:passthrough"
         },
@@ -105,7 +105,7 @@ const a = t("RPASystemColor", !1, function(o) {
       l(
         "path",
         {
-          fill: "url(#18d859ea_c)",
+          fill: "url(#3d438624_c)",
           d: "m10 4.128-6.639.94a1 1 0 0 0-.86.99l.006 5.442H10z",
           style: "mix-blend-mode:passthrough"
         },
@@ -114,7 +114,7 @@ const a = t("RPASystemColor", !1, function(o) {
       l(
         "path",
         {
-          fill: "url(#18d859ea_d)",
+          fill: "url(#3d438624_d)",
           d: "M11 3.986V11.5h10.498V3.651a1 1 0 0 0-1.14-.99z",
           style: "mix-blend-mode:passthrough"
         },
@@ -124,5 +124,5 @@ const a = t("RPASystemColor", !1, function(o) {
   );
 });
 export {
-  a as default
+  r as default
 };