rizzo-css 0.0.1 → 0.0.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 (93) hide show
  1. package/README.md +13 -7
  2. package/bin/rizzo-css.js +303 -0
  3. package/dist/rizzo.min.css +1 -1
  4. package/package.json +13 -4
  5. package/scaffold/astro/Accordion.astro +178 -0
  6. package/scaffold/astro/Alert.astro +131 -0
  7. package/scaffold/astro/Avatar.astro +59 -0
  8. package/scaffold/astro/Badge.astro +24 -0
  9. package/scaffold/astro/Breadcrumb.astro +61 -0
  10. package/scaffold/astro/Button.astro +3 -0
  11. package/scaffold/astro/Card.astro +18 -0
  12. package/scaffold/astro/Checkbox.astro +38 -0
  13. package/scaffold/astro/CopyToClipboard.astro +199 -0
  14. package/scaffold/astro/Divider.astro +37 -0
  15. package/scaffold/astro/Dropdown.astro +807 -0
  16. package/scaffold/astro/FormGroup.astro +51 -0
  17. package/scaffold/astro/Input.astro +59 -0
  18. package/scaffold/astro/Modal.astro +212 -0
  19. package/scaffold/astro/Pagination.astro +240 -0
  20. package/scaffold/astro/ProgressBar.astro +65 -0
  21. package/scaffold/astro/Radio.astro +38 -0
  22. package/scaffold/astro/Select.astro +49 -0
  23. package/scaffold/astro/Spinner.astro +30 -0
  24. package/scaffold/astro/Table.astro +181 -0
  25. package/scaffold/astro/Tabs.astro +223 -0
  26. package/scaffold/astro/Textarea.astro +58 -0
  27. package/scaffold/astro/Toast.astro +30 -0
  28. package/scaffold/astro/Tooltip.astro +32 -0
  29. package/scaffold/astro/icons/Brush.astro +11 -0
  30. package/scaffold/astro/icons/Cake.astro +12 -0
  31. package/scaffold/astro/icons/Check.astro +30 -0
  32. package/scaffold/astro/icons/Cherry.astro +12 -0
  33. package/scaffold/astro/icons/ChevronDown.astro +30 -0
  34. package/scaffold/astro/icons/Circle.astro +30 -0
  35. package/scaffold/astro/icons/Close.astro +31 -0
  36. package/scaffold/astro/icons/Copy.astro +31 -0
  37. package/scaffold/astro/icons/Eye.astro +31 -0
  38. package/scaffold/astro/icons/Filter.astro +30 -0
  39. package/scaffold/astro/icons/Flame.astro +29 -0
  40. package/scaffold/astro/icons/Flower.astro +12 -0
  41. package/scaffold/astro/icons/Gear.astro +31 -0
  42. package/scaffold/astro/icons/Heart.astro +29 -0
  43. package/scaffold/astro/icons/IceCream.astro +32 -0
  44. package/scaffold/astro/icons/Leaf.astro +30 -0
  45. package/scaffold/astro/icons/Lemon.astro +12 -0
  46. package/scaffold/astro/icons/Moon.astro +30 -0
  47. package/scaffold/astro/icons/Owl.astro +35 -0
  48. package/scaffold/astro/icons/Palette.astro +34 -0
  49. package/scaffold/astro/icons/Rainbow.astro +32 -0
  50. package/scaffold/astro/icons/Search.astro +31 -0
  51. package/scaffold/astro/icons/Shield.astro +29 -0
  52. package/scaffold/astro/icons/Snowflake.astro +35 -0
  53. package/scaffold/astro/icons/Sort.astro +31 -0
  54. package/scaffold/astro/icons/Sun.astro +30 -0
  55. package/scaffold/astro/icons/Sunset.astro +11 -0
  56. package/scaffold/astro/icons/Zap.astro +10 -0
  57. package/scaffold/astro/icons/devicons/Astro.astro +54 -0
  58. package/scaffold/astro/icons/devicons/Bash.astro +35 -0
  59. package/scaffold/astro/icons/devicons/Css3.astro +30 -0
  60. package/scaffold/astro/icons/devicons/Git.astro +25 -0
  61. package/scaffold/astro/icons/devicons/Html5.astro +28 -0
  62. package/scaffold/astro/icons/devicons/Javascript.astro +26 -0
  63. package/scaffold/astro/icons/devicons/Nodejs.astro +48 -0
  64. package/scaffold/astro/icons/devicons/Plaintext.astro +34 -0
  65. package/scaffold/astro/icons/devicons/React.astro +28 -0
  66. package/scaffold/astro/icons/devicons/Svelte.astro +26 -0
  67. package/scaffold/astro/icons/devicons/Vue.astro +27 -0
  68. package/scaffold/svelte/.gitkeep +0 -0
  69. package/scaffold/svelte/Accordion.svelte +128 -0
  70. package/scaffold/svelte/Alert.svelte +79 -0
  71. package/scaffold/svelte/Avatar.svelte +39 -0
  72. package/scaffold/svelte/Badge.svelte +31 -0
  73. package/scaffold/svelte/Breadcrumb.svelte +46 -0
  74. package/scaffold/svelte/Button.svelte +23 -0
  75. package/scaffold/svelte/Card.svelte +14 -0
  76. package/scaffold/svelte/Checkbox.svelte +37 -0
  77. package/scaffold/svelte/CopyToClipboard.svelte +76 -0
  78. package/scaffold/svelte/Divider.svelte +28 -0
  79. package/scaffold/svelte/Dropdown.svelte +237 -0
  80. package/scaffold/svelte/FormGroup.svelte +41 -0
  81. package/scaffold/svelte/Input.svelte +57 -0
  82. package/scaffold/svelte/Modal.svelte +152 -0
  83. package/scaffold/svelte/Pagination.svelte +93 -0
  84. package/scaffold/svelte/ProgressBar.svelte +56 -0
  85. package/scaffold/svelte/Radio.svelte +38 -0
  86. package/scaffold/svelte/Select.svelte +47 -0
  87. package/scaffold/svelte/Spinner.svelte +14 -0
  88. package/scaffold/svelte/Table.svelte +155 -0
  89. package/scaffold/svelte/Tabs.svelte +109 -0
  90. package/scaffold/svelte/Textarea.svelte +57 -0
  91. package/scaffold/svelte/Toast.svelte +30 -0
  92. package/scaffold/svelte/Tooltip.svelte +19 -0
  93. package/scaffold/svelte/index.ts +33 -0
