@genarou/blazir-icons 1.2.20 → 1.3.3

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 (128) hide show
  1. package/LICENSE +146 -0
  2. package/README.md +1206 -0
  3. package/dist/CustomIcon.svelte +30 -0
  4. package/dist/CustomIcon.svelte.d.ts +14 -0
  5. package/dist/Icon.svelte +282 -102
  6. package/dist/Icon.svelte.d.ts +12 -5
  7. package/dist/IconBadge.svelte +75 -0
  8. package/dist/IconBadge.svelte.d.ts +16 -0
  9. package/dist/IconBase.svelte +89 -57
  10. package/dist/effects.js +1 -3
  11. package/dist/icons/Ai.svelte +34 -6
  12. package/dist/icons/Alternate.svelte +15 -8
  13. package/dist/icons/Alternate.svelte.d.ts +5 -2
  14. package/dist/icons/AnimatedArrowLeft.svelte +29 -11
  15. package/dist/icons/AnimatedArrowLeft.svelte.d.ts +5 -2
  16. package/dist/icons/Archive.svelte +21 -0
  17. package/dist/icons/Archive.svelte.d.ts +7 -0
  18. package/dist/icons/Attachment.svelte +10 -10
  19. package/dist/icons/Attachment.svelte.d.ts +5 -2
  20. package/dist/icons/Bank.svelte +16 -8
  21. package/dist/icons/Bank.svelte.d.ts +5 -2
  22. package/dist/icons/Bell.svelte +11 -8
  23. package/dist/icons/Bell.svelte.d.ts +5 -2
  24. package/dist/icons/Box.svelte +12 -10
  25. package/dist/icons/Box.svelte.d.ts +5 -2
  26. package/dist/icons/BoxAdd.svelte +11 -8
  27. package/dist/icons/BoxAdd.svelte.d.ts +5 -2
  28. package/dist/icons/Buy.svelte +11 -10
  29. package/dist/icons/Buy.svelte.d.ts +5 -2
  30. package/dist/icons/Calendar.svelte +12 -9
  31. package/dist/icons/Calendar.svelte.d.ts +5 -2
  32. package/dist/icons/CalendarEdit.svelte +5 -5
  33. package/dist/icons/CalendarPlus.svelte +11 -9
  34. package/dist/icons/CalendarPlus.svelte.d.ts +5 -2
  35. package/dist/icons/Camera.svelte +19 -0
  36. package/dist/icons/Camera.svelte.d.ts +4 -0
  37. package/dist/icons/Cards.svelte +19 -0
  38. package/dist/icons/Cards.svelte.d.ts +4 -0
  39. package/dist/icons/Cart.svelte +13 -10
  40. package/dist/icons/CloudAlert.svelte +19 -0
  41. package/dist/icons/CloudAlert.svelte.d.ts +4 -0
  42. package/dist/icons/CloudCheck.svelte +19 -0
  43. package/dist/icons/CloudCheck.svelte.d.ts +4 -0
  44. package/dist/icons/CloudDownload.svelte +19 -0
  45. package/dist/icons/CloudDownload.svelte.d.ts +4 -0
  46. package/dist/icons/Connect.svelte +21 -0
  47. package/dist/icons/Connect.svelte.d.ts +7 -0
  48. package/dist/icons/CreditCard.svelte +19 -0
  49. package/dist/icons/CreditCard.svelte.d.ts +4 -0
  50. package/dist/icons/Dashboard.svelte +10 -7
  51. package/dist/icons/Dashboard.svelte.d.ts +5 -2
  52. package/dist/icons/DashboardOutlined.svelte +14 -12
  53. package/dist/icons/DashboardOutlined.svelte.d.ts +5 -2
  54. package/dist/icons/Desktop.svelte +19 -0
  55. package/dist/icons/Desktop.svelte.d.ts +4 -0
  56. package/dist/icons/DoughnutChart.svelte +19 -0
  57. package/dist/icons/DoughnutChart.svelte.d.ts +4 -0
  58. package/dist/icons/Earth.svelte +19 -0
  59. package/dist/icons/Earth.svelte.d.ts +4 -0
  60. package/dist/icons/Eye.svelte +42 -29
  61. package/dist/icons/Eye.svelte.d.ts +5 -2
  62. package/dist/icons/EyeOff.svelte +51 -51
  63. package/dist/icons/EyeOff.svelte.d.ts +5 -2
  64. package/dist/icons/Filter.svelte +10 -7
  65. package/dist/icons/Filter.svelte.d.ts +5 -2
  66. package/dist/icons/FilterOutline.svelte +8 -7
  67. package/dist/icons/FilterOutline.svelte.d.ts +5 -2
  68. package/dist/icons/Globe.svelte +19 -0
  69. package/dist/icons/Globe.svelte.d.ts +4 -0
  70. package/dist/icons/HardDrive.svelte +21 -0
  71. package/dist/icons/HardDrive.svelte.d.ts +7 -0
  72. package/dist/icons/Historic.svelte +21 -0
  73. package/dist/icons/Historic.svelte.d.ts +7 -0
  74. package/dist/icons/Home.svelte +11 -7
  75. package/dist/icons/Home.svelte.d.ts +5 -2
  76. package/dist/icons/LightHub.svelte +19 -0
  77. package/dist/icons/LightHub.svelte.d.ts +4 -0
  78. package/dist/icons/Link.svelte +19 -0
  79. package/dist/icons/Link.svelte.d.ts +4 -0
  80. package/dist/icons/MagnifiyingGlass.svelte +12 -8
  81. package/dist/icons/MagnifiyingGlass.svelte.d.ts +5 -2
  82. package/dist/icons/Pause.svelte +21 -0
  83. package/dist/icons/Pause.svelte.d.ts +7 -0
  84. package/dist/icons/Play.svelte +21 -0
  85. package/dist/icons/Play.svelte.d.ts +7 -0
  86. package/dist/icons/Power.svelte +19 -0
  87. package/dist/icons/Power.svelte.d.ts +4 -0
  88. package/dist/icons/Process.svelte +21 -0
  89. package/dist/icons/Process.svelte.d.ts +7 -0
  90. package/dist/icons/Receipt.svelte +19 -0
  91. package/dist/icons/Receipt.svelte.d.ts +4 -0
  92. package/dist/icons/Settings.svelte +16 -8
  93. package/dist/icons/Settings.svelte.d.ts +5 -2
  94. package/dist/icons/Sync.svelte +19 -0
  95. package/dist/icons/Sync.svelte.d.ts +4 -0
  96. package/dist/icons/SyncPhoto.svelte +21 -0
  97. package/dist/icons/SyncPhoto.svelte.d.ts +7 -0
  98. package/dist/icons/Upload.svelte +12 -57
  99. package/dist/icons/Wifi.svelte +19 -0
  100. package/dist/icons/Wifi.svelte.d.ts +4 -0
  101. package/dist/icons/Work.svelte +21 -0
  102. package/dist/icons/Work.svelte.d.ts +7 -0
  103. package/dist/icons/lazy-registry.d.ts +21 -0
  104. package/dist/icons/lazy-registry.js +251 -0
  105. package/dist/icons/registry.d.ts +211 -135
  106. package/dist/icons/registry.js +195 -137
  107. package/dist/icons-api.d.ts +74 -267
  108. package/dist/icons-api.js +91 -465
  109. package/dist/index.d.ts +5 -5
  110. package/dist/index.js +14 -11
  111. package/dist/plugin/index.d.ts +46 -0
  112. package/dist/plugin/index.js +327 -0
  113. package/dist/smart-cache.d.ts +35 -0
  114. package/dist/smart-cache.js +192 -0
  115. package/dist/types.d.ts +19 -2
  116. package/dist/utils/sanitize.d.ts +25 -0
  117. package/dist/utils/sanitize.js +109 -0
  118. package/package.json +12 -1
  119. package/dist/icons/Aws.svelte +0 -19
  120. package/dist/icons/Aws.svelte.d.ts +0 -4
  121. package/dist/icons/Facebook.svelte +0 -18
  122. package/dist/icons/Facebook.svelte.d.ts +0 -4
  123. package/dist/icons/Golang.svelte +0 -17
  124. package/dist/icons/Golang.svelte.d.ts +0 -4
  125. package/dist/icons/Google.svelte +0 -18
  126. package/dist/icons/Google.svelte.d.ts +0 -4
  127. package/dist/icons/Paypal.svelte +0 -21
  128. package/dist/icons/Paypal.svelte.d.ts +0 -4
