wiggle-icons 1.0.2 → 1.0.4

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.
package/README.md CHANGED
@@ -76,6 +76,9 @@ standard SVG prop like `className`, `id`, `onClick`, `style` etc:
76
76
  | Truck | `TruckIcon` |
77
77
  | Phone X Mark | `PhoneXMarkIcon` |
78
78
  | Arrow Trending Down | `ArrowTrendingDownIcon` |
79
+ | Adjustments Vertical | `AdjustmentsVerticalIcon` |
80
+ | Archive Box X Mark | `ArchiveBoxXMarkIcon` |
81
+ | Arrow Turn Left Down | `ArrowTurnLeftDownIcon` |
79
82
 
80
83
  ## License
81
84
 
package/dist/index.d.mts CHANGED
@@ -53,4 +53,10 @@ declare const PhoneXMarkIcon: ({ size, color, badge, badgeColor, badgeFont, badg
53
53
 
54
54
  declare const ArrowTrendingDownIcon: ({ size, color, badge, badgeColor, badgeFont, badgeFontColor, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
55
55
 
56
- export { ArrowPointingInIcon, ArrowPointingOutIcon, ArrowRightLeftIcon, ArrowTrendingDownIcon, AtSignIcon, BugAntIcon, ChartIcon, ChatBubbleLeftEllipsisIcon, ChevronDoubleLeftIcon, CursorArrowRaysIcon, FaceFrownIcon, FaceSmileIcon, HomeIcon, type IconProps, LockOpenIcon, PaperPlaneIcon, PhoneXMarkIcon, RefreshIcon, RocketLaunchIcon, ScissorIcon, ShoppingBag, ShoppingCartIcon, SpeakerIcon };
56
+ declare const AdjustmentsVerticalIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
57
+
58
+ declare const ArchiveBoxXMarkIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
59
+
60
+ declare const ArrowTurnLeftDownIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
61
+
62
+ export { AdjustmentsVerticalIcon, ArchiveBoxXMarkIcon, ArrowPointingInIcon, ArrowPointingOutIcon, ArrowRightLeftIcon, ArrowTrendingDownIcon, ArrowTurnLeftDownIcon, AtSignIcon, BugAntIcon, ChartIcon, ChatBubbleLeftEllipsisIcon, ChevronDoubleLeftIcon, CursorArrowRaysIcon, FaceFrownIcon, FaceSmileIcon, HomeIcon, type IconProps, LockOpenIcon, PaperPlaneIcon, PhoneXMarkIcon, RefreshIcon, RocketLaunchIcon, ScissorIcon, ShoppingBag, ShoppingCartIcon, SpeakerIcon };
package/dist/index.d.ts CHANGED
@@ -53,4 +53,10 @@ declare const PhoneXMarkIcon: ({ size, color, badge, badgeColor, badgeFont, badg
53
53
 
54
54
  declare const ArrowTrendingDownIcon: ({ size, color, badge, badgeColor, badgeFont, badgeFontColor, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
55
55
 
56
- export { ArrowPointingInIcon, ArrowPointingOutIcon, ArrowRightLeftIcon, ArrowTrendingDownIcon, AtSignIcon, BugAntIcon, ChartIcon, ChatBubbleLeftEllipsisIcon, ChevronDoubleLeftIcon, CursorArrowRaysIcon, FaceFrownIcon, FaceSmileIcon, HomeIcon, type IconProps, LockOpenIcon, PaperPlaneIcon, PhoneXMarkIcon, RefreshIcon, RocketLaunchIcon, ScissorIcon, ShoppingBag, ShoppingCartIcon, SpeakerIcon };
56
+ declare const AdjustmentsVerticalIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
57
+
58
+ declare const ArchiveBoxXMarkIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
59
+
60
+ declare const ArrowTurnLeftDownIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
61
+
62
+ export { AdjustmentsVerticalIcon, ArchiveBoxXMarkIcon, ArrowPointingInIcon, ArrowPointingOutIcon, ArrowRightLeftIcon, ArrowTrendingDownIcon, ArrowTurnLeftDownIcon, AtSignIcon, BugAntIcon, ChartIcon, ChatBubbleLeftEllipsisIcon, ChevronDoubleLeftIcon, CursorArrowRaysIcon, FaceFrownIcon, FaceSmileIcon, HomeIcon, type IconProps, LockOpenIcon, PaperPlaneIcon, PhoneXMarkIcon, RefreshIcon, RocketLaunchIcon, ScissorIcon, ShoppingBag, ShoppingCartIcon, SpeakerIcon };
package/dist/index.js CHANGED
@@ -86,6 +86,12 @@ styleInject("@keyframes shake {\n 0% {\n transform: rotate(0deg);\n }\n 15
86
86
  // src/icons/arrow-trending-down-icon/arrow-trending-down-icon.css
87
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
88
 
89
+ // src/icons/adjustment-vertical-icon/adjustment-vertical-icon.css
90
+ styleInject("@keyframes slideDown {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(6px);\n }\n}\n@keyframes slideUp {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-6px);\n }\n}\n.adj-knob-left,\n.adj-knob-middle,\n.adj-knob-right {\n animation: none;\n}\n.adjustments-vertical-icon:hover .adj-knob-left {\n animation: slideDown 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-middle {\n animation: slideUp 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-right {\n animation: slideDown 2s ease-in-out infinite;\n}\n");
91
+
92
+ // src/icons/archive-box-icon/archive-box-icon.css
93
+ styleInject("@keyframes drawFirstLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes drawSecondLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.x-mark {\n stroke-dasharray: 20;\n stroke-dashoffset: 0;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(3) {\n animation: drawFirstLine 0.3s ease-out forwards;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(4) {\n stroke-dashoffset: 20;\n animation: drawSecondLine 0.3s ease-out 0.3s forwards;\n}\n");
94
+
89
95
  // src/icons/home-icon/home-icon.tsx
90
96
  var _jsxruntime = require('react/jsx-runtime');
91
97
  var HomeIcon = ({
@@ -1197,6 +1203,183 @@ var ArrowTrendingDownIcon = ({
1197
1203
  );
1198
1204
  };
1199
1205
 
1206
+ // src/icons/adjustment-vertical-icon/adjustment-vertical-icon.tsx
1207
+
1208
+ var AdjustmentsVerticalIcon = ({
1209
+ size = 24,
1210
+ color = "currentColor",
1211
+ ...rest
1212
+ }) => {
1213
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1214
+ "svg",
1215
+ {
1216
+ width: size,
1217
+ height: size,
1218
+ viewBox: "0 0 24 24",
1219
+ stroke: color,
1220
+ strokeWidth: 1.5,
1221
+ ...rest,
1222
+ className: "adjustments-vertical-icon",
1223
+ style: { cursor: "pointer" },
1224
+ fill: "none",
1225
+ xmlns: "http://www.w3.org/2000/svg",
1226
+ children: [
1227
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1228
+ "line",
1229
+ {
1230
+ className: "left-track",
1231
+ x1: "6",
1232
+ y1: "3.75",
1233
+ x2: "6",
1234
+ y2: "20.25",
1235
+ strokeLinecap: "round",
1236
+ strokeLinejoin: "round"
1237
+ }
1238
+ ),
1239
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { className: "adj-knob-left", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "6", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
1240
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1241
+ "line",
1242
+ {
1243
+ className: "middle-track",
1244
+ x1: "12",
1245
+ y1: "3.75",
1246
+ x2: "12",
1247
+ y2: "20.25",
1248
+ strokeLinecap: "round",
1249
+ strokeLinejoin: "round"
1250
+ }
1251
+ ),
1252
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { className: "adj-knob-middle", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "7.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
1253
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1254
+ "line",
1255
+ {
1256
+ className: "right-track",
1257
+ x1: "18",
1258
+ y1: "3.75",
1259
+ x2: "18",
1260
+ y2: "20.25",
1261
+ strokeLinecap: "round",
1262
+ strokeLinejoin: "round"
1263
+ }
1264
+ ),
1265
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { className: "adj-knob-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "18", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) })
1266
+ ]
1267
+ }
1268
+ );
1269
+ };
1270
+
1271
+ // src/icons/archive-box-icon/archive-box-icon.tsx
1272
+
1273
+ var ArchiveBoxXMarkIcon = ({
1274
+ size = 24,
1275
+ color = "currentColor",
1276
+ ...rest
1277
+ }) => {
1278
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1279
+ "svg",
1280
+ {
1281
+ width: size,
1282
+ height: size,
1283
+ viewBox: "0 0 24 24",
1284
+ stroke: color,
1285
+ strokeWidth: 1.5,
1286
+ ...rest,
1287
+ className: "archive-box-x-mark-icon",
1288
+ style: { cursor: "pointer" },
1289
+ fill: "none",
1290
+ xmlns: "http://www.w3.org/2000/svg",
1291
+ children: [
1292
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1293
+ "path",
1294
+ {
1295
+ className: "box-structure",
1296
+ d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5",
1297
+ strokeLinecap: "round",
1298
+ strokeLinejoin: "round"
1299
+ }
1300
+ ),
1301
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1302
+ "path",
1303
+ {
1304
+ className: "box-lid",
1305
+ d: "M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z",
1306
+ strokeLinecap: "round",
1307
+ strokeLinejoin: "round"
1308
+ }
1309
+ ),
1310
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1311
+ "path",
1312
+ {
1313
+ className: "x-mark",
1314
+ d: "m9.75 11.625 4.5 4.5",
1315
+ strokeLinecap: "round",
1316
+ strokeLinejoin: "round"
1317
+ }
1318
+ ),
1319
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1320
+ "path",
1321
+ {
1322
+ className: "x-mark",
1323
+ d: "m14.25 11.625-4.5 4.5",
1324
+ strokeLinecap: "round",
1325
+ strokeLinejoin: "round"
1326
+ }
1327
+ )
1328
+ ]
1329
+ }
1330
+ );
1331
+ };
1332
+
1333
+ // src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.css
1334
+ styleInject("@keyframes drawPath {\n 0% {\n stroke-dashoffset: 40;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.arrow-path {\n stroke-dasharray: 40;\n stroke-dashoffset: 0;\n}\n.arrow-turn-left-down-icon:hover .arrow-path {\n animation: drawPath 0.5s ease-out forwards;\n}\n");
1335
+
1336
+ // src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.tsx
1337
+
1338
+ var ArrowTurnLeftDownIcon = ({
1339
+ size = 24,
1340
+ color = "currentColor",
1341
+ ...rest
1342
+ }) => {
1343
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
1344
+ "svg",
1345
+ {
1346
+ width: size,
1347
+ height: size,
1348
+ viewBox: "0 0 24 24",
1349
+ stroke: color,
1350
+ strokeWidth: 1.5,
1351
+ ...rest,
1352
+ className: "arrow-turn-left-down-icon",
1353
+ style: { cursor: "pointer" },
1354
+ fill: "none",
1355
+ xmlns: "http://www.w3.org/2000/svg",
1356
+ children: [
1357
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1358
+ "path",
1359
+ {
1360
+ className: "arrow-head",
1361
+ d: "m11.99 16.5-3.75 3.75m0 0L4.49 16.5",
1362
+ strokeLinecap: "round",
1363
+ strokeLinejoin: "round"
1364
+ }
1365
+ ),
1366
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1367
+ "path",
1368
+ {
1369
+ className: "arrow-path",
1370
+ d: "M19.49 3.75H8.24V20.25",
1371
+ strokeLinecap: "round",
1372
+ strokeLinejoin: "round"
1373
+ }
1374
+ )
1375
+ ]
1376
+ }
1377
+ );
1378
+ };
1379
+
1380
+
1381
+
1382
+
1200
1383
 
1201
1384
 
1202
1385
 
@@ -1219,4 +1402,4 @@ var ArrowTrendingDownIcon = ({
1219
1402
 
1220
1403
 
1221
1404
 
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;
1405
+ exports.AdjustmentsVerticalIcon = AdjustmentsVerticalIcon; exports.ArchiveBoxXMarkIcon = ArchiveBoxXMarkIcon; exports.ArrowPointingInIcon = ArrowPointingInIcon; exports.ArrowPointingOutIcon = ArrowPointingOutIcon; exports.ArrowRightLeftIcon = ArrowRightLeftIcon; exports.ArrowTrendingDownIcon = ArrowTrendingDownIcon; exports.ArrowTurnLeftDownIcon = ArrowTurnLeftDownIcon; 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;
package/dist/index.mjs CHANGED
@@ -86,6 +86,12 @@ styleInject("@keyframes shake {\n 0% {\n transform: rotate(0deg);\n }\n 15
86
86
  // src/icons/arrow-trending-down-icon/arrow-trending-down-icon.css
87
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
88
 
89
+ // src/icons/adjustment-vertical-icon/adjustment-vertical-icon.css
90
+ styleInject("@keyframes slideDown {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(6px);\n }\n}\n@keyframes slideUp {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-6px);\n }\n}\n.adj-knob-left,\n.adj-knob-middle,\n.adj-knob-right {\n animation: none;\n}\n.adjustments-vertical-icon:hover .adj-knob-left {\n animation: slideDown 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-middle {\n animation: slideUp 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-right {\n animation: slideDown 2s ease-in-out infinite;\n}\n");
91
+
92
+ // src/icons/archive-box-icon/archive-box-icon.css
93
+ styleInject("@keyframes drawFirstLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes drawSecondLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.x-mark {\n stroke-dasharray: 20;\n stroke-dashoffset: 0;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(3) {\n animation: drawFirstLine 0.3s ease-out forwards;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(4) {\n stroke-dashoffset: 20;\n animation: drawSecondLine 0.3s ease-out 0.3s forwards;\n}\n");
94
+
89
95
  // src/icons/home-icon/home-icon.tsx
90
96
  import { jsx, jsxs } from "react/jsx-runtime";
91
97
  var HomeIcon = ({
@@ -1196,11 +1202,188 @@ var ArrowTrendingDownIcon = ({
1196
1202
  }
1197
1203
  );
1198
1204
  };
1205
+
1206
+ // src/icons/adjustment-vertical-icon/adjustment-vertical-icon.tsx
1207
+ import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
1208
+ var AdjustmentsVerticalIcon = ({
1209
+ size = 24,
1210
+ color = "currentColor",
1211
+ ...rest
1212
+ }) => {
1213
+ return /* @__PURE__ */ jsxs20(
1214
+ "svg",
1215
+ {
1216
+ width: size,
1217
+ height: size,
1218
+ viewBox: "0 0 24 24",
1219
+ stroke: color,
1220
+ strokeWidth: 1.5,
1221
+ ...rest,
1222
+ className: "adjustments-vertical-icon",
1223
+ style: { cursor: "pointer" },
1224
+ fill: "none",
1225
+ xmlns: "http://www.w3.org/2000/svg",
1226
+ children: [
1227
+ /* @__PURE__ */ jsx23(
1228
+ "line",
1229
+ {
1230
+ className: "left-track",
1231
+ x1: "6",
1232
+ y1: "3.75",
1233
+ x2: "6",
1234
+ y2: "20.25",
1235
+ strokeLinecap: "round",
1236
+ strokeLinejoin: "round"
1237
+ }
1238
+ ),
1239
+ /* @__PURE__ */ jsx23("g", { className: "adj-knob-left", children: /* @__PURE__ */ jsx23("circle", { cx: "6", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
1240
+ /* @__PURE__ */ jsx23(
1241
+ "line",
1242
+ {
1243
+ className: "middle-track",
1244
+ x1: "12",
1245
+ y1: "3.75",
1246
+ x2: "12",
1247
+ y2: "20.25",
1248
+ strokeLinecap: "round",
1249
+ strokeLinejoin: "round"
1250
+ }
1251
+ ),
1252
+ /* @__PURE__ */ jsx23("g", { className: "adj-knob-middle", children: /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "7.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
1253
+ /* @__PURE__ */ jsx23(
1254
+ "line",
1255
+ {
1256
+ className: "right-track",
1257
+ x1: "18",
1258
+ y1: "3.75",
1259
+ x2: "18",
1260
+ y2: "20.25",
1261
+ strokeLinecap: "round",
1262
+ strokeLinejoin: "round"
1263
+ }
1264
+ ),
1265
+ /* @__PURE__ */ jsx23("g", { className: "adj-knob-right", children: /* @__PURE__ */ jsx23("circle", { cx: "18", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) })
1266
+ ]
1267
+ }
1268
+ );
1269
+ };
1270
+
1271
+ // src/icons/archive-box-icon/archive-box-icon.tsx
1272
+ import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
1273
+ var ArchiveBoxXMarkIcon = ({
1274
+ size = 24,
1275
+ color = "currentColor",
1276
+ ...rest
1277
+ }) => {
1278
+ return /* @__PURE__ */ jsxs21(
1279
+ "svg",
1280
+ {
1281
+ width: size,
1282
+ height: size,
1283
+ viewBox: "0 0 24 24",
1284
+ stroke: color,
1285
+ strokeWidth: 1.5,
1286
+ ...rest,
1287
+ className: "archive-box-x-mark-icon",
1288
+ style: { cursor: "pointer" },
1289
+ fill: "none",
1290
+ xmlns: "http://www.w3.org/2000/svg",
1291
+ children: [
1292
+ /* @__PURE__ */ jsx24(
1293
+ "path",
1294
+ {
1295
+ className: "box-structure",
1296
+ d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5",
1297
+ strokeLinecap: "round",
1298
+ strokeLinejoin: "round"
1299
+ }
1300
+ ),
1301
+ /* @__PURE__ */ jsx24(
1302
+ "path",
1303
+ {
1304
+ className: "box-lid",
1305
+ d: "M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z",
1306
+ strokeLinecap: "round",
1307
+ strokeLinejoin: "round"
1308
+ }
1309
+ ),
1310
+ /* @__PURE__ */ jsx24(
1311
+ "path",
1312
+ {
1313
+ className: "x-mark",
1314
+ d: "m9.75 11.625 4.5 4.5",
1315
+ strokeLinecap: "round",
1316
+ strokeLinejoin: "round"
1317
+ }
1318
+ ),
1319
+ /* @__PURE__ */ jsx24(
1320
+ "path",
1321
+ {
1322
+ className: "x-mark",
1323
+ d: "m14.25 11.625-4.5 4.5",
1324
+ strokeLinecap: "round",
1325
+ strokeLinejoin: "round"
1326
+ }
1327
+ )
1328
+ ]
1329
+ }
1330
+ );
1331
+ };
1332
+
1333
+ // src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.css
1334
+ styleInject("@keyframes drawPath {\n 0% {\n stroke-dashoffset: 40;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.arrow-path {\n stroke-dasharray: 40;\n stroke-dashoffset: 0;\n}\n.arrow-turn-left-down-icon:hover .arrow-path {\n animation: drawPath 0.5s ease-out forwards;\n}\n");
1335
+
1336
+ // src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.tsx
1337
+ import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
1338
+ var ArrowTurnLeftDownIcon = ({
1339
+ size = 24,
1340
+ color = "currentColor",
1341
+ ...rest
1342
+ }) => {
1343
+ return /* @__PURE__ */ jsxs22(
1344
+ "svg",
1345
+ {
1346
+ width: size,
1347
+ height: size,
1348
+ viewBox: "0 0 24 24",
1349
+ stroke: color,
1350
+ strokeWidth: 1.5,
1351
+ ...rest,
1352
+ className: "arrow-turn-left-down-icon",
1353
+ style: { cursor: "pointer" },
1354
+ fill: "none",
1355
+ xmlns: "http://www.w3.org/2000/svg",
1356
+ children: [
1357
+ /* @__PURE__ */ jsx25(
1358
+ "path",
1359
+ {
1360
+ className: "arrow-head",
1361
+ d: "m11.99 16.5-3.75 3.75m0 0L4.49 16.5",
1362
+ strokeLinecap: "round",
1363
+ strokeLinejoin: "round"
1364
+ }
1365
+ ),
1366
+ /* @__PURE__ */ jsx25(
1367
+ "path",
1368
+ {
1369
+ className: "arrow-path",
1370
+ d: "M19.49 3.75H8.24V20.25",
1371
+ strokeLinecap: "round",
1372
+ strokeLinejoin: "round"
1373
+ }
1374
+ )
1375
+ ]
1376
+ }
1377
+ );
1378
+ };
1199
1379
  export {
1380
+ AdjustmentsVerticalIcon,
1381
+ ArchiveBoxXMarkIcon,
1200
1382
  ArrowPointingInIcon,
1201
1383
  ArrowPointingOutIcon,
1202
1384
  ArrowRightLeftIcon,
1203
1385
  ArrowTrendingDownIcon,
1386
+ ArrowTurnLeftDownIcon,
1204
1387
  AtSignIcon,
1205
1388
  BugAntIcon,
1206
1389
  ChartIcon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wiggle-icons",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "A collection of animated React SVG icons",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -23,7 +23,7 @@
23
23
  "animated",
24
24
  "typescript"
25
25
  ],
26
- "author": "Your Name",
26
+ "author": "Melroy",
27
27
  "license": "MIT",
28
28
  "peerDependencies": {
29
29
  "react": ">=17.0.0"