wiggle-icons 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +56 -0
  2. package/dist/index.d.ts +56 -0
  3. package/dist/index.js +1222 -0
  4. package/dist/index.mjs +1222 -0
  5. package/package.json +30 -0
package/dist/index.js ADDED
@@ -0,0 +1,1222 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});// #style-inject:#style-inject
2
+ function styleInject(css, { insertAt } = {}) {
3
+ if (!css || typeof document === "undefined") return;
4
+ const head = document.head || document.getElementsByTagName("head")[0];
5
+ const style = document.createElement("style");
6
+ style.type = "text/css";
7
+ if (insertAt === "top") {
8
+ if (head.firstChild) {
9
+ head.insertBefore(style, head.firstChild);
10
+ } else {
11
+ head.appendChild(style);
12
+ }
13
+ } else {
14
+ head.appendChild(style);
15
+ }
16
+ if (style.styleSheet) {
17
+ style.styleSheet.cssText = css;
18
+ } else {
19
+ style.appendChild(document.createTextNode(css));
20
+ }
21
+ }
22
+
23
+ // src/icons/shopping-bag/shopping-bag.css
24
+ styleInject(".icon-svg {\n transition: transform 0.3s ease;\n transform-origin: center;\n}\n.icon-wrapper:hover .icon-svg {\n transform: translateY(-3px) scale(1.08);\n}\n.icon-wrapper:hover .badge {\n animation: pulse 0.6s ease;\n}\n@keyframes pulse {\n 0% {\n transform: translate(40%, -40%) scale(1);\n }\n 50% {\n transform: translate(40%, -40%) scale(1.2);\n }\n 100% {\n transform: translate(40%, -40%) scale(1);\n }\n}\n");
25
+
26
+ // src/icons/home-icon/home-icon.css
27
+ styleInject(".door {\n transform-origin: center;\n}\n@keyframes doorSpin {\n 0% {\n transform: perspective(80px) rotateY(0deg);\n }\n 50% {\n transform: perspective(80px) rotateY(180deg);\n }\n 100% {\n transform: perspective(80px) rotateY(360deg);\n }\n}\n.home-icon:hover .door {\n animation: doorSpin 0.6s ease-in-out;\n}\n");
28
+
29
+ // src/icons/scissor-icon/scissor-icon.css
30
+ styleInject(".blade-top,\n.blade-bottom {\n transform-origin: 11px 12px;\n transition: transform 0.2s ease;\n}\n.blade-top {\n transform: rotate(-10deg);\n}\n.blade-bottom {\n transform: rotate(10deg);\n}\n@keyframes cutTop {\n 0% {\n transform: rotate(-10deg);\n }\n 50% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(-10deg);\n }\n}\n@keyframes cutBottom {\n 0% {\n transform: rotate(10deg);\n }\n 50% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(10deg);\n }\n}\n.scissor-icon:hover .blade-top {\n animation: cutTop 0.35s ease;\n}\n.scissor-icon:hover .blade-bottom {\n animation: cutBottom 0.35s ease;\n}\n");
31
+
32
+ // src/icons/shopping-cart-icon/shopping-cart-icon.css
33
+ styleInject(".shopping-cart-icon {\n transition: transform 0.25s ease;\n transform-origin: center;\n}\n.shopping-cart-icon:hover {\n transform: scale(1.15);\n}\n");
34
+
35
+ // src/icons/speaker-icon/speaker-icon.css
36
+ styleInject(".wave-inner,\n.wave-outer {\n transform-origin: 12px 12px;\n transition: opacity 0.3s ease;\n}\n.speaker-icon:hover .wave-inner {\n animation: wavePulse 0.6s ease infinite;\n}\n.speaker-icon:hover .wave-outer {\n animation: wavePulse 0.6s ease 0.2s infinite;\n}\n@keyframes wavePulse {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.2;\n }\n 100% {\n opacity: 1;\n }\n}\n");
37
+
38
+ // src/icons/arrow-right-left-icon/arrowrightleft-icon.css
39
+ styleInject(".arrow-left-down,\n.arrow-right-up {\n transform-origin: 12px 12px;\n}\n@keyframes arrowLeft {\n 0% {\n transform: translateX(0px);\n }\n 50% {\n transform: translateX(-4px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n@keyframes arrowRight {\n 0% {\n transform: translateX(0px);\n }\n 50% {\n transform: translateX(4px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n.swap-icon:hover .arrow-left-down {\n animation: arrowLeft 0.35s ease;\n}\n.swap-icon:hover .arrow-right-up {\n animation: arrowRight 0.35s ease;\n}\n");
40
+
41
+ // src/icons/atSign-icon/atsign-icon.css
42
+ styleInject(".at-circle {\n transform-origin: 12px 12px;\n}\n.at-tail {\n stroke-dasharray: 60;\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 0s;\n}\n@keyframes drawTail {\n 0% {\n stroke-dashoffset: 60;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes circlePop {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(0.85);\n }\n 100% {\n transform: scale(1);\n }\n}\n.at-sign-icon:hover .at-tail {\n animation: drawTail 0.5s ease forwards;\n}\n.at-sign-icon:hover .at-circle {\n animation: circlePop 0.5s ease;\n}\n");
43
+
44
+ // src/icons/arrow-path-icon/refresh-icon.css
45
+ styleInject(".refresh-arc-top,\n.refresh-arc-bottom {\n transform-origin: 12px 12px;\n}\n@keyframes spinRefresh {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.refresh-icon:hover .refresh-arc-top,\n.refresh-icon:hover .refresh-arc-bottom {\n animation: spinRefresh 0.9s ease forwards;\n}\n");
46
+
47
+ // src/icons/arrow-pointing-in-icon/arrowpointingin-icon.css
48
+ styleInject(".arrow-top-left,\n.arrow-top-right,\n.arrow-bottom-left,\n.arrow-bottom-right {\n transform-origin: 12px 12px;\n}\n@keyframes toTopLeft {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(-3px, -3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n@keyframes toBottomLeft {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(-3px, 3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n@keyframes toTopRight {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(3px, -3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n@keyframes toBottomRight {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(3px, 3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n.expand-icon:hover .arrow-top-left {\n animation: toTopLeft 0.35s ease;\n}\n.expand-icon:hover .arrow-bottom-left {\n animation: toBottomLeft 0.35s ease;\n}\n.expand-icon:hover .arrow-top-right {\n animation: toTopRight 0.35s ease;\n}\n.expand-icon:hover .arrow-bottom-right {\n animation: toBottomRight 0.35s ease;\n}\n");
49
+
50
+ // src/icons/arrow-pointing-out-icon/arrowpointingout-icon.css
51
+ styleInject(".arrow-out-top-left,\n.arrow-out-top-right,\n.arrow-out-bottom-left,\n.arrow-out-bottom-right {\n transform-origin: 12px 12px;\n}\n@keyframes outToTopLeft {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(-3px, -3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n@keyframes outToBottomLeft {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(-3px, 3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n@keyframes outToTopRight {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(3px, -3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n@keyframes outToBottomRight {\n 0% {\n transform: translate(0px, 0px);\n }\n 50% {\n transform: translate(3px, 3px);\n }\n 100% {\n transform: translate(0px, 0px);\n }\n}\n.arrow-pointing-out-icon:hover .arrow-out-top-left {\n animation: outToTopLeft 0.35s ease;\n}\n.arrow-pointing-out-icon:hover .arrow-out-bottom-left {\n animation: outToBottomLeft 0.35s ease;\n}\n.arrow-pointing-out-icon:hover .arrow-out-top-right {\n animation: outToTopRight 0.35s ease;\n}\n.arrow-pointing-out-icon:hover .arrow-out-bottom-right {\n animation: outToBottomRight 0.35s ease;\n}\n");
52
+
53
+ // src/icons/chart-icon/chart-icon.css
54
+ styleInject(".bar-left,\n.bar-middle,\n.bar-right {\n transform-origin: 12px 21px;\n}\n@keyframes growUp {\n 0% {\n transform: scaleY(0);\n opacity: 0;\n }\n 60% {\n opacity: 1;\n }\n 100% {\n transform: scaleY(1);\n opacity: 1;\n }\n}\n.chart-icon:hover .bar-left {\n animation: growUp 0.4s ease forwards;\n animation-delay: 0s;\n}\n.chart-icon:hover .bar-middle {\n animation: growUp 0.4s ease forwards;\n animation-delay: 0.1s;\n}\n.chart-icon:hover .bar-right {\n animation: growUp 0.4s ease forwards;\n animation-delay: 0.2s;\n}\n");
55
+
56
+ // src/icons/bugant-icon/bugant-icon.css
57
+ styleInject(".bug-ant-icon {\n transform-origin: 12px 12px;\n display: inline-block;\n}\n@keyframes bugWalk {\n 0% {\n transform: translateX(0px) rotate(0deg);\n }\n 25% {\n transform: translateX(-1.5px) rotate(-4deg);\n }\n 50% {\n transform: translateX(0px) rotate(0deg);\n }\n 75% {\n transform: translateX(1.5px) rotate(4deg);\n }\n 100% {\n transform: translateX(0px) rotate(0deg);\n }\n}\n.bug-ant-icon:hover {\n animation: bugWalk 0.5s ease infinite;\n}\n");
58
+
59
+ // src/icons/chat-bubble-leftellipsis-icon/chat-bubble-leftellipsis-icon.css
60
+ styleInject(".bubble-outline {\n transform-origin: 12px 12px;\n}\n@keyframes typingDot {\n 0%, 60%, 100% {\n transform: translateY(0px);\n }\n 30% {\n transform: translateY(-2.5px);\n }\n}\n.chat-bubble-icon:hover .dot-one {\n animation: typingDot 0.8s ease infinite;\n animation-delay: 0s;\n}\n.chat-bubble-icon:hover .dot-two {\n animation: typingDot 0.8s ease infinite;\n animation-delay: 0.15s;\n}\n.chat-bubble-icon:hover .dot-three {\n animation: typingDot 0.8s ease infinite;\n animation-delay: 0.3s;\n}\n");
61
+
62
+ // src/icons/chevron-doubleleft-icon/chevron-doubleleft-icon.css
63
+ styleInject(".chevron-right,\n.chevron-left {\n transform-origin: 12px 12px;\n}\n@keyframes chevronFirst {\n 0% {\n transform: translateX(0px);\n }\n 40% {\n transform: translateX(-4px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n@keyframes chevronSecond {\n 0% {\n transform: translateX(0px);\n }\n 40% {\n transform: translateX(-4px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n.chevron-double-left-icon:hover .chevron-left {\n animation: chevronFirst 0.4s ease forwards;\n animation-delay: 0s;\n}\n.chevron-double-left-icon:hover .chevron-right {\n animation: chevronSecond 0.4s ease forwards;\n animation-delay: 0.15s;\n}\n");
64
+
65
+ // src/icons/cursor-arrow-raysIcon-icon/cursor-arrow-raysIcon-icon.css
66
+ styleInject(".cursor-arrow {\n opacity: 1;\n}\n.ray-1,\n.ray-2,\n.ray-3,\n.ray-4,\n.ray-5,\n.ray-6 {\n opacity: 0;\n transform-origin: 12px 10.5px;\n}\n@keyframes rayPop {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n.cursor-arrow-icon:hover .ray-1 {\n animation: rayPop 0.25s ease forwards;\n animation-delay: 0.08s;\n}\n.cursor-arrow-icon:hover .ray-2 {\n animation: rayPop 0.25s ease forwards;\n animation-delay: 0.16s;\n}\n.cursor-arrow-icon:hover .ray-3 {\n animation: rayPop 0.25s ease forwards;\n animation-delay: 0.24s;\n}\n.cursor-arrow-icon:hover .ray-4 {\n animation: rayPop 0.25s ease forwards;\n animation-delay: 0.32s;\n}\n.cursor-arrow-icon:hover .ray-5 {\n animation: rayPop 0.25s ease forwards;\n animation-delay: 0.40s;\n}\n.cursor-arrow-icon:hover .ray-6 {\n animation: rayPop 0.25s ease forwards;\n animation-delay: 0.50s;\n}\n");
67
+
68
+ // src/icons/face-frown-icon/face-frown-icon.css
69
+ styleInject(".face-circle {\n transform-origin: 12px 12px;\n}\n.face-mouth {\n transform-origin: 12px 15px;\n}\n.face-eye-left {\n transform-origin: 9.375px 9.75px;\n}\n.face-eye-right {\n transform-origin: 14.625px 9.75px;\n}\n@keyframes eyeDroop {\n 0% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(1.5px);\n }\n 100% {\n transform: translateY(1.5px);\n }\n}\n@keyframes mouthSad {\n 0% {\n transform: translateY(0px) scaleY(1);\n }\n 100% {\n transform: translateY(1.5px) scaleY(1.4);\n }\n}\n@keyframes faceWobble {\n 0% {\n transform: scale(1);\n }\n 30% {\n transform: scale(0.92);\n }\n 60% {\n transform: scale(1.04);\n }\n 100% {\n transform: scale(1);\n }\n}\n.face-frown-icon:hover .face-circle {\n animation: faceWobble 0.5s ease forwards;\n}\n.face-frown-icon:hover .face-eye-left,\n.face-frown-icon:hover .face-eye-right {\n animation: eyeDroop 0.4s ease forwards;\n}\n.face-frown-icon:hover .face-mouth {\n animation: mouthSad 0.4s ease forwards;\n}\n");
70
+
71
+ // src/icons/face-smile-icon/face-smile-icon.css
72
+ styleInject(".face-smile-icon {\n display: inline-block;\n}\n@keyframes gentleBounce {\n 0% {\n transform: translateY(0px);\n }\n 40% {\n transform: translateY(-3px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n.face-smile-icon:hover {\n animation: gentleBounce 0.35s ease forwards;\n}\n");
73
+
74
+ // src/icons/lock-open-icon/lock-open-icon.css
75
+ styleInject(".lock-shackle {\n transform-origin: 13.5px 10.5px;\n}\n.lock-body {\n transform-origin: 9px 17px;\n}\n@keyframes lockShackle {\n 0% {\n transform: translateX(0px) translateY(0px);\n }\n 35% {\n transform: translateX(-9px) translateY(0px);\n }\n 60% {\n transform: translateX(-9px) translateY(0px);\n }\n 100% {\n transform: translateX(0px) translateY(0px);\n }\n}\n@keyframes lockBodyShake {\n 0% {\n transform: rotate(0deg);\n }\n 35% {\n transform: rotate(0deg);\n }\n 45% {\n transform: rotate(-3deg);\n }\n 55% {\n transform: rotate(3deg);\n }\n 65% {\n transform: rotate(-2deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n}\n.lock-icon:hover .lock-shackle {\n animation: lockShackle 0.8s ease forwards;\n}\n.lock-icon:hover .lock-body {\n animation: lockBodyShake 0.8s ease forwards;\n}\n");
76
+
77
+ // src/icons/paper-plane-icon/paper-plane-icon.css
78
+ styleInject(".plane-body {\n transform-origin: 12px 12px;\n}\n.smoke-1,\n.smoke-2,\n.smoke-3,\n.smoke-4 {\n transform-origin: center;\n}\n@keyframes planeVibrate {\n 0% {\n transform: translateX(0px) translateY(0px);\n }\n 20% {\n transform: translateX(1px) translateY(-1px);\n }\n 40% {\n transform: translateX(-1px) translateY(1px);\n }\n 60% {\n transform: translateX(1px) translateY(0px);\n }\n 80% {\n transform: translateX(-1px) translateY(-1px);\n }\n 100% {\n transform: translateX(0px) translateY(0px);\n }\n}\n@keyframes smokeFloat1 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.8;\n r: 0.6;\n }\n 100% {\n transform: translate(-5px, -4px);\n opacity: 0;\n }\n}\n@keyframes smokeFloat2 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.6;\n }\n 100% {\n transform: translate(-6px, 3px);\n opacity: 0;\n }\n}\n@keyframes smokeFloat3 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.7;\n }\n 100% {\n transform: translate(-4px, -3px);\n opacity: 0;\n }\n}\n@keyframes smokeFloat4 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.5;\n }\n 100% {\n transform: translate(-5px, 2px);\n opacity: 0;\n }\n}\n.paper-plane-icon:hover .plane-body {\n animation: planeVibrate 0.4s ease infinite;\n}\n.paper-plane-icon:hover .smoke-1 {\n animation: smokeFloat1 0.8s ease forwards infinite;\n animation-delay: 0s;\n}\n.paper-plane-icon:hover .smoke-2 {\n animation: smokeFloat2 0.8s ease forwards infinite;\n animation-delay: 0.1s;\n}\n.paper-plane-icon:hover .smoke-3 {\n animation: smokeFloat3 0.8s ease forwards infinite;\n animation-delay: 0.2s;\n}\n.paper-plane-icon:hover .smoke-4 {\n animation: smokeFloat4 0.8s ease forwards infinite;\n animation-delay: 0.3s;\n}\n");
79
+
80
+ // src/icons/rocket-Launch-icon/rocket-Launch-icon.css
81
+ styleInject(".rocket-body,\n.rocket-window {\n transform-origin: 12px 12px;\n}\n.flame-1,\n.flame-2,\n.flame-3,\n.flame-4 {\n transform-origin: center;\n}\n@keyframes rocketLaunch {\n 0% {\n transform: translate(0px, 0px) rotate(0deg);\n }\n 20% {\n transform: translate(1px, -1px) rotate(1deg);\n }\n 40% {\n transform: translate(3px, -4px) rotate(2deg);\n }\n 60% {\n transform: translate(5px, -7px) rotate(2deg);\n }\n 75% {\n transform: translate(3px, -4px) rotate(1deg);\n }\n 100% {\n transform: translate(0px, 0px) rotate(0deg);\n }\n}\n@keyframes flameFloat1 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.9;\n }\n 100% {\n transform: translate(-3px, 5px);\n opacity: 0;\n }\n}\n@keyframes flameFloat2 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.7;\n }\n 100% {\n transform: translate(-2px, 6px);\n opacity: 0;\n }\n}\n@keyframes flameFloat3 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.8;\n }\n 100% {\n transform: translate(2px, 5px);\n opacity: 0;\n }\n}\n@keyframes flameFloat4 {\n 0% {\n transform: translate(0px, 0px);\n opacity: 0.6;\n }\n 100% {\n transform: translate(-1px, 4px);\n opacity: 0;\n }\n}\n.rocket-launch-icon:hover .rocket-body,\n.rocket-launch-icon:hover .rocket-window {\n animation: rocketLaunch 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n.rocket-launch-icon:hover .flame-1 {\n animation: flameFloat1 0.6s ease forwards infinite;\n animation-delay: 0s;\n}\n.rocket-launch-icon:hover .flame-2 {\n animation: flameFloat2 0.6s ease forwards infinite;\n animation-delay: 0.1s;\n}\n.rocket-launch-icon:hover .flame-3 {\n animation: flameFloat3 0.6s ease forwards infinite;\n animation-delay: 0.15s;\n}\n.rocket-launch-icon:hover .flame-4 {\n animation: flameFloat4 0.6s ease forwards infinite;\n animation-delay: 0.2s;\n}\n");
82
+
83
+ // src/icons/phone-xmark-icon/phone-xmark-icon.css
84
+ styleInject("@keyframes shake {\n 0% {\n transform: rotate(0deg);\n }\n 15% {\n transform: rotate(-15deg);\n }\n 30% {\n transform: rotate(15deg);\n }\n 45% {\n transform: rotate(-10deg);\n }\n 60% {\n transform: rotate(10deg);\n }\n 75% {\n transform: rotate(-5deg);\n }\n 90% {\n transform: rotate(5deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n}\n.phone-xmark-icon:hover {\n animation: shake 0.5s ease;\n transform-origin: center;\n}\n");
85
+
86
+ // src/icons/arrow-trending-down-icon/arrow-trending-down-icon.css
87
+ styleInject("@keyframes draw {\n from {\n stroke-dashoffset: 50;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n.arrow-trending-down-icon .arrow-path {\n stroke-dasharray: 50;\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 0s;\n}\n.arrow-trending-down-icon:hover .arrow-path {\n stroke-dashoffset: 50;\n animation: draw 0.6s ease forwards;\n}\n");
88
+
89
+ // src/icons/home-icon/home-icon.tsx
90
+ var _jsxruntime = require('react/jsx-runtime');
91
+ var HomeIcon = ({
92
+ size = 24,
93
+ color = "currentColor",
94
+ ...rest
95
+ }) => {
96
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
97
+ "svg",
98
+ {
99
+ width: size,
100
+ height: size,
101
+ viewBox: "0 0 24 24",
102
+ stroke: color,
103
+ strokeWidth: 1.5,
104
+ ...rest,
105
+ className: "home-icon",
106
+ style: { cursor: "pointer" },
107
+ fill: "none",
108
+ children: [
109
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
110
+ "path",
111
+ {
112
+ className: "house-structure",
113
+ d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75M14.25 21h4.125c.621 0 1.125-.504 1.125-1.125V9.75",
114
+ strokeLinecap: "round",
115
+ strokeLinejoin: "round"
116
+ }
117
+ ),
118
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
119
+ "path",
120
+ {
121
+ className: "door",
122
+ d: "M9.75 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21",
123
+ strokeLinecap: "round",
124
+ strokeLinejoin: "round"
125
+ }
126
+ )
127
+ ]
128
+ }
129
+ );
130
+ };
131
+
132
+ // src/icons/shopping-bag/shopping-bag.tsx
133
+
134
+ var ShoppingBag = ({
135
+ size = 24,
136
+ color = "currentColor",
137
+ badge = 0,
138
+ badgeColor = "grey",
139
+ badgeFont = "14px",
140
+ badgeFontColor = "black",
141
+ ...rest
142
+ }) => {
143
+ const totalQuantity = badge > 99 ? `${99}` : badge;
144
+ const badgeSize = size * 0.55;
145
+ const badgeFontSize = badgeSize * 0.5;
146
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "relative", display: "inline-block" }, className: "icon-wrapper", children: [
147
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
148
+ "svg",
149
+ {
150
+ width: size,
151
+ height: size,
152
+ viewBox: "0 0 24 24",
153
+ stroke: color,
154
+ strokeWidth: 1.5,
155
+ ...rest,
156
+ className: "icon-svg",
157
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
158
+ "path",
159
+ {
160
+ d: "M7.5 6v.75H5.513c-.96 0-1.764.724-1.865 1.679l-1.263 12A1.875 1.875 0 0 0 4.25 22.5h15.5a1.875 1.875 0 0 0 1.865-2.071l-1.263-12a1.875 1.875 0 0 0-1.865-1.679H16.5V6a4.5 4.5 0 1 0-9 0ZM12 3a3 3 0 0 0-3 3v.75h6V6a3 3 0 0 0-3-3Zm-3 8.25a3 3 0 1 0 6 0v-.75a.75.75 0 0 1 1.5 0v.75a4.5 4.5 0 1 1-9 0v-.75a.75.75 0 0 1 1.5 0v.75Z",
161
+ strokeLinecap: "round",
162
+ strokeLinejoin: "round"
163
+ }
164
+ )
165
+ }
166
+ ),
167
+ badge > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "badge", style: { position: "absolute", top: "0", right: "0", transform: "translate(40%, -40%)", background: badgeColor, width: badgeSize, height: badgeSize, borderRadius: "50%", fontSize: badgeFontSize, display: "flex", alignItems: "center", justifyContent: "center", color: badgeFontColor, boxShadow: "0 0 0 2px white", cursor: "pointer" }, children: totalQuantity })
168
+ ] });
169
+ };
170
+
171
+ // src/icons/scissor-icon/scissor-icon.tsx
172
+
173
+ var ScissorIcon = ({
174
+ size = 24,
175
+ color = "currentColor",
176
+ ...rest
177
+ }) => {
178
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
179
+ "svg",
180
+ {
181
+ width: size,
182
+ height: size,
183
+ viewBox: "0 0 24 24",
184
+ strokeWidth: 1.5,
185
+ stroke: color,
186
+ className: "scissor-icon",
187
+ fill: "none",
188
+ style: { cursor: "pointer" },
189
+ ...rest,
190
+ children: [
191
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Z", strokeLinecap: "round", strokeLinejoin: "round" }),
192
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M7.848 15.75a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Z", strokeLinecap: "round", strokeLinejoin: "round" }),
193
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9.384 9.137 11.461 10.336", strokeLinecap: "round", strokeLinejoin: "round" }),
194
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9.384 14.863 11.461 13.664", strokeLinecap: "round", strokeLinejoin: "round" }),
195
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
196
+ "path",
197
+ {
198
+ className: "blade-top",
199
+ d: "m11.461 10.336a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5",
200
+ strokeLinecap: "round",
201
+ strokeLinejoin: "round"
202
+ }
203
+ ),
204
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
205
+ "path",
206
+ {
207
+ className: "blade-bottom",
208
+ d: "m11.461 13.664 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379",
209
+ strokeLinecap: "round",
210
+ strokeLinejoin: "round"
211
+ }
212
+ )
213
+ ]
214
+ }
215
+ );
216
+ };
217
+
218
+ // src/icons/shopping-cart-icon/shopping-cart-icon.tsx
219
+
220
+ var ShoppingCartIcon = ({
221
+ size = 24,
222
+ color = "currentColor",
223
+ badge = 0,
224
+ badgeColor = "grey",
225
+ badgeFont = "14px",
226
+ badgeFontColor = "black",
227
+ ...rest
228
+ }) => {
229
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
230
+ "svg",
231
+ {
232
+ width: size,
233
+ height: size,
234
+ viewBox: "0 0 24 24",
235
+ stroke: color,
236
+ strokeWidth: 1.5,
237
+ strokeLinecap: "round",
238
+ strokeLinejoin: "round",
239
+ className: "shopping-cart-icon",
240
+ fill: "none",
241
+ style: { cursor: "pointer" },
242
+ ...rest,
243
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" })
244
+ }
245
+ );
246
+ };
247
+
248
+ // src/icons/speaker-icon/speaker-icon.tsx
249
+
250
+ var SpeakerIcon = ({
251
+ size = 24,
252
+ color = "currentColor",
253
+ badge = 0,
254
+ badgeColor = "grey",
255
+ badgeFont = "14px",
256
+ badgeFontColor = "black",
257
+ ...rest
258
+ }) => {
259
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
260
+ "svg",
261
+ {
262
+ width: size,
263
+ height: size,
264
+ viewBox: "0 0 24 24",
265
+ strokeWidth: 1.5,
266
+ stroke: color,
267
+ className: "speaker-icon",
268
+ fill: "none",
269
+ style: { cursor: "pointer" },
270
+ ...rest,
271
+ children: [
272
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
273
+ "path",
274
+ {
275
+ strokeLinecap: "round",
276
+ strokeLinejoin: "round",
277
+ d: "M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"
278
+ }
279
+ ),
280
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
281
+ "path",
282
+ {
283
+ className: "wave-inner",
284
+ strokeLinecap: "round",
285
+ strokeLinejoin: "round",
286
+ d: "M16.463 8.288a5.25 5.25 0 0 1 0 7.424"
287
+ }
288
+ ),
289
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
290
+ "path",
291
+ {
292
+ className: "wave-outer",
293
+ strokeLinecap: "round",
294
+ strokeLinejoin: "round",
295
+ d: "M19.114 5.636a9 9 0 0 1 0 12.728"
296
+ }
297
+ )
298
+ ]
299
+ }
300
+ );
301
+ };
302
+
303
+ // src/icons/arrow-right-left-icon/arrowrightleft-icon.tsx
304
+
305
+ var ArrowRightLeftIcon = ({
306
+ size = 24,
307
+ color = "currentColor",
308
+ ...rest
309
+ }) => {
310
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
311
+ "svg",
312
+ {
313
+ width: size,
314
+ height: size,
315
+ viewBox: "0 0 24 24",
316
+ stroke: color,
317
+ strokeWidth: 1.5,
318
+ ...rest,
319
+ className: "swap-icon",
320
+ style: { cursor: "pointer" },
321
+ overflow: "visible",
322
+ fill: "none",
323
+ children: [
324
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
325
+ "path",
326
+ {
327
+ className: "arrow-left-down",
328
+ d: "M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5",
329
+ strokeLinecap: "round",
330
+ strokeLinejoin: "round"
331
+ }
332
+ ),
333
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
334
+ "path",
335
+ {
336
+ className: "arrow-right-up",
337
+ d: "M16.5 3 21 7.5m0 0L16.5 12M21 7.5H7.5",
338
+ strokeLinecap: "round",
339
+ strokeLinejoin: "round"
340
+ }
341
+ )
342
+ ]
343
+ }
344
+ );
345
+ };
346
+
347
+ // src/icons/atSign-icon/atsign-icon.tsx
348
+
349
+ var AtSignIcon = ({
350
+ size = 24,
351
+ color = "currentColor",
352
+ ...rest
353
+ }) => {
354
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
355
+ "svg",
356
+ {
357
+ width: size,
358
+ height: size,
359
+ viewBox: "0 0 24 24",
360
+ stroke: color,
361
+ strokeWidth: 1.5,
362
+ ...rest,
363
+ className: "at-sign-icon",
364
+ style: { cursor: "pointer" },
365
+ fill: "none",
366
+ overflow: "visible",
367
+ children: [
368
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
369
+ "path",
370
+ {
371
+ className: "at-circle",
372
+ d: "M16.5 12a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Z",
373
+ strokeLinecap: "round",
374
+ strokeLinejoin: "round"
375
+ }
376
+ ),
377
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
378
+ "path",
379
+ {
380
+ className: "at-tail",
381
+ d: "M16.5 12c0 1.657 1.007 3 2.25 3S21 13.657 21 12a9 9 0 1 0-2.636 6.364M16.5 12V8.25",
382
+ strokeLinecap: "round",
383
+ strokeLinejoin: "round"
384
+ }
385
+ )
386
+ ]
387
+ }
388
+ );
389
+ };
390
+
391
+ // src/icons/arrow-path-icon/refresh-icon.tsx
392
+
393
+ var RefreshIcon = ({
394
+ size = 24,
395
+ color = "currentColor",
396
+ ...rest
397
+ }) => {
398
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
399
+ "svg",
400
+ {
401
+ width: size,
402
+ height: size,
403
+ viewBox: "0 0 24 24",
404
+ stroke: color,
405
+ strokeWidth: 1.5,
406
+ ...rest,
407
+ className: "refresh-icon",
408
+ style: { cursor: "pointer" },
409
+ fill: "none",
410
+ overflow: "visible",
411
+ children: [
412
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
413
+ "path",
414
+ {
415
+ className: "refresh-arc-top",
416
+ d: "M16.023 9.348h4.992v-.001m0-4.991v4.99",
417
+ strokeLinecap: "round",
418
+ strokeLinejoin: "round"
419
+ }
420
+ ),
421
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
422
+ "path",
423
+ {
424
+ className: "refresh-arc-bottom",
425
+ d: "M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182",
426
+ strokeLinecap: "round",
427
+ strokeLinejoin: "round"
428
+ }
429
+ )
430
+ ]
431
+ }
432
+ );
433
+ };
434
+
435
+ // src/icons/arrow-pointing-in-icon/arrowpointingin-icon.tsx
436
+
437
+ var ArrowPointingInIcon = ({
438
+ size = 24,
439
+ color = "currentColor",
440
+ ...rest
441
+ }) => {
442
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
443
+ "svg",
444
+ {
445
+ width: size,
446
+ height: size,
447
+ viewBox: "0 0 24 24",
448
+ stroke: color,
449
+ strokeWidth: 1.5,
450
+ ...rest,
451
+ className: "expand-icon",
452
+ style: { cursor: "pointer" },
453
+ fill: "none",
454
+ overflow: "visible",
455
+ children: [
456
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
457
+ "path",
458
+ {
459
+ className: "arrow-top-left",
460
+ d: "M9 9V4.5M9 9H4.5M9 9 3.75 3.75",
461
+ strokeLinecap: "round",
462
+ strokeLinejoin: "round"
463
+ }
464
+ ),
465
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
466
+ "path",
467
+ {
468
+ className: "arrow-bottom-left",
469
+ d: "M9 15v4.5M9 15H4.5M9 15l-5.25 5.25",
470
+ strokeLinecap: "round",
471
+ strokeLinejoin: "round"
472
+ }
473
+ ),
474
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
475
+ "path",
476
+ {
477
+ className: "arrow-top-right",
478
+ d: "M15 9h4.5M15 9V4.5M15 9l5.25-5.25",
479
+ strokeLinecap: "round",
480
+ strokeLinejoin: "round"
481
+ }
482
+ ),
483
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
484
+ "path",
485
+ {
486
+ className: "arrow-bottom-right",
487
+ d: "M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25",
488
+ strokeLinecap: "round",
489
+ strokeLinejoin: "round"
490
+ }
491
+ )
492
+ ]
493
+ }
494
+ );
495
+ };
496
+
497
+ // src/icons/arrow-pointing-out-icon/arrowpointingout-icon.tsx
498
+
499
+ var ArrowPointingOutIcon = ({
500
+ size = 24,
501
+ color = "currentColor",
502
+ ...rest
503
+ }) => {
504
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
505
+ "svg",
506
+ {
507
+ width: size,
508
+ height: size,
509
+ viewBox: "0 0 24 24",
510
+ stroke: color,
511
+ strokeWidth: 1.5,
512
+ ...rest,
513
+ className: "arrow-pointing-out-icon",
514
+ style: { cursor: "pointer" },
515
+ fill: "none",
516
+ overflow: "visible",
517
+ children: [
518
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
519
+ "path",
520
+ {
521
+ className: "arrow-out-top-left",
522
+ d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9",
523
+ strokeLinecap: "round",
524
+ strokeLinejoin: "round"
525
+ }
526
+ ),
527
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
528
+ "path",
529
+ {
530
+ className: "arrow-out-bottom-left",
531
+ d: "M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15",
532
+ strokeLinecap: "round",
533
+ strokeLinejoin: "round"
534
+ }
535
+ ),
536
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
537
+ "path",
538
+ {
539
+ className: "arrow-out-top-right",
540
+ d: "M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9",
541
+ strokeLinecap: "round",
542
+ strokeLinejoin: "round"
543
+ }
544
+ ),
545
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
546
+ "path",
547
+ {
548
+ className: "arrow-out-bottom-right",
549
+ d: "M20.25 20.25h-4.5m4.5 0v-4.5m0 4.5L15 15",
550
+ strokeLinecap: "round",
551
+ strokeLinejoin: "round"
552
+ }
553
+ )
554
+ ]
555
+ }
556
+ );
557
+ };
558
+
559
+ // src/icons/chart-icon/chart-icon.tsx
560
+
561
+ var ChartIcon = ({
562
+ size = 24,
563
+ color = "currentColor",
564
+ ...rest
565
+ }) => {
566
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
567
+ "svg",
568
+ {
569
+ width: size,
570
+ height: size,
571
+ viewBox: "0 0 24 24",
572
+ stroke: color,
573
+ strokeWidth: 1.5,
574
+ ...rest,
575
+ className: "chart-icon",
576
+ style: { cursor: "pointer" },
577
+ fill: "none",
578
+ overflow: "visible",
579
+ children: [
580
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
581
+ "path",
582
+ {
583
+ className: "bar-left",
584
+ d: "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75Z",
585
+ strokeLinecap: "round",
586
+ strokeLinejoin: "round"
587
+ }
588
+ ),
589
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
590
+ "path",
591
+ {
592
+ className: "bar-middle",
593
+ d: "M9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625Z",
594
+ strokeLinecap: "round",
595
+ strokeLinejoin: "round"
596
+ }
597
+ ),
598
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
599
+ "path",
600
+ {
601
+ className: "bar-right",
602
+ d: "M16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z",
603
+ strokeLinecap: "round",
604
+ strokeLinejoin: "round"
605
+ }
606
+ )
607
+ ]
608
+ }
609
+ );
610
+ };
611
+
612
+ // src/icons/bugant-icon/bugant-icon.tsx
613
+
614
+ var BugAntIcon = ({
615
+ size = 24,
616
+ color = "currentColor",
617
+ ...rest
618
+ }) => {
619
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
620
+ "svg",
621
+ {
622
+ width: size,
623
+ height: size,
624
+ viewBox: "0 0 24 24",
625
+ stroke: color,
626
+ strokeWidth: 1.5,
627
+ ...rest,
628
+ className: "bug-ant-icon",
629
+ style: { cursor: "pointer" },
630
+ fill: "none",
631
+ overflow: "visible",
632
+ children: [
633
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
634
+ "path",
635
+ {
636
+ className: "bug-body",
637
+ d: "M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Z",
638
+ strokeLinecap: "round",
639
+ strokeLinejoin: "round"
640
+ }
641
+ ),
642
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
643
+ "path",
644
+ {
645
+ className: "bug-legs-left",
646
+ d: "M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06",
647
+ strokeLinecap: "round",
648
+ strokeLinejoin: "round"
649
+ }
650
+ ),
651
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
652
+ "path",
653
+ {
654
+ className: "bug-legs-right",
655
+ d: "M12 12.75c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06",
656
+ strokeLinecap: "round",
657
+ strokeLinejoin: "round"
658
+ }
659
+ ),
660
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
661
+ "path",
662
+ {
663
+ className: "bug-middle",
664
+ d: "M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354",
665
+ strokeLinecap: "round",
666
+ strokeLinejoin: "round"
667
+ }
668
+ ),
669
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
670
+ "path",
671
+ {
672
+ className: "bug-head",
673
+ d: "M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146",
674
+ strokeLinecap: "round",
675
+ strokeLinejoin: "round"
676
+ }
677
+ ),
678
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
679
+ "path",
680
+ {
681
+ className: "bug-antennae-left",
682
+ d: "M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5",
683
+ strokeLinecap: "round",
684
+ strokeLinejoin: "round"
685
+ }
686
+ ),
687
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
688
+ "path",
689
+ {
690
+ className: "bug-antennae-right",
691
+ d: "M15.318 5c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752",
692
+ strokeLinecap: "round",
693
+ strokeLinejoin: "round"
694
+ }
695
+ ),
696
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
697
+ "path",
698
+ {
699
+ className: "bug-arms-left",
700
+ d: "M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082",
701
+ strokeLinecap: "round",
702
+ strokeLinejoin: "round"
703
+ }
704
+ ),
705
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
706
+ "path",
707
+ {
708
+ className: "bug-arms-right",
709
+ d: "M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082",
710
+ strokeLinecap: "round",
711
+ strokeLinejoin: "round"
712
+ }
713
+ )
714
+ ]
715
+ }
716
+ );
717
+ };
718
+
719
+ // src/icons/chat-bubble-leftellipsis-icon/chat-bubble-leftellipsis-icon.tsx
720
+
721
+ var ChatBubbleLeftEllipsisIcon = ({
722
+ size = 24,
723
+ color = "currentColor",
724
+ ...rest
725
+ }) => {
726
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
727
+ "svg",
728
+ {
729
+ width: size,
730
+ height: size,
731
+ viewBox: "0 0 24 24",
732
+ stroke: color,
733
+ strokeWidth: 1.5,
734
+ ...rest,
735
+ className: "chat-bubble-icon",
736
+ style: { cursor: "pointer" },
737
+ fill: "none",
738
+ overflow: "visible",
739
+ children: [
740
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
741
+ "path",
742
+ {
743
+ className: "bubble-outline",
744
+ d: "M2.25 6.741c0-1.602 1.123-2.995 2.707-3.228A48.394 48.394 0 0 1 12 3c2.392 0 4.744.175 7.043.513 1.584.233 2.707 1.626 2.707 3.228v6.018c0 1.602-1.123 2.995-2.708 3.228a48.294 48.294 0 0 1-5.83.498 1.14 1.14 0 0 0-.778.332L8.25 21v-4.454c-1.108-.086-2.206-.209-3.293-.369-1.584-.233-2.707-1.626-2.707-3.227V6.741Z",
745
+ strokeLinecap: "round",
746
+ strokeLinejoin: "round"
747
+ }
748
+ ),
749
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
750
+ "circle",
751
+ {
752
+ className: "dot-one",
753
+ cx: "8.25",
754
+ cy: "9.75",
755
+ r: "1",
756
+ fill: color,
757
+ stroke: "none"
758
+ }
759
+ ),
760
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
761
+ "circle",
762
+ {
763
+ className: "dot-two",
764
+ cx: "12",
765
+ cy: "9.75",
766
+ r: "1",
767
+ fill: color,
768
+ stroke: "none"
769
+ }
770
+ ),
771
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
772
+ "circle",
773
+ {
774
+ className: "dot-three",
775
+ cx: "15.75",
776
+ cy: "9.75",
777
+ r: "1",
778
+ fill: color,
779
+ stroke: "none"
780
+ }
781
+ )
782
+ ]
783
+ }
784
+ );
785
+ };
786
+
787
+ // src/icons/chevron-doubleleft-icon/chevron-doubleleft-icon.tsx
788
+
789
+ var ChevronDoubleLeftIcon = ({
790
+ size = 24,
791
+ color = "currentColor",
792
+ ...rest
793
+ }) => {
794
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
795
+ "svg",
796
+ {
797
+ width: size,
798
+ height: size,
799
+ viewBox: "0 0 24 24",
800
+ stroke: color,
801
+ strokeWidth: 1.5,
802
+ ...rest,
803
+ className: "chevron-double-left-icon",
804
+ style: { cursor: "pointer" },
805
+ fill: "none",
806
+ overflow: "visible",
807
+ children: [
808
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
809
+ "path",
810
+ {
811
+ className: "chevron-right",
812
+ d: "M18.75 4.5l-7.5 7.5 7.5 7.5",
813
+ strokeLinecap: "round",
814
+ strokeLinejoin: "round"
815
+ }
816
+ ),
817
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
818
+ "path",
819
+ {
820
+ className: "chevron-left",
821
+ d: "M12.75 4.5l-7.5 7.5 7.5 7.5",
822
+ strokeLinecap: "round",
823
+ strokeLinejoin: "round"
824
+ }
825
+ )
826
+ ]
827
+ }
828
+ );
829
+ };
830
+
831
+ // src/icons/cursor-arrow-raysIcon-icon/cursor-arrow-raysIcon-icon.tsx
832
+
833
+ var CursorArrowRaysIcon = ({
834
+ size = 24,
835
+ color = "currentColor",
836
+ ...rest
837
+ }) => {
838
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
839
+ "svg",
840
+ {
841
+ width: size,
842
+ height: size,
843
+ viewBox: "0 0 24 24",
844
+ stroke: color,
845
+ strokeWidth: 1.5,
846
+ ...rest,
847
+ className: "cursor-arrow-icon",
848
+ style: { cursor: "pointer" },
849
+ fill: "none",
850
+ overflow: "visible",
851
+ children: [
852
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
853
+ "path",
854
+ {
855
+ className: "cursor-arrow",
856
+ d: "M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Z",
857
+ strokeLinecap: "round",
858
+ strokeLinejoin: "round"
859
+ }
860
+ ),
861
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "ray-1", d: "M12 2.25V4.5", strokeLinecap: "round", strokeLinejoin: "round" }),
862
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "ray-2", d: "M17.834 4.666l-1.591 1.591", strokeLinecap: "round", strokeLinejoin: "round" }),
863
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "ray-3", d: "M20.25 10.5H18", strokeLinecap: "round", strokeLinejoin: "round" }),
864
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "ray-4", d: "M7.757 14.743l-1.59 1.59", strokeLinecap: "round", strokeLinejoin: "round" }),
865
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "ray-5", d: "M6 10.5H3.75", strokeLinecap: "round", strokeLinejoin: "round" }),
866
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { className: "ray-6", d: "M4.007 4.757l1.59 1.59", strokeLinecap: "round", strokeLinejoin: "round" })
867
+ ]
868
+ }
869
+ );
870
+ };
871
+
872
+ // src/icons/face-frown-icon/face-frown-icon.tsx
873
+
874
+ var FaceFrownIcon = ({
875
+ size = 24,
876
+ color = "currentColor",
877
+ ...rest
878
+ }) => {
879
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
880
+ "svg",
881
+ {
882
+ width: size,
883
+ height: size,
884
+ viewBox: "0 0 24 24",
885
+ stroke: color,
886
+ strokeWidth: 1.5,
887
+ ...rest,
888
+ className: "face-frown-icon",
889
+ style: { cursor: "pointer" },
890
+ fill: "none",
891
+ overflow: "visible",
892
+ children: [
893
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
894
+ "path",
895
+ {
896
+ className: "face-circle",
897
+ d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",
898
+ strokeLinecap: "round",
899
+ strokeLinejoin: "round"
900
+ }
901
+ ),
902
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
903
+ "path",
904
+ {
905
+ className: "face-mouth",
906
+ d: "M15.182 16.318A4.486 4.486 0 0 0 12.016 15a4.486 4.486 0 0 0-3.198 1.318",
907
+ strokeLinecap: "round",
908
+ strokeLinejoin: "round"
909
+ }
910
+ ),
911
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
912
+ "path",
913
+ {
914
+ className: "face-eye-left",
915
+ d: "M9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z",
916
+ strokeLinecap: "round",
917
+ strokeLinejoin: "round"
918
+ }
919
+ ),
920
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
921
+ "path",
922
+ {
923
+ className: "face-eye-right",
924
+ d: "M14.625 9.75c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z",
925
+ strokeLinecap: "round",
926
+ strokeLinejoin: "round"
927
+ }
928
+ )
929
+ ]
930
+ }
931
+ );
932
+ };
933
+
934
+ // src/icons/face-smile-icon/face-smile-icon.tsx
935
+
936
+ var FaceSmileIcon = ({
937
+ size = 24,
938
+ color = "currentColor",
939
+ ...rest
940
+ }) => {
941
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
942
+ "svg",
943
+ {
944
+ width: size,
945
+ height: size,
946
+ viewBox: "0 0 24 24",
947
+ stroke: color,
948
+ strokeWidth: 1.5,
949
+ ...rest,
950
+ className: "face-smile-icon",
951
+ style: { cursor: "pointer" },
952
+ fill: "none",
953
+ overflow: "visible",
954
+ children: [
955
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
956
+ "path",
957
+ {
958
+ className: "face-circle",
959
+ d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",
960
+ strokeLinecap: "round",
961
+ strokeLinejoin: "round"
962
+ }
963
+ ),
964
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
965
+ "path",
966
+ {
967
+ className: "face-mouth",
968
+ d: "M15.182 15.182a4.5 4.5 0 0 1-6.364 0",
969
+ strokeLinecap: "round",
970
+ strokeLinejoin: "round"
971
+ }
972
+ ),
973
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
974
+ "path",
975
+ {
976
+ className: "face-eye-left",
977
+ d: "M9.75 9.75c0 .414-.168.75-.375.75S9 10.164 9 9.75 9.168 9 9.375 9s.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z",
978
+ strokeLinecap: "round",
979
+ strokeLinejoin: "round"
980
+ }
981
+ ),
982
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
983
+ "path",
984
+ {
985
+ className: "face-eye-right",
986
+ d: "M14.625 9.75c0 .414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375 0h.008v.015h-.008V9.75Z",
987
+ strokeLinecap: "round",
988
+ strokeLinejoin: "round"
989
+ }
990
+ )
991
+ ]
992
+ }
993
+ );
994
+ };
995
+
996
+ // src/icons/lock-open-icon/lock-open-icon.tsx
997
+
998
+ var LockOpenIcon = ({
999
+ size = 24,
1000
+ color = "currentColor",
1001
+ ...rest
1002
+ }) => {
1003
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1004
+ "svg",
1005
+ {
1006
+ width: size,
1007
+ height: size,
1008
+ viewBox: "0 0 24 24",
1009
+ stroke: color,
1010
+ strokeWidth: 1.5,
1011
+ ...rest,
1012
+ className: "lock-icon",
1013
+ style: { cursor: "pointer" },
1014
+ fill: "none",
1015
+ overflow: "visible",
1016
+ children: [
1017
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1018
+ "path",
1019
+ {
1020
+ className: "lock-shackle",
1021
+ d: "M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75",
1022
+ strokeLinecap: "round",
1023
+ strokeLinejoin: "round"
1024
+ }
1025
+ ),
1026
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1027
+ "path",
1028
+ {
1029
+ className: "lock-body",
1030
+ d: "M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z",
1031
+ strokeLinecap: "round",
1032
+ strokeLinejoin: "round"
1033
+ }
1034
+ )
1035
+ ]
1036
+ }
1037
+ );
1038
+ };
1039
+
1040
+ // src/icons/rocket-Launch-icon/rocket-Launch-icon.tsx
1041
+
1042
+ var RocketLaunchIcon = ({
1043
+ size = 24,
1044
+ color = "currentColor",
1045
+ ...rest
1046
+ }) => {
1047
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1048
+ "svg",
1049
+ {
1050
+ width: size,
1051
+ height: size,
1052
+ viewBox: "0 0 24 24",
1053
+ stroke: color,
1054
+ strokeWidth: 1.5,
1055
+ ...rest,
1056
+ className: "rocket-launch-icon",
1057
+ style: { cursor: "pointer" },
1058
+ fill: "none",
1059
+ overflow: "visible",
1060
+ children: [
1061
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1062
+ "path",
1063
+ {
1064
+ className: "rocket-body",
1065
+ d: "M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758",
1066
+ strokeLinecap: "round",
1067
+ strokeLinejoin: "round"
1068
+ }
1069
+ ),
1070
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1071
+ "path",
1072
+ {
1073
+ className: "rocket-window",
1074
+ d: "M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z",
1075
+ strokeLinecap: "round",
1076
+ strokeLinejoin: "round"
1077
+ }
1078
+ ),
1079
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "flame-1", cx: "7", cy: "18", r: "0.7", fill: color, stroke: "none", opacity: "0" }),
1080
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "flame-2", cx: "6", cy: "19", r: "0.5", fill: color, stroke: "none", opacity: "0" }),
1081
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "flame-3", cx: "8", cy: "19.5", r: "0.4", fill: color, stroke: "none", opacity: "0" }),
1082
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "flame-4", cx: "6.5", cy: "17.5", r: "0.35", fill: color, stroke: "none", opacity: "0" })
1083
+ ]
1084
+ }
1085
+ );
1086
+ };
1087
+
1088
+ // src/icons/paper-plane-icon/paper-plane-icon.tsx
1089
+
1090
+ var PaperPlaneIcon = ({
1091
+ size = 24,
1092
+ color = "currentColor",
1093
+ ...rest
1094
+ }) => {
1095
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1096
+ "svg",
1097
+ {
1098
+ width: size,
1099
+ height: size,
1100
+ viewBox: "0 0 24 24",
1101
+ stroke: color,
1102
+ strokeWidth: 1.5,
1103
+ ...rest,
1104
+ className: "paper-plane-icon",
1105
+ style: { cursor: "pointer" },
1106
+ fill: "none",
1107
+ overflow: "visible",
1108
+ children: [
1109
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1110
+ "path",
1111
+ {
1112
+ className: "plane-body",
1113
+ d: "M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5",
1114
+ strokeLinecap: "round",
1115
+ strokeLinejoin: "round"
1116
+ }
1117
+ ),
1118
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "smoke-1", cx: "4", cy: "12", r: "1", fill: color, stroke: "none", opacity: "0" }),
1119
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "smoke-2", cx: "3", cy: "11", r: "1", fill: color, stroke: "none", opacity: "0" }),
1120
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "smoke-3", cx: "2.5", cy: "12.8", r: "1", fill: color, stroke: "none", opacity: "0" }),
1121
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { className: "smoke-4", cx: "2", cy: "11.5", r: "1", fill: color, stroke: "none", opacity: "0" })
1122
+ ]
1123
+ }
1124
+ );
1125
+ };
1126
+
1127
+ // src/icons/phone-xmark-icon/phone-xmark-icon.tsx
1128
+
1129
+ var PhoneXMarkIcon = ({
1130
+ size = 24,
1131
+ color = "currentColor",
1132
+ badge = 0,
1133
+ badgeColor = "grey",
1134
+ badgeFont = "14px",
1135
+ badgeFontColor = "black",
1136
+ ...rest
1137
+ }) => {
1138
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1139
+ "svg",
1140
+ {
1141
+ xmlns: "http://www.w3.org/2000/svg",
1142
+ width: size,
1143
+ height: size,
1144
+ viewBox: "0 0 24 24",
1145
+ strokeWidth: 1.5,
1146
+ stroke: color,
1147
+ fill: "none",
1148
+ className: "phone-xmark-icon",
1149
+ style: { cursor: "pointer" },
1150
+ ...rest,
1151
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1152
+ "path",
1153
+ {
1154
+ strokeLinecap: "round",
1155
+ strokeLinejoin: "round",
1156
+ d: "M15.75 3.75 18 6m0 0 2.25 2.25M18 6l2.25-2.25M18 6l-2.25 2.25m1.5 13.5c-8.284 0-15-6.716-15-15V4.5A2.25 2.25 0 0 1 4.5 2.25h1.372c.516 0 .966.351 1.091.852l1.106 4.423c.11.44-.054.902-.417 1.173l-1.293.97a1.062 1.062 0 0 0-.38 1.21 12.035 12.035 0 0 0 7.143 7.143c.441.162.928-.004 1.21-.38l.97-1.293a1.125 1.125 0 0 1 1.173-.417l4.423 1.106c.5.125.852.575.852 1.091V19.5a2.25 2.25 0 0 1-2.25 2.25h-2.25Z"
1157
+ }
1158
+ )
1159
+ }
1160
+ );
1161
+ };
1162
+
1163
+ // src/icons/arrow-trending-down-icon/arrow-trending-down-icon.tsx
1164
+
1165
+ var ArrowTrendingDownIcon = ({
1166
+ size = 24,
1167
+ color = "currentColor",
1168
+ badge = 0,
1169
+ badgeColor = "grey",
1170
+ badgeFont = "14px",
1171
+ badgeFontColor = "black",
1172
+ ...rest
1173
+ }) => {
1174
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1175
+ "svg",
1176
+ {
1177
+ xmlns: "http://www.w3.org/2000/svg",
1178
+ width: size,
1179
+ height: size,
1180
+ viewBox: "0 0 24 24",
1181
+ strokeWidth: 1.5,
1182
+ stroke: color,
1183
+ fill: "none",
1184
+ className: "arrow-trending-down-icon",
1185
+ style: { cursor: "pointer" },
1186
+ ...rest,
1187
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1188
+ "path",
1189
+ {
1190
+ className: "arrow-path",
1191
+ strokeLinecap: "round",
1192
+ strokeLinejoin: "round",
1193
+ d: "M2.25 6 9 12.75l4.286-4.286a11.948 11.948 0 0 1 4.306 6.43l.776 2.898m0 0 3.182-5.511m-3.182 5.51-5.511-3.181"
1194
+ }
1195
+ )
1196
+ }
1197
+ );
1198
+ };
1199
+
1200
+
1201
+
1202
+
1203
+
1204
+
1205
+
1206
+
1207
+
1208
+
1209
+
1210
+
1211
+
1212
+
1213
+
1214
+
1215
+
1216
+
1217
+
1218
+
1219
+
1220
+
1221
+
1222
+ exports.ArrowPointingInIcon = ArrowPointingInIcon; exports.ArrowPointingOutIcon = ArrowPointingOutIcon; exports.ArrowRightLeftIcon = ArrowRightLeftIcon; exports.ArrowTrendingDownIcon = ArrowTrendingDownIcon; exports.AtSignIcon = AtSignIcon; exports.BugAntIcon = BugAntIcon; exports.ChartIcon = ChartIcon; exports.ChatBubbleLeftEllipsisIcon = ChatBubbleLeftEllipsisIcon; exports.ChevronDoubleLeftIcon = ChevronDoubleLeftIcon; exports.CursorArrowRaysIcon = CursorArrowRaysIcon; exports.FaceFrownIcon = FaceFrownIcon; exports.FaceSmileIcon = FaceSmileIcon; exports.HomeIcon = HomeIcon; exports.LockOpenIcon = LockOpenIcon; exports.PaperPlaneIcon = PaperPlaneIcon; exports.PhoneXMarkIcon = PhoneXMarkIcon; exports.RefreshIcon = RefreshIcon; exports.RocketLaunchIcon = RocketLaunchIcon; exports.ScissorIcon = ScissorIcon; exports.ShoppingBag = ShoppingBag; exports.ShoppingCartIcon = ShoppingCartIcon; exports.SpeakerIcon = SpeakerIcon;