@@ -0,0 +1,19 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconProps } from "../types";
4
+
5
+ const props: IconProps = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Signal icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M11.025 21.95q-3.85-.375-6.425-3.225T2.025 12T4.6 5.275t6.425-3.225v3q-2.6.35-4.3 2.325T5.025 12t1.7 4.625t4.3 2.325zm2 0v-3q2.35-.3 3.975-1.95t1.975-4h3q-.35 3.575-2.863 6.088t-6.087 2.862M18.975 11Q18.625 8.65 17 7t-3.975-1.95v-3q3.575.35 6.088 2.863T21.975 11z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const DoughnutChart: import("svelte").Component<IconProps, {}, "">;
3
+ type DoughnutChart = ReturnType<typeof DoughnutChart>;
4
+ export default DoughnutChart;
@@ -0,0 +1,19 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconProps } from "../types";
4
+
5
+ const props: IconProps = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Globe settings icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M12 20q.45 0 .863-.05t.837-.15L12.5 18H9v-1q0-.825.588-1.412T11 15h2v-3h-2q-.425 0-.712-.288T10 11V9h-.45q-.65 0-1.1-.437T8 7.475q0-.225.063-.45T8.25 6.6L9.8 4.325Q7.275 5.05 5.637 7.15T4 12h1v-1q0-.425.288-.712T6 10h2q.425 0 .713.288T9 11v1q0 .425-.288.713T8 13v1q0 .825-.587 1.413T6 16h-.925q1.05 1.8 2.875 2.9T12 20m7.6-5.55q.2-.575.3-1.187T20 12q0-2.8-1.7-4.937T14 4.25V7q.825 0 1.413.588T16 9v2q.475 0 .85.113t.725.462zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const Earth: import("svelte").Component<IconProps, {}, "">;
3
+ type Earth = ReturnType<typeof Earth>;
4
+ export default Earth;
@@ -1,40 +1,53 @@
1
- <!-- src/lib/icons/EyeRevealAnimated.svelte -->
2
1
  <script lang="ts">
