@kreozalabs/icons 0.1.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,24 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg">
2
- <symbol id="bluesky-icon" viewBox="0 0 16 17">
3
- <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
4
- <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
5
- </symbol>
6
- <symbol id="discord-icon" viewBox="0 0 20 19">
7
- <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
8
- </symbol>
9
- <symbol id="documentation-icon" viewBox="0 0 21 20">
10
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
11
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
12
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
13
- </symbol>
14
- <symbol id="github-icon" viewBox="0 0 19 19">
15
- <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
16
- </symbol>
17
- <symbol id="social-icon" viewBox="0 0 20 20">
18
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
19
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
20
- </symbol>
21
- <symbol id="x-icon" viewBox="0 0 19 19">
22
- <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
23
- </symbol>
24
- </svg>
@@ -1,12 +0,0 @@
1
- <svg width="180" height="40" viewBox="0 0 180 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <!-- Hexagonal K Icon (inverted for dark bg) -->
3
- <g transform="translate(0, 0) scale(0.4)">
4
- <path d="M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z" fill="#fafafa"/>
5
- <rect x="28" y="25" width="12" height="50" fill="#18181b"/>
6
- <path d="M72 25L42 50H56L72 36V25Z" fill="#18181b"/>
7
- <path d="M72 75L42 50H56L72 64V75Z" fill="#18181b"/>
8
- </g>
9
-
10
- <!-- "REOZA" Text (Optically balanced: Mid-weight for dark backgrounds) -->
11
- <text x="48" y="28" font-family="Inter, system-ui, sans-serif" font-size="22" font-weight="600" fill="#fafafa" letter-spacing="-0.5">REOZA</text>
12
- </svg>
@@ -1,12 +0,0 @@
1
- <svg width="180" height="40" viewBox="0 0 180 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <!-- Hexagonal K Icon -->
3
- <g transform="translate(0, 0) scale(0.4)">
4
- <path d="M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z" fill="#18181b"/>
5
- <rect x="28" y="25" width="12" height="50" fill="white"/>
6
- <path d="M72 25L42 50H56L72 36V25Z" fill="white"/>
7
- <path d="M72 75L42 50H56L72 64V75Z" fill="white"/>
8
- </g>
9
-
10
- <!-- "REOZA" Text (Inter Bold style, geometric) -->
11
- <text x="48" y="28" font-family="Inter, system-ui, sans-serif" font-size="22" font-weight="700" fill="#18181b" letter-spacing="-0.5">REOZA</text>
12
- </svg>
package/assets/logo.svg DELETED
@@ -1,12 +0,0 @@
1
- <svg width="200" height="200" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <!-- Solid Hexagon: The Sanctuary -->
3
- <path d="M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z" fill="#18181b"/>
4
-
5
- <!-- Negative Space K: The Clarity -->
6
- <!-- Vertical Spine -->
7
- <rect x="28" y="25" width="12" height="50" fill="white"/>
8
- <!-- Top Arm -->
9
- <path d="M72 25L42 50H56L72 36V25Z" fill="white"/>
10
- <!-- Bottom Arm -->
11
- <path d="M72 75L42 50H56L72 64V75Z" fill="white"/>
12
- </svg>
@@ -1,32 +0,0 @@
1
- import { useId, type SVGProps } from "react";
2
-
3
- export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
4
- const maskId = useId();
5
-
6
- return (
7
- <svg
8
- viewBox="0 0 100 100"
9
- fill="none"
10
- xmlns="http://www.w3.org/2000/svg"
11
- className={className}
12
- {...props}
13
- >
14
- <defs>
15
- <mask id={maskId}>
16
- <rect width="100" height="100" fill="white" />
17
- {/* Negative Space K */}
18
- <rect x="28" y="25" width="12" height="50" fill="black" />
19
- <path d="M72 25L42 50H56L72 36V25Z" fill="black" />
20
- <path d="M72 75L42 50H56L72 64V75Z" fill="black" />
21
- </mask>
22
- </defs>
23
-
24
- {/* Solid Hexagon with mask */}
25
- <path
26
- d="M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z"
27
- fill="currentColor"
28
- mask={`url(#${maskId})`}
29
- />
30
- </svg>
31
- );
32
- }
@@ -1,47 +0,0 @@
1
- import { useId, type SVGProps } from "react";
2
-
3
- export function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>) {
4
- const maskId = useId();
5
-
6
- return (
7
- <svg
8
- viewBox="0 0 180 40"
9
- fill="none"
10
- xmlns="http://www.w3.org/2000/svg"
11
- className={className}
12
- {...props}
13
- >
14
- <defs>
15
- <mask id={maskId}>
16
- <rect width="180" height="40" fill="white" />
17
- <g transform="translate(0, 0) scale(0.4)">
18
- {/* Negative Space K */}
19
- <rect x="28" y="25" width="12" height="50" fill="black" />
20
- <path d="M72 25L42 50H56L72 36V25Z" fill="black" />
21
- <path d="M72 75L42 50H56L72 64V75Z" fill="black" />
22
- </g>
23
- </mask>
24
- </defs>
25
-
26
- <g transform="translate(0, 0) scale(0.4)">
27
- <path
28
- d="M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z"
29
- fill="currentColor"
30
- mask={`url(#${maskId})`}
31
- />
32
- </g>
33
-
34
- <text
35
- x="48"
36
- y="28"
37
- fontFamily="Inter, system-ui, sans-serif"
38
- fontSize="22"
39
- fontWeight="700"
40
- fill="currentColor"
41
- letterSpacing="-0.5"
42
- >
43
- REOZA
44
- </text>
45
- </svg>
46
- );
47
- }
@@ -1,47 +0,0 @@
1
- import { useId, type SVGProps } from "react";
2
-
3
- export function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>) {
4
- const maskId = useId();
5
-
6
- return (
7
- <svg
8
- viewBox="0 0 180 40"
9
- fill="none"
10
- xmlns="http://www.w3.org/2000/svg"
11
- className={className}
12
- {...props}
13
- >
14
- <defs>
15
- <mask id={maskId}>
16
- <rect width="180" height="40" fill="white" />
17
- <g transform="translate(0, 0) scale(0.4)">
18
- {/* Negative Space K - inverted colors for dark bg */}
19
- <rect x="28" y="25" width="12" height="50" fill="black" />
20
- <path d="M72 25L42 50H56L72 36V25Z" fill="black" />
21
- <path d="M72 75L42 50H56L72 64V75Z" fill="black" />
22
- </g>
23
- </mask>
24
- </defs>
25
-
26
- <g transform="translate(0, 0) scale(0.4)">
27
- <path
28
- d="M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z"
29
- fill="currentColor"
30
- mask={`url(#${maskId})`}
31
- />
32
- </g>
33
-
34
- <text
35
- x="48"
36
- y="28"
37
- fontFamily="Inter, system-ui, sans-serif"
38
- fontSize="22"
39
- fontWeight="600"
40
- fill="currentColor"
41
- letterSpacing="-0.5"
42
- >
43
- REOZA
44
- </text>
45
- </svg>
46
- );
47
- }
package/src/index.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from "./components/Logo";
2
- export * from "./components/LogoWordmark";
3
- export * from "./components/LogoWordmarkLight";
package/tsconfig.json DELETED
@@ -1,15 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "target": "ESNext",
4
- "module": "ESNext",
5
- "moduleResolution": "bundler",
6
- "jsx": "react-jsx",
7
- "strict": true,
8
- "declaration": true,
9
- "skipLibCheck": true,
10
- "esModuleInterop": true,
11
- "isolatedModules": true,
12
- "outDir": "./dist"
13
- },
14
- "include": ["src"]
15
- }
package/tsup.config.ts DELETED
@@ -1,10 +0,0 @@
1
- import { defineConfig } from "tsup";
2
-
3
- export default defineConfig({
4
- entry: ["src/index.ts"],
5
- format: ["cjs", "esm"],
6
- dts: true,
7
- clean: true,
8
- external: ["react"],
9
- sourcemap: true,
10
- });