@@ -0,0 +1,30 @@
1
+ ---
2
+ // Tabler Icons - Chevron Down
3
+ // Source: https://tabler.io/icons/icon/chevron-down
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Chevron Down</title>
29
+ <path d="m6 9 6 6 6-6" />
30
+ </svg>
@@ -0,0 +1,30 @@
1
+ ---
2
+ // Tabler Icons - Circle (minimal icon for Grey Light Pro)
3
+ // Source: https://tabler.io/icons/icon/circle
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Circle</title>
29
+ <circle cx="12" cy="12" r="10" />
30
+ </svg>
@@ -0,0 +1,31 @@
1
+ ---
2
+ // Tabler Icons - X (close icon)
3
+ // Source: https://tabler.io/icons/icon/x
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 20, height = 20, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Close</title>
29
+ <path d="M18 6L6 18" />
30
+ <path d="M6 6l12 12" />
31
+ </svg>
@@ -0,0 +1,31 @@
1
+ ---
2
+ // Tabler Icons - Copy
3
+ // Source: https://tabler.io/icons/icon/copy
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Copy</title>
29
+ <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
30
+ <path d="M4 16c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2" />
31
+ </svg>
@@ -0,0 +1,31 @@
1
+ ---
2
+ // Tabler Icons - Eye (for Tiny Light)
3
+ // Source: https://tabler.io/icons/icon/eye
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Eye</title>
29
+ <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" />
30
+ <circle cx="12" cy="12" r="3" />
31
+ </svg>
@@ -0,0 +1,30 @@
1
+ ---
2
+ // Tabler Icons - Filter
3
+ // Source: https://tabler.io/icons/icon/filter
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 20, height = 20, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Filter</title>
29
+ <path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z" />
30
+ </svg>
@@ -0,0 +1,29 @@
1
+ ---
2
+ // Tabler Icons - Flame (for red / orange themes)
3
+ // License: MIT
4
+
5
+ interface Props {
6
+ width?: number;
7
+ height?: number;
8
+ class?: string;
9
+ }
10
+
11
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
12
+ ---
13
+
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={width}
17
+ height={height}
18
+ viewBox="0 0 24 24"
19
+ fill="none"
20
+ stroke="currentColor"
21
+ stroke-width="2"
22
+ stroke-linecap="round"
23
+ stroke-linejoin="round"
24
+ class={className}
25
+ aria-hidden="true"
26
+ >
27
+ <title>Flame</title>
28
+ <path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z" />
29
+ </svg>
@@ -0,0 +1,12 @@
1
+ ---
2
+ // Flower icon (for Sunflower theme)
3
+ interface Props { width?: number; height?: number; class?: string; }
4
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
5
+ ---
6
+
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} aria-hidden="true">
8
+ <title>Flower</title>
9
+ <circle cx="12" cy="12" r="3" />
10
+ <path d="M12 2v2M12 20v2M2 12h2M20 12h2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" />
11
+ <path d="M12 5v2M12 17v2M5 12h2M17 12h2" />
12
+ </svg>
@@ -0,0 +1,31 @@
1
+ ---
2
+ // Tabler Icons - Settings (gear/cog icon)
3
+ // Source: https://tabler.io/icons/icon/settings
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 20, height = 20, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Settings</title>
29
+ <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />
30
+ <circle cx="12" cy="12" r="3" />
31
+ </svg>
@@ -0,0 +1,29 @@
1
+ ---
2
+ // Tabler Icons - Heart (for pink / red / cute themes)
3
+ // License: MIT
4
+
5
+ interface Props {
6
+ width?: number;
7
+ height?: number;
8
+ class?: string;
9
+ }
10
+
11
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
12
+ ---
13
+
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={width}
17
+ height={height}
18
+ viewBox="0 0 24 24"
19
+ fill="none"
20
+ stroke="currentColor"
21
+ stroke-width="2"
22
+ stroke-linecap="round"
23
+ stroke-linejoin="round"
24
+ class={className}
25
+ aria-hidden="true"
26
+ >
27
+ <title>Heart</title>
28
+ <path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" />
29
+ </svg>
@@ -0,0 +1,32 @@
1
+ ---
2
+ // Tabler Icons - Ice Cream (for Nord theme)
3
+ // Source: https://tabler.io/icons
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Ice Cream</title>
29
+ <path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11" />
30
+ <path d="M17 7A5 5 0 0 0 7 7" />
31
+ <path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4" />
32
+ </svg>
@@ -0,0 +1,30 @@
1
+ ---
2
+ // Tabler Icons - Leaf (for green themes)
3
+ // License: MIT
4
+
5
+ interface Props {
6
+ width?: number;
7
+ height?: number;
8
+ class?: string;
9
+ }
10
+
11
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
12
+ ---
13
+
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={width}
17
+ height={height}
18
+ viewBox="0 0 24 24"
19
+ fill="none"
20
+ stroke="currentColor"
21
+ stroke-width="2"
22
+ stroke-linecap="round"
23
+ stroke-linejoin="round"
24
+ class={className}
25
+ aria-hidden="true"
26
+ >
27
+ <title>Leaf</title>
28
+ <path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z" />
29
+ <path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12" />
30
+ </svg>
@@ -0,0 +1,12 @@
1
+ ---
2
+ // Lemon/citrus icon (for Orangy One Light theme)
3
+ interface Props { width?: number; height?: number; class?: string; }
4
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
5
+ ---
6
+
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} aria-hidden="true">
8
+ <title>Lemon</title>
9
+ <path d="M15.5 6.5c.5-2.5 2.5-4 5-4 1.5 0 2.5.5 3 1" />
10
+ <path d="M12 12c-2 2-3 4-3 6 0 3 2 5 5 5 2 0 4-1 6-3" />
11
+ <path d="M18 12c2 2 3 4 3 6 0 3-2 5-5 5-2 0-4-1-6-3" />
12
+ </svg>
@@ -0,0 +1,30 @@
1
+ ---
2
+ // Tabler Icons - Moon
3
+ // Source: https://tabler.io/icons/icon/moon
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Moon</title>
29
+ <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
30
+ </svg>
@@ -0,0 +1,35 @@
1
+ ---
2
+ // Tabler Icons - Bird (for Night Owl theme)
3
+ // Source: https://tabler.io/icons/icon/bird
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Owl</title>
29
+ <path d="M16 7h.01" />
30
+ <path d="M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20" />
31
+ <path d="m20 7 2 .5-2 .5" />
32
+ <path d="M10 18v3" />
33
+ <path d="M14 17.75V21" />
34
+ <path d="M7 18a6 6 0 0 0 3.84-10.61" />
35
+ </svg>
@@ -0,0 +1,34 @@
1
+ ---
2
+ // Tabler Icons - Palette
3
+ // Source: https://tabler.io/icons/icon/palette
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Palette</title>
29
+ <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
30
+ <path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25"/>
31
+ <path d="M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
32
+ <path d="M11.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
33
+ <path d="M15.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
34
+ </svg>
@@ -0,0 +1,32 @@
1
+ ---
2
+ // Tabler Icons - Rainbow (for Snazzy Light)
3
+ // Source: https://tabler.io/icons/icon/rainbow
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Rainbow</title>
29
+ <path d="M22 17a10 10 0 0 0-20 0" />
30
+ <path d="M6 17a6 6 0 0 1 12 0" />
31
+ <path d="M10 17a2 2 0 0 1 4 0" />
32
+ </svg>
@@ -0,0 +1,31 @@
1
+ ---
2
+ // Tabler Icons - Search
3
+ // Source: https://tabler.io/icons/icon/search
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 20, height = 20, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Search</title>
29
+ <circle cx="11" cy="11" r="8" />
30
+ <path d="m21 21-4.3-4.3" />
31
+ </svg>
@@ -0,0 +1,29 @@
1
+ ---
2
+ // Tabler Icons - Shield (for Hack The Box theme)
3
+ // License: MIT
4
+
5
+ interface Props {
6
+ width?: number;
7
+ height?: number;
8
+ class?: string;
9
+ }
10
+
11
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
12
+ ---
13
+
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={width}
17
+ height={height}
18
+ viewBox="0 0 24 24"
19
+ fill="none"
20
+ stroke="currentColor"
21
+ stroke-width="2"
22
+ stroke-linecap="round"
23
+ stroke-linejoin="round"
24
+ class={className}
25
+ aria-hidden="true"
26
+ >
27
+ <title>Shield</title>
28
+ <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
29
+ </svg>
@@ -0,0 +1,35 @@
1
+ ---
2
+ // Tabler Icons - Snowflake
3
+ // Source: https://tabler.io/icons/icon/snowflake
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Snowflake</title>
29
+ <path d="M12 2v20" />
30
+ <path d="m17 5-5 5-5-5" />
31
+ <path d="m17 19-5-5-5 5" />
32
+ <path d="M2 12h20" />
33
+ <path d="m5 17 5-5 5 5" />
34
+ <path d="m5 7 5 5 5-5" />
35
+ </svg>
@@ -0,0 +1,31 @@
1
+ ---
2
+ // Tabler Icons - Arrows Sort (sortable column indicator)
3
+ // Source: https://tabler.io/icons/icon/arrows-sort
4
+ // License: MIT
5
+
6
+ interface Props {
7
+ width?: number;
8
+ height?: number;
9
+ class?: string;
10
+ }
11
+
12
+ const { width = 20, height = 20, class: className = '' } = Astro.props;
13
+ ---
14
+
15
+ <svg
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ width={width}
18
+ height={height}
19
+ viewBox="0 0 24 24"
20
+ fill="none"
21
+ stroke="currentColor"
22
+ stroke-width="2"
23
+ stroke-linecap="round"
24
+ stroke-linejoin="round"
25
+ class={className}
26
+ aria-hidden="true"
27
+ >
28
+ <title>Sort</title>
29
+ <path d="m7 15 5 5 5-5" />
30
+ <path d="m7 9 5-5 5 5" />
31
+ </svg>
@@ -0,0 +1,30 @@
1
+ ---
2
+ // Tabler Icons - Sun (for light / yellow / orange themes)
3
+ // License: MIT
4
+
5
+ interface Props {
6
+ width?: number;
7
+ height?: number;
8
+ class?: string;
9
+ }
10
+
11
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
12
+ ---
13
+
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={width}
17
+ height={height}
18
+ viewBox="0 0 24 24"
19
+ fill="none"
20
+ stroke="currentColor"
21
+ stroke-width="2"
22
+ stroke-linecap="round"
23
+ stroke-linejoin="round"
24
+ class={className}
25
+ aria-hidden="true"
26
+ >
27
+ <title>Sun</title>
28
+ <circle cx="12" cy="12" r="4" />
29
+ <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" />
30
+ </svg>
@@ -0,0 +1,11 @@
1
+ ---
2
+ // Sunset icon (for Rocky Blood Orange theme)
3
+ interface Props { width?: number; height?: number; class?: string; }
4
+ const { width = 16, height = 16, class: className = '' } = Astro.props;
5
+ ---
6
+
7
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} aria-hidden="true">
8
+ <title>Sunset</title>
9
+ <path d="M12 10V2M4.93 10.93l1.41 1.41M2 18h2M20 18h2M17.66 10.93l1.41-1.41M22 22H2M8 6l4-4 4 4M16 18a4 4 0 0 0-8 0" />
10
+ <path d="M12 22v-4" />
11
+ </svg>