3
2
  import IconBase from "../IconBase.svelte";
4
- import type { IconProps } from "../types";
5
- const props: IconProps = $props();
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
6
  </script>
7
7
 
8
8
  <IconBase
9
9
  {...props}
10
10
  mode="outline"
11
11
  viewBox="0 0 24 24"
12
- ariaLabel={props.ariaLabel ?? "Eye reveal (animated)"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Revelar contraseña"}
13
+ title={props.title ?? "Eye Reveal"}
14
+ strokeWidth={props.strokeWidth ?? 2}
14
15
  >
15
- <!-- Pupila que aparece -->
16
- <circle cx="12" cy="12" r="0" fill="currentColor">
17
- <animate fill="freeze" attributeName="r" dur="0.2s" values="0;3" />
18
- </circle>
16
+ {#snippet children()}
17
+ <circle cx="12" cy="12" r="0" fill="currentColor">
18
+ <animate
19
+ fill="freeze"
20
+ attributeName="r"
21
+ dur="0.25s"
22
+ values="0;3"
23
+ calcMode="spline"
24
+ keySplines="0.4 0 0.2 1"
25
+ />
26
+ </circle>
19
27
 
20
- <!-- Contorno del ojo (stroke hereda del <svg>), relleno con opacidad animada -->
21
- <path
22
- fill="currentColor"
23
- fill-opacity="0"
24
- d="M4 12c1.38 -0.77 4.42 -1.3 8 -1.3c3.58 0 6.62 0.53 8 1.3c-1.38 0.77 -4.42 1.3 -8 1.3c-3.58 0 -6.62 -0.53 -8 -1.3Z"
25
- >
26
- <animate
27
- fill="freeze"
28
- attributeName="d"
29
- dur="0.5s"
30
- values="M4 12c1.38 -0.77 4.42 -1.3 8 -1.3c3.58 0 6.62 0.53 8 1.3c-1.38 0.77 -4.42 1.3 -8 1.3c-3.58 0 -6.62 -0.53 -8 -1.3Z;M2 12c1.72 -3.83 5.53 -6.5 10 -6.5c4.47 0 8.28 2.67 10 6.5c-1.72 3.83 -5.53 6.5 -10 6.5c-4.47 0 -8.28 -2.67 -10 -6.5Z"
31
- />
32
- <animate
33
- fill="freeze"
34
- attributeName="fill-opacity"
35
- begin="0.5s"
36
- dur="0.15s"
37
- values="0;0.3"
38
- />
39
- </path>
28
+ <path
29
+ fill="currentColor"
30
+ fill-opacity="0"
31
+ stroke="currentColor"
32
+ stroke-linecap="round"
33
+ stroke-linejoin="round"
34
+ d="M3 12c2-1 5-2 9-2s7 1 9 2c-2 1-5 2-9 2s-7-1-9-2Z"
35
+ >
36
+ <animate
37
+ fill="freeze"
38
+ attributeName="d"
39
+ dur="0.4s"
40
+ values="M3 12c2-1 5-2 9-2s7 1 9 2c-2 1-5 2-9 2s-7-1-9-2Z;M2 12c2-4 6-7 10-7s8 3 10 7c-2 4-6 7-10 7s-8-3-10-7Z"
41
+ calcMode="spline"
42
+ keySplines="0.4 0 0.2 1"
43
+ />
44
+ <animate
45
+ fill="freeze"
46
+ attributeName="fill-opacity"
47
+ begin="0.4s"
48
+ dur="0.2s"
49
+ values="0;0.15"
50
+ />
51
+ </path>
52
+ {/snippet}
40
53
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Eye: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Eye: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Eye = ReturnType<typeof Eye>;
4
7
  export default Eye;
@@ -1,63 +1,63 @@
1
- <!-- src/lib/icons/EyeRevealOffAnimated.svelte -->
2
1
  <script lang="ts">
3
2
  import IconBase from "../IconBase.svelte";
4
- import type { IconProps } from "../types";
5
- const props: IconProps = $props();
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
6
  </script>
7
7
 
8
8
  <IconBase
9
9
  {...props}
10
10
  mode="outline"
11
11
  viewBox="0 0 24 24"
12
- ariaLabel={props.ariaLabel ?? "Eye reveal off (animated)"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Ocultar contraseña"}
13
+ title={props.title ?? "Eye Reveal Off"}
14
+ strokeWidth={props.strokeWidth ?? 2}
15
+ strokeLinecap="round"
16
+ strokeLinejoin="round"
14
17
  >
15
- <!-- Pupila aparece -->
16
- <circle cx="12" cy="12" r="0" fill="currentColor">
17
- <animate fill="freeze" attributeName="r" dur="0.2s" values="0;3" />
18
- </circle>
19
-
20
- <!-- Relleno suave del ojo (aparece) -->
21
- <path
22
- fill="currentColor"
23
- fill-opacity="0"
24
- d="M4 12c1.38 -0.77 4.42 -1.3 8 -1.3c3.58 0 6.62 0.53 8 1.3c-1.38 0.77 -4.42 1.3 -8 1.3c-3.58 0 -6.62 -0.53 -8 -1.3Z"
25
- >
26
- <animate
27
- fill="freeze"
28
- attributeName="d"
29
- dur="0.5s"
30
- values="M4 12c1.38 -0.77 4.42 -1.3 8 -1.3c3.58 0 6.62 0.53 8 1.3c-1.38 0.77 -4.42 1.3 -8 1.3c-3.58 0 -6.62 -0.53 -8 -1.3Z;M2 12c1.72 -3.83 5.53 -6.5 10 -6.5c4.47 0 8.28 2.67 10 6.5c-1.72 3.83 -5.53 6.5 -10 6.5c-4.47 0 -8.28 -2.67 -10 -6.5Z"
31
- />
32
- <animate
33
- fill="freeze"
34
- attributeName="fill-opacity"
35
- begin="0.5s"
36
- dur="0.15s"
37
- values="0;0.3"
38
- />
39
- </path>
18
+ {#snippet children()}
19
+ <circle cx="12" cy="12" r="0" fill="currentColor">
20
+ <animate
21
+ fill="freeze"
22
+ attributeName="r"
23
+ dur="0.25s"
24
+ values="0;3"
25
+ calcMode="spline"
26
+ keySplines="0.4 0 0.2 1"
27
+ />
28
+ </circle>
40
29
 
41
- <!-- Contorno del ojo (hereda stroke de IconBase outline) -->
42
- <path
43
- fill="none"
44
- d="M2 12c1.72 -3.83 5.53 -6.5 10 -6.5c4.47 0 8.28 2.67 10 6.5c-1.72 3.83 -5.53 6.5 -10 6.5c-4.47 0 -8.28 -2.67 -10 -6.5Z"
45
- />
30
+ <path
31
+ fill="currentColor"
32
+ fill-opacity="0"
33
+ stroke="currentColor"
34
+ d="M2 12c2-4 6-7 10-7s8 3 10 7c-2 4-6 7-10 7s-8-3-10-7Z"
35
+ >
36
+ <animate
37
+ fill="freeze"
38
+ attributeName="fill-opacity"
39
+ begin="0.4s"
40
+ dur="0.2s"
41
+ values="0;0.12"
42
+ />
43
+ </path>
46
44
 
47
- <!-- Tacha / slash -->
48
- <path
49
- fill="none"
50
- d="M3 12h18"
51
- stroke-dasharray="28"
52
- stroke-dashoffset="28"
53
- transform="rotate(45 12 12)"
54
- >
55
- <animate
56
- fill="freeze"
57
- attributeName="stroke-dashoffset"
58
- begin="0.65s"
59
- dur="0.4s"
60
- values="28;0"
61
- />
62
- </path>
45
+ <path
46
+ fill="none"
47
+ stroke="currentColor"
48
+ d="M21 3L3 21"
49
+ stroke-dasharray="26"
50
+ stroke-dashoffset="26"
51
+ >
52
+ <animate
53
+ fill="freeze"
54
+ attributeName="stroke-dashoffset"
55
+ begin="0.5s"
56
+ dur="0.3s"
57
+ values="26;0"
58
+ calcMode="spline"
59
+ keySplines="0.4 0 0.2 1"
60
+ />
61
+ </path>
62
+ {/snippet}
63
63
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const EyeOff: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const EyeOff: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type EyeOff = ReturnType<typeof EyeOff>;
4
7
  export default EyeOff;
@@ -1,18 +1,21 @@
1
1
  <script lang="ts">
2
2
  import IconBase from "../IconBase.svelte";
3
- import type { IconProps } from "../types";
3
+ import type { IconMode, IconProps } from "../types.js";
4
4
 
5
- const props: IconProps = $props();
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
6
  </script>
7
7
 
8
8
  <IconBase
9
9
  {...props}
10
10
  mode="solid"
11
11
  viewBox="0 0 24 24"
12
- ariaLabel={props.ariaLabel ?? "Filter icon"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Filtrar"}
13
+ title={props.title ?? "Filter"}
14
14
  >
15
- <path
16
- d="M4.25 5.61C6.57 8.59 10 13 10 13v5c0 1.1.9 2 2 2s2-.9 2-2v-5s3.43-4.41 5.75-7.39c.51-.66.04-1.61-.8-1.61H5.04c-.83 0-1.3.95-.79 1.61"
17
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M3 5.5c0-.83.67-1.5 1.5-1.5h15c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-15C3.67 7 3 6.33 3 5.5zm4 6.5c0-.83.67-1.5 1.5-1.5h7c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-7c-.83 0-1.5-.67-1.5-1.5zm3 6.5c0-.83.67-1.5 1.5-1.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3c-.83 0-1.5-.67-1.5-1.5z"
19
+ />
20
+ {/snippet}
18
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Filter: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Filter: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Filter = ReturnType<typeof Filter>;
4
7
  export default Filter;
@@ -1,20 +1,21 @@
1
- <!-- src/lib/icons/FilterOutline.svelte -->
2
1
  <script lang="ts">
3
2
  import IconBase from "../IconBase.svelte";
4
- import type { IconProps } from "../types";
5
- const props: IconProps = $props();
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
6
  </script>
7
7
 
8
8
  <IconBase
9
9
  {...props}
10
10
  mode="outline"
11
11
  viewBox="0 0 24 24"
12
- ariaLabel={props.ariaLabel ?? "Filter outline"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Filtrar"}
13
+ title={props.title ?? "Filter"}
14
14
  strokeLinecap="round"
15
15
  strokeLinejoin="round"
16
16
  strokeWidth={props.strokeWidth ?? 2}
17
17
  >
18
- <!-- Tres líneas con extremos redondeados (outline) -->
19
- <path d="M4 7h16M6 11.5h12M9 16h6" />
18
+ {#snippet children()}
19
+ <path d="M4 7h16M6 12h12M8 17h8" fill="none" stroke="currentColor" />
20
+ {/snippet}
20
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const FilterOutline: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const FilterOutline: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type FilterOutline = ReturnType<typeof FilterOutline>;
4
7
  export default FilterOutline;
@@ -0,0 +1,19 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconProps } from "../types";
4
+
5
+ const props: IconProps = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Radar icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M13 21h5v2H6v-2h5v-1.05a10 10 0 0 1-7.684-4.988l1.737-.992A8 8 0 1 0 15.97 3.053l.993-1.737A10 10 0 0 1 22 10c0 5.185-3.946 9.449-9 9.95zm-1-4a7 7 0 1 1 0-14a7 7 0 0 1 0 14"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const Globe: import("svelte").Component<IconProps, {}, "">;
3
+ type Globe = ReturnType<typeof Globe>;
4
+ export default Globe;
@@ -0,0 +1,21 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Cámara o escaneo"}
13
+ title={props.title ?? "Camera / Scan"}
14
+ >
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M9.175 8.175Q8 9.35 8 11t1.175 2.825T12 15t2.825-1.175T16 11t-1.175-2.825T12 7T9.175 8.175M12 13q-.825 0-1.412-.587T10 11t.588-1.412T12 9t1.413.588T14 11t-.587 1.413T12 13m4.713 3.713Q17 16.425 17 16t-.288-.712T16 15t-.712.288T15 16t.288.713T16 17t.713-.288M4 20V7q0-2.075 1.463-3.537T9 2h6q2.075 0 3.538 1.463T20 7v13q0 .825-.587 1.413T18 22H6q-.825 0-1.412-.587T4 20m3 0h10q.425 0 .713-.288T18 19t-.288-.712T17 18H7q-.425 0-.712.288T6 19t.288.713T7 20"
19
+ />
20
+ {/snippet}
21
+ </IconBase>
@@ -0,0 +1,7 @@
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const HardDrive: import("svelte").Component<$$ComponentProps, {}, "">;
6
+ type HardDrive = ReturnType<typeof HardDrive>;
7
+ export default HardDrive;
@@ -0,0 +1,21 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Historial o recargar"}
13
+ title={props.title ?? "History / Refresh"}
14
+ >
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M12 22q-3.55 0-6.262-2.175t-3.488-5.55q-.1-.425.15-.763t.675-.387t.75.2t.45.675q.675 2.625 2.813 4.313T12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4Q9.85 4 8.012 5.062T5.1 8H7q.425 0 .713.288T8 9t-.288.713T7 10H3.6q-.55 0-.875-.437t-.15-.938q1.05-2.95 3.625-4.788T12 2q2.075 0 3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m1-10.4l2.5 2.5q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-2.8-2.8q-.15-.15-.225-.337T11 11.975V8q0-.425.288-.712T12 7t.713.288T13 8z"
19
+ />
20
+ {/snippet}
21
+ </IconBase>
@@ -0,0 +1,7 @@
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Historic: import("svelte").Component<$$ComponentProps, {}, "">;
6
+ type Historic = ReturnType<typeof Historic>;
7
+ export default Historic;
@@ -1,17 +1,21 @@
1
1
  <script lang="ts">
2
2
  import IconBase from "../IconBase.svelte";
3
- import type { IconProps } from "../types";
4
- const props: IconProps = $props();
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
5
6
  </script>
6
7
 
7
8
  <IconBase
8
9
  {...props}
9
10
  mode="solid"
10
11
  viewBox="0 0 24 24"
11
- ariaLabel={props.ariaLabel ?? "Home"}
12
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Inicio"}
13
+ title={props.title ?? "Home"}
13
14
  >
14
- <path
15
- d="M20 19v-8.5a1 1 0 0 0-.4-.8l-7-5.25a1 1 0 0 0-1.2 0l-7 5.25a1 1 0 0 0-.4.8V19a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1"
16
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M12.7 2.25c-.4-.3-1-.3-1.4 0l-8.5 6.4c-.5.4-.8 1-.8 1.6V19c0 1.1.9 2 2 2h5v-5c0-.6.4-1 1-1h4c.6 0 1 .4 1 1v5h5c1.1 0 2-.9 2-2V10.25c0-.6-.3-1.2-.8-1.6l-8.5-6.4z"
19
+ />
20
+ {/snippet}
17
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Home: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Home: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Home = ReturnType<typeof Home>;
4
7
  export default Home;
@@ -0,0 +1,19 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconProps } from "../types";
4
+
5
+ const props: IconProps = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Lightbulb icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M10 18q-.825 0-1.412-.587T8 16v-1.25q-1.425-.975-2.212-2.5T5 9q0-2.925 2.038-4.962T12 2t4.963 2.038T19 9q0 1.725-.788 3.238T16 14.75V16q0 .825-.587 1.413T14 18zm0 4q-.425 0-.712-.288T9 21t.288-.712T10 20h4q.425 0 .713.288T15 21t-.288.713T14 22z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const LightHub: import("svelte").Component<IconProps, {}, "">;
3
+ type LightHub = ReturnType<typeof LightHub>;
4
+ export default LightHub;
@@ -0,0 +1,19 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconProps } from "../types";
4
+
5
+ const props: IconProps = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Link icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M7.95 21q-2.05 0-3.5-1.45T3 16.05q0-1 .375-1.9t1.075-1.6l2.625-2.625q.3-.3.713-.3t.712.3t.3.7t-.3.7l-2.65 2.65q-.425.425-.637.963T5 16.05q0 1.225.863 2.088T7.95 19q.575 0 1.125-.213t.975-.637l2.625-2.65q.3-.275.7-.275t.7.3t.3.7t-.3.7L11.45 19.55q-.7.7-1.6 1.075T7.95 21m1.25-6.2q-.3-.3-.3-.712t.3-.713L13.375 9.2q.3-.3.713-.3t.712.3t.3.713t-.3.712L10.625 14.8q-.3.3-.712.3t-.713-.3m6.3-.725q-.3-.3-.3-.7t.3-.7l2.65-2.625q.425-.425.625-.95t.2-1.1q0-1.25-.85-2.125T16.025 5q-.575 0-1.112.213t-.963.637L11.325 8.5q-.3.3-.7.3t-.7-.3t-.3-.712t.3-.713L12.55 4.45q.7-.7 1.6-1.075T16.05 3q2.05 0 3.488 1.45t1.437 3.525q0 .975-.363 1.875t-1.062 1.6l-2.625 2.625q-.3.3-.712.3t-.713-.3"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const Link: import("svelte").Component<IconProps, {}, "">;
3
+ type Link = ReturnType<typeof Link>;
4
+ export default Link;
@@ -1,18 +1,22 @@
1
- <!-- src/lib/icons/SearchSmall.svelte -->
2
1
  <script lang="ts">
3
2
  import IconBase from "../IconBase.svelte";
4
- import type { IconProps } from "../types";
5
- const props: IconProps = $props();
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
6
  </script>
7
7
 
8
8
  <IconBase
9
9
  {...props}
10
10
  mode="solid"
11
11
  viewBox="0 0 8 8"
12
- ariaLabel={props.ariaLabel ?? "SearchSmall"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Buscar"}
13
+ title={props.title ?? "Search Small"}
14
14
  >
15
- <path
16
- d="M3.5 0C1.57 0 0 1.57 0 3.5S1.57 7 3.5 7c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66c0-1.93-1.57-3.5-3.5-3.5zm0 1C4.89 1 6 2.11 6 3.5c0 .66-.24 1.27-.66 1.72l-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63c-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"
17
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M3.5 0C1.57 0 0 1.57 0 3.5S1.57 7 3.5 7c.74 0 1.42-.23 1.97-.63l1.1 1.1c.3.3.77.3 1.06 0 .3-.3.3-.77 0-1.06l-1.1-1.1c.4-.55.63-1.23.63-1.97C7.16 1.57 5.43 0 3.5 0zm0 1.5c1.1 0 2 0.9 2 2s-0.9 2-2 2-2-0.9-2-2 0.9-2 2-2z"
19
+ />
20
+ {/snippet}
18
21
  </IconBase>
22
+
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const MagnifiyingGlass: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const MagnifiyingGlass: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type MagnifiyingGlass = ReturnType<typeof MagnifiyingGlass>;
4
7
  export default MagnifiyingGlass;
@@ -0,0 +1,21 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Pausar"}
13
+ title={props.title ?? "Pause"}
14
+ >
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M16 19q-.825 0-1.412-.587T14 17V7q0-.825.588-1.412T16 5t1.413.588T18 7v10q0 .825-.587 1.413T16 19m-8 0q-.825 0-1.412-.587T6 17V7q0-.825.588-1.412T8 5t1.413.588T10 7v10q0 .825-.587 1.413T8 19"
19
+ />
20
+ {/snippet}
21
+ </IconBase>
@@ -0,0 +1,7 @@
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Pause: import("svelte").Component<$$ComponentProps, {}, "">;
6
+ type Pause = ReturnType<typeof Pause>;
7
+ export default Pause;
@@ -0,0 +1,21 @@
1
+ <script lang="ts">
2
+ import IconBase from "../IconBase.svelte";
3
+ import type { IconMode, IconProps } from "../types.js";
4
+
5
+ const props: IconProps & { mode?: IconMode } = $props();
6
+ </script>
7
+
8
+ <IconBase
9
+ {...props}
10
+ mode="solid"
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Reproducir"}
13
+ title={props.title ?? "Play"}
14
+ >
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"
19
+ />
20
+ {/snippet}
21
+ </IconBase>
@@ -0,0 +1,7 @@
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Play: import("svelte").Component<$$ComponentProps, {}, "">;
6
+ type Play = ReturnType<typeof Play>;
7
+ export default Play;