@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
@@ -1,18 +1,21 @@
1
- <!-- src/lib/icons/Bell.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 24 24"
12
- ariaLabel={props.ariaLabel ?? "Bell"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Notificaciones"}
13
+ title={props.title ?? "Bell Premium"}
14
14
  >
15
- <path
16
- d="M21 19v1H3v-1l2-2v-6c0-3.1 2.03-5.83 5-6.71V4a2 2 0 0 1 2-2a2 2 0 0 1 2 2v.29c2.97.88 5 3.61 5 6.71v6zm-7 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2"
17
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M12 2a2 2 0 0 0-2 2v.3C7.1 5.2 5 7.9 5 11v6l-2 2v1h18v-1l-2-2v-6c0-3.1-2.1-5.8-5-6.7V4a2 2 0 0 0-2-2zm-3 19a3 3 0 0 0 6 0H9z"
19
+ />
20
+ {/snippet}
18
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Bell: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Bell: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Bell = ReturnType<typeof Bell>;
4
7
  export default Bell;
@@ -1,19 +1,21 @@
1
- <!-- src/lib/icons/Box.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
- mode="outline"
10
+ mode="solid"
11
11
  viewBox="0 0 24 24"
12
- ariaLabel={props.ariaLabel ?? "Box"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Inventario"}
13
+ title={props.title ?? "Box Premium"}
14
14
  >
15
- <path
16
- fill="currentColor"
17
- d="M7.245 3.356c.372-.107.766-.106 1.267-.106h6.976c.5 0 .895 0 1.267.106c.328.093.636.247.907.453c.309.234.545.55.846.95l1.487 1.984c.204.272.364.485.48.726q.156.32.224.67c.051.263.051.53.051.87v7.822c0 .534 0 .98-.03 1.344c-.03.38-.098.736-.27 1.073a2.75 2.75 0 0 1-1.201 1.202c-.338.172-.694.24-1.074.27c-.364.03-.81.03-1.344.03H7.17c-.535 0-.98 0-1.345-.03c-.38-.03-.736-.098-1.073-.27a2.75 2.75 0 0 1-1.202-1.2c-.172-.338-.24-.694-.27-1.074c-.03-.364-.03-.81-.03-1.344V9.008c0-.339 0-.606.051-.869a2.8 2.8 0 0 1 .223-.67c.117-.24.277-.454.481-.726L5.493 4.76c.3-.401.536-.717.845-.95c.271-.207.579-.36.907-.454M10.5 12.5a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8.75h6.499a2.5 2.5 0 0 0-.036-.467a2 2 0 0 0-.163-.487c-.074-.154-.176-.296-.363-.546h-6.03l-.283-2.258a1.133 1.133 0 0 0-2.248 0l-.282 2.258H4.563c-.187.25-.289.392-.363.546a2 2 0 0 0-.163.487a2.5 2.5 0 0 0-.036.467H10.5zM6 17a1 1 0 0 0 1 1h3a1 1 0 1 0 0-2H7a1 1 0 0 0-1 1"
18
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M12 2.1l-9 4.5v10.8l9 4.5 9-4.5V6.6l-9-4.5zM12 11L4.5 7.25 12 3.5l7.5 3.75L12 11zM4 8.5l7 3.5v7.5l-7-3.5V8.5zm16 0v7.5l-7 3.5v-7.5l7-3.5z"
19
+ />
20
+ {/snippet}
19
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Box: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Box: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Box = ReturnType<typeof Box>;
4
7
  export default Box;
@@ -1,18 +1,21 @@
1
- <!-- src/lib/icons/BoxAdd.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 24 24"
12
- ariaLabel={props.ariaLabel ?? "Box add"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Agregar al inventario"}
13
+ title={props.title ?? "Box Add Premium"}
14
14
  >
15
- <path
16
- d="M5.616 20q-.667 0-1.141-.475T4 18.386v-10.9q0-.282.093-.545t.28-.48l1.558-1.87q.217-.286.543-.438T7.176 4h9.61q.376 0 .709.153q.333.152.555.438L19.627 6.5q.187.225.28.492q.093.266.093.552v3.766q-.206-.06-.437-.086t-.447-.026q-1.191 0-2.251.457q-1.061.457-1.865 1.299V7.808H9v6.788l3-1.5l2.046 1.014q-.392.66-.613 1.416q-.221.757-.221 1.565q0 .778.207 1.518q.208.739.612 1.391zm12.98.596v-3h-3v-1h3v-3h1v3h3v1h-3v3zM5.381 6.808H18.6l-1.33-1.596q-.097-.096-.222-.154T16.788 5H7.192q-.134 0-.26.058t-.22.154z"
17
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M12 2.1l-9 4.5v10.8l9 4.5 2.1-1.05V18.6L12 19.75l-7.5-3.75v-7.5l7.5 3.75 3.2-1.6c.4-.3.9-.5 1.4-.6L12 11 4.5 7.25 12 3.5l7.5 3.75-1.5.75v2.2c.7.1 1.4.3 2 .7V6.6l-9-4.5zM18 14v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"
19
+ />
20
+ {/snippet}
18
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const BoxAdd: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const BoxAdd: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type BoxAdd = ReturnType<typeof BoxAdd>;
4
7
  export default BoxAdd;
@@ -1,20 +1,21 @@
1
- <!-- src/lib/icons/Buy.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 24 24"
12
- ariaLabel={props.ariaLabel ?? "Shopping cart"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Comprar"}
13
+ title={props.title ?? "Shopping Cart Premium"}
14
14
  >
15
- <path
16
- d="M21 4H2v2h2.3l3.521 9.683A2 2 0 0 0 9.7 17H18v-2H9.7l-.728-2H18c.4 0 .762-.238.919-.606l3-7A.998.998 0 0 0 21 4"
17
- />
18
- <circle cx="10.5" cy="19.5" r="1.5" />
19
- <circle cx="16.5" cy="19.5" r="1.5" />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M2 3h3.5l.8 2H21c.5 0 .9.4.9.9 0 .1 0 .2-.1.3l-3.3 7.5c-.2.5-.7.8-1.2.8H8.7l-.4 1H19v2H7c-.6 0-1.1-.4-1.3-.9L3.1 5H2V3zm6 15a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm11 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
19
+ />
20
+ {/snippet}
20
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Buy: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Buy: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Buy = ReturnType<typeof Buy>;
4
7
  export default Buy;
@@ -1,18 +1,21 @@
1
- <!-- src/lib/icons/Calendar.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
- viewBox="0 0 512 512"
12
- ariaLabel={props.ariaLabel ?? "Calendar"}
13
- title={props.title ?? ""}
11
+ viewBox="0 0 24 24"
12
+ ariaLabel={props.ariaLabel ?? "Calendario"}
13
+ title={props.title ?? "Calendar Premium"}
14
14
  >
15
- <path
16
- d="M480 128a64 64 0 0 0-64-64h-16V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 368 48v16H144V48.45c0-8.61-6.62-16-15.23-16.43A16 16 0 0 0 112 48v16H96a64 64 0 0 0-64 64v12a4 4 0 0 0 4 4h440a4 4 0 0 0 4-4ZM32 416a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V179a3 3 0 0 0-3-3H35a3 3 0 0 0-3 3Zm344-208a24 24 0 1 1-24 24a24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m-80-80a24 24 0 1 1-24 24a24 24 0 0 1 24-24m0 80a24 24 0 1 1-24 24a24 24 0 0 1 24-24"
17
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M17 3V2h-2v1H9V2H7v1H4a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-3zm3 17H4V9h16v11zm-12-8h2v2H8v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm-8 4h2v2H8v-2zm4 0h2v2h-2v-2z"
19
+ />
20
+ {/snippet}
18
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Calendar: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Calendar: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Calendar = ReturnType<typeof Calendar>;
4
7
  export default Calendar;
@@ -1,16 +1,16 @@
1
- <!-- src/lib/icons/CalendarEdit.svelte -->
2
1
  <script lang="ts">
3
2
  import IconBase from "../IconBase.svelte";
4
3
  import type { IconProps } from "../types";
5
- const props: IconProps = $props();
4
+
5
+ let { ariaLabel, title, ...rest }: IconProps = $props();
6
6
  </script>
7
7
 
8
8
  <IconBase
9
- {...props}
9
+ {...rest}
10
10
  mode="solid"
11
11
  viewBox="0 0 24 24"
12
- ariaLabel={props.ariaLabel ?? "CalendarEdit"}
13
- title={props.title ?? ""}
12
+ ariaLabel={ariaLabel ?? "CalendarEdit"}
13
+ title={title ?? ""}
14
14
  >
15
15
  <path
16
16
  d="M19 4h-3V2h-2v2h-4V2H8v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2M5 20V7h14V6l.002 14z"
@@ -1,19 +1,21 @@
1
- <!-- src/lib/icons/CalendarAdd.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 24 24"
12
- ariaLabel={props.ariaLabel ?? "CalendarAdd"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Programar fecha"}
13
+ title={props.title ?? "Calendar Add Premium"}
14
14
  >
15
- <path d="M8 15h3v3h2v-3h3v-2h-3v-3h-2v3H8z" />
16
- <path
17
- d="M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2m.002 16H5V8h14z"
18
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M17 3V2h-2v1H9V2H7v1H4a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h9v-2H4V9h16v4h2V5a2 2 0 0 0-2-2h-3zm2 10v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"
19
+ />
20
+ {/snippet}
19
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const CalendarPlus: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const CalendarPlus: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type CalendarPlus = ReturnType<typeof CalendarPlus>;
4
7
  export default CalendarPlus;
@@ -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 grid icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M11.4 9h8q-.675-1.725-2.062-2.963T14.15 4.3zm-2.3 2l4-6.9q-.275-.05-.55-.075T12 4q-1.65 0-3.075.625T6.4 6.3zm-4.85 3H9.7l-4-6.9q-.8 1.025-1.25 2.263T4 12q0 .525.063 1.013T4.25 14m5.6 5.7l2.7-4.7H4.6q.675 1.725 2.063 2.963T9.85 19.7M12 20q1.65 0 3.075-.625T17.6 17.7L14.9 13l-4 6.9q.275.05.538.075T12 20m6.3-3.1q.8-1.025 1.25-2.262T20 12q0-.525-.062-1.012T19.75 10H14.3zM12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.788-3.887t2.15-3.175t3.187-2.15T12 2q2.075 0 3.888.788t3.174 2.15t2.15 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15T12 22"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const Camera: import("svelte").Component<IconProps, {}, "">;
3
+ type Camera = ReturnType<typeof Camera>;
4
+ export default Camera;
@@ -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 ?? "Article icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M11 9h6q.425 0 .713-.288T18 8t-.288-.712T17 7h-6.025q-.425 0-.7.288T10 8t.288.713T11 9m0 3h3q.425 0 .713-.288T15 11t-.288-.712T14 10h-3.025q-.425 0-.7.288T10 11t.288.713T11 12m-5.55 8.975Q4.625 21.1 4 20.6t-.75-1.325L2.025 10.35q-.125-.8.388-1.45t1.312-.775H4V14q0 1.65 1.175 2.825T8 18h11q-.2.525-.612.888t-1.013.437zM8 16.1q-.825 0-1.412-.587T6 14.1V5q0-.825.588-1.412T8 3h12q.825 0 1.413.588T22 5v9.1q0 .825-.587 1.413T20 16.1z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const Cards: import("svelte").Component<IconProps, {}, "">;
3
+ type Cards = ReturnType<typeof Cards>;
4
+ export default Cards;
@@ -1,28 +1,31 @@
1
- <!-- src/lib/icons/Cart.svelte -->
2
1
  <script lang="ts">
3
2
  import IconBase from "../IconBase.svelte";
4
3
  import type { IconProps } from "../types";
5
4
 
6
5
  const props: IconProps = $props();
7
- const ariaLabel = props.ariaLabel ?? "Cart";
6
+ const ariaLabel = props.ariaLabel ?? "Cart Outline";
8
7
  const title = props.title ?? "";
9
8
  </script>
10
9
 
11
10
  <IconBase
12
11
  {...props}
13
- mode={props.mode ?? "solid"}
12
+ mode={props.mode ?? "outline"}
14
13
  viewBox="0 0 24 24"
15
14
  {ariaLabel}
16
15
  {title}
17
16
  >
18
- <!-- IconBase controla color/hover/animaciones/transición; aquí solo paths -->
19
- <g fill="none">
17
+ <g
18
+ fill="none"
19
+ stroke="currentColor"
20
+ stroke-width="2"
21
+ stroke-linecap="round"
22
+ stroke-linejoin="round"
23
+ >
20
24
  <path
21
- d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"
22
- />
23
- <path
24
- fill="currentColor"
25
- d="M9 20a1 1 0 1 1 0 2a1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2a1 1 0 0 1 0-2M2.2 2.9a1 1 0 0 1 1.295-.269l.105.07l1.708 1.28a2 2 0 0 1 .653.848l.06.171h12.846a2 2 0 0 1 1.998 2.1l-.013.148l-.457 3.655a5 5 0 0 1-4.32 4.34l-.226.023l-7.313.61l.26 1.124H17.5a1 1 0 0 1 .117 1.993L17.5 19H8.796a2 2 0 0 1-1.906-1.393l-.043-.157l-2.74-11.87L2.4 4.3a1 1 0 0 1-.2-1.4"
25
+ d="M3.977 5.285L6.15 14.54a2 2 0 0 0 1.94 1.545h9.46a2 2 0 0 0 1.973-1.67l1.08-6.375a1 1 0 0 0-1-1.168H5.216"
26
26
  />
27
+ <path d="M1.5 2.5h2l.477 2.785" />
28
+ <circle cx="9" cy="20" r="1" fill="currentColor" />
29
+ <circle cx="17" cy="20" r="1" fill="currentColor" />
27
30
  </g>
28
31
  </IconBase>
@@ -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 ?? "Cloud warning icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M6.5 20q-2.275 0-3.887-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.625-2.3 2.5-3.725T12 4q2.925 0 4.963 2.038T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.312 3.188T18.5 20zm6.213-4.288Q13 15.425 13 15t-.288-.712T12 14t-.712.288T11 15t.288.713T12 16t.713-.288m0-3.5Q13 11.926 13 11.5V9q0-.425-.288-.712T12 8t-.712.288T11 9v2.5q0 .425.288.713T12 12.5t.713-.288"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const CloudAlert: import("svelte").Component<IconProps, {}, "">;
3
+ type CloudAlert = ReturnType<typeof CloudAlert>;
4
+ export default CloudAlert;
@@ -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 ?? "Cloud check icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="m10.325 14.125l-1.4-1.4q-.3-.3-.7-.3t-.7.3t-.3.713t.3.712L9.65 16.3q.3.3.7.3t.7-.3l4.225-4.225q.3-.3.3-.725t-.3-.725t-.725-.3t-.725.3zM6.5 20q-2.275 0-3.887-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.625-2.3 2.5-3.725T12 4q2.925 0 4.963 2.038T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.312 3.188T18.5 20z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const CloudCheck: import("svelte").Component<IconProps, {}, "">;
3
+ type CloudCheck = ReturnType<typeof CloudCheck>;
4
+ export default CloudCheck;
@@ -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 ?? "Cloud download icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M6.5 20q-2.275 0-3.887-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.575-2.025 2.138-3.4T11 4.075v8.075l-.9-.875Q9.825 11 9.413 11t-.713.3q-.275.275-.275.7t.275.7l2.6 2.6q.3.3.7.3t.7-.3l2.6-2.6q.275-.275.287-.687T15.3 11.3q-.275-.275-.687-.288t-.713.263l-.9.875V4.075q2.575.35 4.288 2.313T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.312 3.188T18.5 20z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const CloudDownload: import("svelte").Component<IconProps, {}, "">;
3
+ type CloudDownload = ReturnType<typeof CloudDownload>;
4
+ export default CloudDownload;
@@ -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 ?? "Sincronización o conexión"}
13
+ title={props.title ?? "Sync / Merge"}
14
+ >
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M3 16v-3H2q-.425 0-.712-.288T1 12t.288-.712T2 11h1V8q0-1.25.875-2.125T6 5h1q0-.425.288-.712T8 4t.713.288T9 5v14q0 .425-.288.713T8 20t-.712-.288T7 19H6q-1.25 0-2.125-.875T3 16m18 0q0 1.25-.875 2.125T18 19h-1q0 .425-.288.713T16 20t-.712-.288T15 19v-3h-3q-.425 0-.712-.288T11 15t.288-.712T12 14h3v-4h-3q-.425 0-.712-.288T11 9t.288-.712T12 8h3V5q0-.425.288-.712T16 4t.713.288T17 5h1q1.25 0 2.125.875T21 8v3h1q.425 0 .713.288T23 12t-.288.713T22 13h-1z"
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 Connect: import("svelte").Component<$$ComponentProps, {}, "">;
6
+ type Connect = ReturnType<typeof Connect>;
7
+ export default Connect;
@@ -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 ?? "Email icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm1-3h10L10 7H5zm8-8h6V7h-6z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const CreditCard: import("svelte").Component<IconProps, {}, "">;
3
+ type CreditCard = ReturnType<typeof CreditCard>;
4
+ export default CreditCard;
@@ -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 ?? "Grid view icon"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Vista de cuadrícula"}
13
+ title={props.title ?? "Grid View"}
14
14
  >
15
- <path
16
- d="M4 13h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1m0 8h6c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1m10 0h6c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1M13 4v4c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1"
17
- />
15
+ {#snippet children()}
16
+ <path
17
+ fill="currentColor"
18
+ d="M4.5 3h5c.8 0 1.5.7 1.5 1.5v7c0 .8-.7 1.5-1.5 1.5h-5c-.8 0-1.5-.7-1.5-1.5v-7C3 3.7 3.7 3 4.5 3zm0 11h5c.8 0 1.5.7 1.5 1.5v4c0 .8-.7 1.5-1.5 1.5h-5c-.8 0-1.5-.7-1.5-1.5v-4c0-.8.7-1.5 1.5-1.5zm9.5-11h5c.8 0 1.5.7 1.5 1.5v4c0 .8-.7 1.5-1.5 1.5h-5c-.8 0-1.5-.7-1.5-1.5v-4c0-.8.7-1.5 1.5-1.5zm0 8h5c.8 0 1.5.7 1.5 1.5v7c0 .8-.7 1.5-1.5 1.5h-5c-.8 0-1.5-.7-1.5-1.5v-7c0-.8.7-1.5 1.5-1.5z"
19
+ />
20
+ {/snippet}
18
21
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const Dashboard: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const Dashboard: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type Dashboard = ReturnType<typeof Dashboard>;
4
7
  export default Dashboard;
@@ -1,23 +1,25 @@
1
- <!-- src/lib/icons/DashboardOutlined.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 ?? "Table chart"}
13
- title={props.title ?? ""}
12
+ ariaLabel={props.ariaLabel ?? "Gráfico de tabla"}
13
+ title={props.title ?? "Table Chart"}
14
14
  strokeWidth={props.strokeWidth ?? 1.5}
15
- strokeLinecap={props.strokeLinecap ?? "round"}
16
- strokeLinejoin={props.strokeLinejoin ?? "round"}
17
15
  >
18
- <!-- Sin fill: que herede del SVG (outline) -->
19
- <path
20
- d="M4 13h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1m0 8h6c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1m10 0h6c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1M13 4v4c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1"
21
- fill="none"
22
- />
16
+ {#snippet children()}
17
+ <path
18
+ d="M4 13h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1m0 8h6c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1m10 0h6c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1M13 4v4c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1"
19
+ fill="none"
20
+ stroke="currentColor"
21
+ stroke-linecap="round"
22
+ stroke-linejoin="round"
23
+ />
24
+ {/snippet}
23
25
  </IconBase>
@@ -1,4 +1,7 @@
1
- import type { IconProps } from "../types";
2
- declare const DashboardOutlined: import("svelte").Component<IconProps, {}, "">;
1
+ import type { IconMode, IconProps } from "../types.js";
2
+ type $$ComponentProps = IconProps & {
3
+ mode?: IconMode;
4
+ };
5
+ declare const DashboardOutlined: import("svelte").Component<$$ComponentProps, {}, "">;
3
6
  type DashboardOutlined = ReturnType<typeof DashboardOutlined>;
4
7
  export default DashboardOutlined;
@@ -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 ?? "Monitor icon"}
13
+ title={props.title ?? ""}
14
+ >
15
+ <path
16
+ fill="currentColor"
17
+ d="M1 21v-2h22v2zm3-3q-.825 0-1.412-.587T2 16V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v11q0 .825-.587 1.413T20 18zm0-2h16V5H4zm0 0V5z"
18
+ />
19
+ </IconBase>
@@ -0,0 +1,4 @@
1
+ import type { IconProps } from "../types";
2
+ declare const Desktop: import("svelte").Component<IconProps, {}, "">;
3
+ type Desktop = ReturnType<typeof Desktop>;
4
+ export default Desktop;