@kreozalabs/icons 0.1.1 → 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.
package/dist/index.cjs ADDED
@@ -0,0 +1,163 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/index.ts
21
+ var index_exports = {};
22
+ __export(index_exports, {
23
+ Logo: () => Logo,
24
+ LogoWordmark: () => LogoWordmark,
25
+ LogoWordmarkLight: () => LogoWordmarkLight
26
+ });
27
+ module.exports = __toCommonJS(index_exports);
28
+
29
+ // src/components/Logo.tsx
30
+ var import_react = require("react");
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
+ function Logo({ className, ...props }) {
33
+ const maskId = (0, import_react.useId)();
34
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
35
+ "svg",
36
+ {
37
+ viewBox: "0 0 100 100",
38
+ fill: "none",
39
+ xmlns: "http://www.w3.org/2000/svg",
40
+ className,
41
+ ...props,
42
+ children: [
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("mask", { id: maskId, children: [
44
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "100", height: "100", fill: "white" }),
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
48
+ ] }) }),
49
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
50
+ "path",
51
+ {
52
+ d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
53
+ fill: "currentColor",
54
+ mask: `url(#${maskId})`
55
+ }
56
+ )
57
+ ]
58
+ }
59
+ );
60
+ }
61
+
62
+ // src/components/LogoWordmark.tsx
63
+ var import_react2 = require("react");
64
+ var import_jsx_runtime2 = require("react/jsx-runtime");
65
+ function LogoWordmark({ className, ...props }) {
66
+ const maskId = (0, import_react2.useId)();
67
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
68
+ "svg",
69
+ {
70
+ viewBox: "0 0 180 40",
71
+ fill: "none",
72
+ xmlns: "http://www.w3.org/2000/svg",
73
+ className,
74
+ ...props,
75
+ children: [
76
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("mask", { id: maskId, children: [
77
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "180", height: "40", fill: "white" }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { transform: "translate(0, 0) scale(0.4)", children: [
79
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
80
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
81
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
82
+ ] })
83
+ ] }) }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
85
+ "path",
86
+ {
87
+ d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
88
+ fill: "currentColor",
89
+ mask: `url(#${maskId})`
90
+ }
91
+ ) }),
92
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
93
+ "text",
94
+ {
95
+ x: "48",
96
+ y: "28",
97
+ fontFamily: "Inter, system-ui, sans-serif",
98
+ fontSize: "22",
99
+ fontWeight: "700",
100
+ fill: "currentColor",
101
+ letterSpacing: "-0.5",
102
+ children: "REOZA"
103
+ }
104
+ )
105
+ ]
106
+ }
107
+ );
108
+ }
109
+
110
+ // src/components/LogoWordmarkLight.tsx
111
+ var import_react3 = require("react");
112
+ var import_jsx_runtime3 = require("react/jsx-runtime");
113
+ function LogoWordmarkLight({ className, ...props }) {
114
+ const maskId = (0, import_react3.useId)();
115
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
116
+ "svg",
117
+ {
118
+ viewBox: "0 0 180 40",
119
+ fill: "none",
120
+ xmlns: "http://www.w3.org/2000/svg",
121
+ className,
122
+ ...props,
123
+ children: [
124
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("mask", { id: maskId, children: [
125
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "180", height: "40", fill: "white" }),
126
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { transform: "translate(0, 0) scale(0.4)", children: [
127
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
128
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
129
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
130
+ ] })
131
+ ] }) }),
132
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
133
+ "path",
134
+ {
135
+ d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
136
+ fill: "currentColor",
137
+ mask: `url(#${maskId})`
138
+ }
139
+ ) }),
140
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
141
+ "text",
142
+ {
143
+ x: "48",
144
+ y: "28",
145
+ fontFamily: "Inter, system-ui, sans-serif",
146
+ fontSize: "22",
147
+ fontWeight: "600",
148
+ fill: "currentColor",
149
+ letterSpacing: "-0.5",
150
+ children: "REOZA"
151
+ }
152
+ )
153
+ ]
154
+ }
155
+ );
156
+ }
157
+ // Annotate the CommonJS export names for ESM import in node:
158
+ 0 && (module.exports = {
159
+ Logo,
160
+ LogoWordmark,
161
+ LogoWordmarkLight
162
+ });
163
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts","../src/components/Logo.tsx","../src/components/LogoWordmark.tsx","../src/components/LogoWordmarkLight.tsx"],"sourcesContent":["export * from \"./components/Logo\";\nexport * from \"./components/LogoWordmark\";\nexport * from \"./components/LogoWordmarkLight\";\n","import { useId, type SVGProps } from \"react\";\n\nexport function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"100\" height=\"100\" fill=\"white\" />\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </mask>\n </defs>\n \n {/* Solid Hexagon with mask */}\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"700\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K - inverted colors for dark bg */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"600\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}
@@ -0,0 +1,10 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SVGProps } from 'react';
3
+
4
+ declare function Logo({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
5
+
6
+ declare function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
7
+
8
+ declare function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
9
+
10
+ export { Logo, LogoWordmark, LogoWordmarkLight };
@@ -0,0 +1,10 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SVGProps } from 'react';
3
+
4
+ declare function Logo({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
5
+
6
+ declare function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
7
+
8
+ declare function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
9
+
10
+ export { Logo, LogoWordmark, LogoWordmarkLight };
package/dist/index.js ADDED
@@ -0,0 +1,134 @@
1
+ // src/components/Logo.tsx
2
+ import { useId } from "react";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ function Logo({ className, ...props }) {
5
+ const maskId = useId();
6
+ return /* @__PURE__ */ jsxs(
7
+ "svg",
8
+ {
9
+ viewBox: "0 0 100 100",
10
+ fill: "none",
11
+ xmlns: "http://www.w3.org/2000/svg",
12
+ className,
13
+ ...props,
14
+ children: [
15
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: maskId, children: [
16
+ /* @__PURE__ */ jsx("rect", { width: "100", height: "100", fill: "white" }),
17
+ /* @__PURE__ */ jsx("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
18
+ /* @__PURE__ */ jsx("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
19
+ /* @__PURE__ */ jsx("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
20
+ ] }) }),
21
+ /* @__PURE__ */ jsx(
22
+ "path",
23
+ {
24
+ d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
25
+ fill: "currentColor",
26
+ mask: `url(#${maskId})`
27
+ }
28
+ )
29
+ ]
30
+ }
31
+ );
32
+ }
33
+
34
+ // src/components/LogoWordmark.tsx
35
+ import { useId as useId2 } from "react";
36
+ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
37
+ function LogoWordmark({ className, ...props }) {
38
+ const maskId = useId2();
39
+ return /* @__PURE__ */ jsxs2(
40
+ "svg",
41
+ {
42
+ viewBox: "0 0 180 40",
43
+ fill: "none",
44
+ xmlns: "http://www.w3.org/2000/svg",
45
+ className,
46
+ ...props,
47
+ children: [
48
+ /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsxs2("mask", { id: maskId, children: [
49
+ /* @__PURE__ */ jsx2("rect", { width: "180", height: "40", fill: "white" }),
50
+ /* @__PURE__ */ jsxs2("g", { transform: "translate(0, 0) scale(0.4)", children: [
51
+ /* @__PURE__ */ jsx2("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
52
+ /* @__PURE__ */ jsx2("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
53
+ /* @__PURE__ */ jsx2("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
54
+ ] })
55
+ ] }) }),
56
+ /* @__PURE__ */ jsx2("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ jsx2(
57
+ "path",
58
+ {
59
+ d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
60
+ fill: "currentColor",
61
+ mask: `url(#${maskId})`
62
+ }
63
+ ) }),
64
+ /* @__PURE__ */ jsx2(
65
+ "text",
66
+ {
67
+ x: "48",
68
+ y: "28",
69
+ fontFamily: "Inter, system-ui, sans-serif",
70
+ fontSize: "22",
71
+ fontWeight: "700",
72
+ fill: "currentColor",
73
+ letterSpacing: "-0.5",
74
+ children: "REOZA"
75
+ }
76
+ )
77
+ ]
78
+ }
79
+ );
80
+ }
81
+
82
+ // src/components/LogoWordmarkLight.tsx
83
+ import { useId as useId3 } from "react";
84
+ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
85
+ function LogoWordmarkLight({ className, ...props }) {
86
+ const maskId = useId3();
87
+ return /* @__PURE__ */ jsxs3(
88
+ "svg",
89
+ {
90
+ viewBox: "0 0 180 40",
91
+ fill: "none",
92
+ xmlns: "http://www.w3.org/2000/svg",
93
+ className,
94
+ ...props,
95
+ children: [
96
+ /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs3("mask", { id: maskId, children: [
97
+ /* @__PURE__ */ jsx3("rect", { width: "180", height: "40", fill: "white" }),
98
+ /* @__PURE__ */ jsxs3("g", { transform: "translate(0, 0) scale(0.4)", children: [
99
+ /* @__PURE__ */ jsx3("rect", { x: "28", y: "25", width: "12", height: "50", fill: "black" }),
100
+ /* @__PURE__ */ jsx3("path", { d: "M72 25L42 50H56L72 36V25Z", fill: "black" }),
101
+ /* @__PURE__ */ jsx3("path", { d: "M72 75L42 50H56L72 64V75Z", fill: "black" })
102
+ ] })
103
+ ] }) }),
104
+ /* @__PURE__ */ jsx3("g", { transform: "translate(0, 0) scale(0.4)", children: /* @__PURE__ */ jsx3(
105
+ "path",
106
+ {
107
+ d: "M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z",
108
+ fill: "currentColor",
109
+ mask: `url(#${maskId})`
110
+ }
111
+ ) }),
112
+ /* @__PURE__ */ jsx3(
113
+ "text",
114
+ {
115
+ x: "48",
116
+ y: "28",
117
+ fontFamily: "Inter, system-ui, sans-serif",
118
+ fontSize: "22",
119
+ fontWeight: "600",
120
+ fill: "currentColor",
121
+ letterSpacing: "-0.5",
122
+ children: "REOZA"
123
+ }
124
+ )
125
+ ]
126
+ }
127
+ );
128
+ }
129
+ export {
130
+ Logo,
131
+ LogoWordmark,
132
+ LogoWordmarkLight
133
+ };
134
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/Logo.tsx","../src/components/LogoWordmark.tsx","../src/components/LogoWordmarkLight.tsx"],"sourcesContent":["import { useId, type SVGProps } from \"react\";\n\nexport function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 100 100\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"100\" height=\"100\" fill=\"white\" />\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </mask>\n </defs>\n \n {/* Solid Hexagon with mask */}\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmark({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"700\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n","import { useId, type SVGProps } from \"react\";\n\nexport function LogoWordmarkLight({ className, ...props }: SVGProps<SVGSVGElement>) {\n const maskId = useId();\n\n return (\n <svg\n viewBox=\"0 0 180 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n {...props}\n >\n <defs>\n <mask id={maskId}>\n <rect width=\"180\" height=\"40\" fill=\"white\" />\n <g transform=\"translate(0, 0) scale(0.4)\">\n {/* Negative Space K - inverted colors for dark bg */}\n <rect x=\"28\" y=\"25\" width=\"12\" height=\"50\" fill=\"black\" />\n <path d=\"M72 25L42 50H56L72 36V25Z\" fill=\"black\" />\n <path d=\"M72 75L42 50H56L72 64V75Z\" fill=\"black\" />\n </g>\n </mask>\n </defs>\n\n <g transform=\"translate(0, 0) scale(0.4)\">\n <path\n d=\"M50 0L93.3 25V75L50 100L6.7 75V25L50 0Z\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </g>\n \n <text\n x=\"48\"\n y=\"28\"\n fontFamily=\"Inter, system-ui, sans-serif\"\n fontSize=\"22\"\n fontWeight=\"600\"\n fill=\"currentColor\"\n letterSpacing=\"-0.5\"\n >\n REOZA\n </text>\n </svg>\n );\n}\n"],"mappings":"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","names":["useId","jsx","jsxs","useId","jsx","jsxs"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kreozalabs/icons",
3
- "version": "0.1.1",
3
+ "version": "1.0.0",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -13,6 +13,9 @@
13
13
  "require": "./dist/index.cjs"
14
14
  }
15
15
  },
16
+ "files": [
17
+ "dist"
18
+ ],
16
19
  "dependencies": {
17
20
  "lucide-react": "^0.368.0"
18
21
  },
@@ -1,58 +0,0 @@
1
- on:
2
- push:
3
- branches:
4
- - main
5
- workflow_dispatch: # Allows manual triggering for testing
6
-
7
- permissions:
8
- contents: write
9
- pull-requests: write
10
- id-token: write
11
-
12
- name: release
13
-
14
- jobs:
15
- release:
16
- runs-on: ubuntu-latest
17
- steps:
18
- - uses: googleapis/release-please-action@16a9c90856f42705d54a6fda1823352bdc62cf38 # v4.4.0
19
- id: release
20
- with:
21
- token: ${{ secrets.GITHUB_TOKEN }}
22
- release-type: node
23
-
24
- - name: checkout
25
- if: ${{ steps.release.outputs.release_created }}
26
- uses: actions/checkout@v6
27
-
28
- - name: setup pnpm
29
- if: ${{ steps.release.outputs.release_created }}
30
- uses: pnpm/action-setup@a8198c4bff370c8506180b035930dea56dbd5288
31
-
32
- - name: setup node
33
- if: ${{ steps.release.outputs.release_created }}
34
- uses: actions/setup-node@v6
35
- with:
36
- node-version: 24
37
- registry-url: "https://registry.npmjs.org"
38
- cache: "pnpm"
39
-
40
- - name: install dependencies
41
- if: ${{ steps.release.outputs.release_created }}
42
- run: pnpm install --no-frozen-lockfile
43
-
44
- - name: lint code
45
- if: ${{ steps.release.outputs.release_created }}
46
- run: pnpm run lint
47
-
48
- - name: type check
49
- if: ${{ steps.release.outputs.release_created }}
50
- run: pnpm run typecheck
51
-
52
- - name: build package
53
- if: ${{ steps.release.outputs.release_created }}
54
- run: pnpm run build
55
-
56
- - name: publish to npm
57
- if: ${{ steps.release.outputs.release_created }}
58
- run: pnpm publish --no-git-checks --provenance