@nuvia/components 0.1.0 → 0.1.1

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 (5) hide show
  1. package/dist/ui/logo/index.cjs +307 -0
  2. package/dist/ui/logo/index.cjs.map +1 -0
  3. package/dist/ui/logo/index.js +303 -0
  4. package/dist/ui/logo/index.js.map +1 -0
  5. package/package.json +13 -8
package/dist/ui/logo/index.cjs ADDED
@@ -0,0 +1,307 @@
1
+ 'use strict';
2
+
3
+ var clsx = require('clsx');
4
+ require('sonner');
5
+ var tailwindMerge = require('tailwind-merge');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+
8
+ // src/lib/utils.ts
9
+ var cn = (...inputs) => tailwindMerge.twMerge(clsx.clsx(inputs));
10
+ var colorConfig = {
11
+ primary: { main: "#7F95E9", accent: "#A5AAE7" },
12
+ madrugada: { main: "#FFFFFF", accent: "#A5AAE7" },
13
+ zafiro: { main: "#4169E1", accent: "#7B9BF0" },
14
+ black: { main: "#09090B", accent: "#09090B" },
15
+ white: { main: "#FFFFFF", accent: "#FFFFFF" },
16
+ dark: { main: "#1E1E2E", accent: "#3D3D5C" },
17
+ medium: { main: "#6B7280", accent: "#9CA3AF" },
18
+ nimbus: { main: "#E5E7EB", accent: "#F3F4F6" }
19
+ };
20
+ var defaultSizes = {
21
+ horizontal: { width: 150, height: 32 },
22
+ vertical: { width: 150, height: 93 },
23
+ symbol: { width: 100, height: 100 }
24
+ };
25
+ function HorizontalLogoSVG({ mainColor, accentColor, type }) {
26
+ const showAccent = type === "default" || type === "transparent";
27
+ const opacity = type === "transparent" ? 0.5 : 1;
28
+ return /* @__PURE__ */ jsxRuntime.jsxs(
29
+ "svg",
30
+ {
31
+ viewBox: "0 0 255 54",
32
+ fill: "none",
33
+ xmlns: "http://www.w3.org/2000/svg",
34
+ style: { width: "100%", height: "100%" },
35
+ "aria-hidden": "true",
36
+ children: [
37
+ /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip-h)", children: [
38
+ /* @__PURE__ */ jsxRuntime.jsx(
39
+ "path",
40
+ {
41
+ d: "M100.928 19.2196C99.7192 17.1216 98.0451 15.4793 95.9072 14.2928C93.768 13.1076 91.3046 12.5137 88.5156 12.5137C85.7267 12.5137 83.4479 13.1182 81.4031 14.3274C79.9269 15.2003 78.7417 16.3643 77.8461 17.8192V14.1971C77.8461 13.7215 77.4608 13.3361 76.9851 13.3361H71.176C70.7004 13.3361 70.315 13.7215 70.315 14.1971V49.4968C70.315 49.9725 70.7004 50.3578 71.176 50.3578H77.3332C77.8089 50.3578 78.1942 49.9725 78.1942 49.4968V28.5272C78.1942 26.7029 78.5424 25.1297 79.2399 23.805C79.9375 22.4829 80.9247 21.4678 82.2029 20.7596C83.4812 20.0527 84.9334 19.6993 86.5611 19.6993C88.1888 19.6993 89.6397 20.0527 90.9192 20.7596C92.1975 21.4678 93.186 22.471 93.8822 23.7705C94.5798 25.0713 94.9279 26.6564 94.9279 28.5259V49.4955C94.9279 49.9712 95.3133 50.3565 95.7889 50.3565H101.877C102.353 50.3565 102.738 49.9712 102.738 49.4955V26.473C102.738 23.7359 102.133 21.3177 100.924 19.2196H100.928Z",
42
+ fill: mainColor
43
+ }
44
+ ),
45
+ /* @__PURE__ */ jsxRuntime.jsx(
46
+ "path",
47
+ {
48
+ d: "M141.976 13.3335H135.888C135.412 13.3335 135.027 13.7188 135.027 14.1945V35.164C135.027 36.9432 134.667 38.4951 133.947 39.8172C133.225 41.1406 132.238 42.1676 130.984 42.8971C129.728 43.6279 128.264 43.992 126.591 43.992C124.918 43.992 123.523 43.6385 122.267 42.9317C121.012 42.2248 120.036 41.2322 119.339 39.9554C118.641 38.6785 118.293 37.1956 118.293 35.5069V14.1958C118.293 13.7201 117.908 13.3348 117.432 13.3348H111.275C110.799 13.3348 110.414 13.7201 110.414 14.1958V36.1911C110.414 39.1568 111.007 41.7677 112.192 44.0265C113.377 46.2853 115.039 48.0419 117.177 49.2961C119.315 50.5504 121.802 51.1776 124.638 51.1776C127.473 51.1776 129.774 50.5611 131.819 49.3294C133.317 48.4272 134.501 47.2433 135.376 45.7804V49.4955C135.376 49.9711 135.762 50.3564 136.237 50.3564H141.977C142.453 50.3564 142.838 49.9711 142.838 49.4955V14.1958C142.838 13.7201 142.453 13.3348 141.977 13.3348L141.976 13.3335Z",
49
+ fill: mainColor
50
+ }
51
+ ),
52
+ /* @__PURE__ */ jsxRuntime.jsx(
53
+ "path",
54
+ {
55
+ d: "M183.752 13.3335H176.974C176.615 13.3335 176.295 13.5553 176.169 13.8915L166.581 39.3468L156.993 13.8915C156.867 13.5567 156.545 13.3335 156.188 13.3335H149.478C148.869 13.3335 148.452 13.9486 148.678 14.5133L162.774 49.813C162.904 50.1399 163.222 50.3551 163.574 50.3551H169.59C169.943 50.3551 170.259 50.1412 170.389 49.8143L184.55 14.5147C184.778 13.9486 184.36 13.3335 183.752 13.3335Z",
56
+ fill: mainColor
57
+ }
58
+ ),
59
+ /* @__PURE__ */ jsxRuntime.jsx(
60
+ "path",
61
+ {
62
+ d: "M190.393 49.4956V14.1959C190.393 13.7202 190.778 13.3349 191.254 13.3349H197.411C197.886 13.3349 198.272 13.7202 198.272 14.1959V49.4956C198.272 49.9713 197.886 50.3566 197.411 50.3566H191.254C190.778 50.3566 190.393 49.9713 190.393 49.4956Z",
63
+ fill: mainColor
64
+ }
65
+ ),
66
+ /* @__PURE__ */ jsxRuntime.jsx(
67
+ "path",
68
+ {
69
+ d: "M236.659 18.7054C235.38 16.7669 233.591 15.2495 231.29 14.1546C228.989 13.0598 226.35 12.5124 223.375 12.5124C221.005 12.5124 218.76 12.9003 216.646 13.675C214.53 14.4509 212.683 15.5338 211.103 16.925C209.753 18.1142 208.725 19.4615 208.019 20.9656C207.819 21.3921 207.995 21.901 208.419 22.1083L213.471 24.5863C213.884 24.7896 214.385 24.6301 214.604 24.2262C215.34 22.8709 216.37 21.7362 217.693 20.8247C219.251 19.7538 221.075 19.217 223.168 19.217C225.445 19.217 227.269 19.799 228.642 20.9616C230.013 22.1255 230.699 23.6203 230.699 25.4446V26.857L218.705 28.7983C215.821 29.2554 213.428 30.03 211.522 31.1248C209.615 32.2197 208.209 33.5657 207.303 35.1628C206.397 36.7599 205.944 38.5616 205.944 40.5693C205.944 42.7138 206.478 44.5727 207.548 46.1472C208.616 47.7203 210.116 48.9534 212.045 49.8423C213.973 50.7325 216.217 51.1763 218.774 51.1763C220.912 51.1763 222.853 50.8787 224.596 50.2861C226.339 49.6935 227.897 48.8484 229.268 47.7536C229.915 47.2367 230.508 46.672 231.046 46.0621V49.4928C231.046 49.9685 231.431 50.3538 231.907 50.3538H237.716C238.191 50.3538 238.577 49.9685 238.577 49.4928V25.4446C238.577 22.8895 237.938 20.644 236.659 18.7041V18.7054ZM229.373 40.0564C228.489 41.5857 227.246 42.8055 225.642 43.717C224.038 44.6298 222.166 45.0855 220.028 45.0855C218.307 45.0855 216.902 44.6404 215.809 43.7515C214.717 42.8613 214.171 41.7106 214.171 40.2955C214.171 38.8805 214.659 37.6381 215.635 36.7027C216.612 35.7687 218.145 35.1176 220.238 34.7522L230.698 32.9585V34.9568C230.698 36.8276 230.255 38.527 229.373 40.0551V40.0564Z",
70
+ fill: mainColor
71
+ }
72
+ ),
73
+ /* @__PURE__ */ jsxRuntime.jsx(
74
+ "path",
75
+ {
76
+ d: "M198.718 4.20203C198.718 1.88131 196.837 0 194.516 0C192.196 0 190.314 1.88131 190.314 4.20203C190.314 6.52274 192.196 8.40405 194.516 8.40405C196.837 8.40405 198.718 6.52274 198.718 4.20203Z",
77
+ fill: mainColor
78
+ }
79
+ ),
80
+ /* @__PURE__ */ jsxRuntime.jsx(
81
+ "path",
82
+ {
83
+ d: "M255.111 46.4097C255.111 44.089 253.23 42.2076 250.909 42.2076C248.588 42.2076 246.707 44.089 246.707 46.4097C246.707 48.7304 248.588 50.6117 250.909 50.6117C253.23 50.6117 255.111 48.7304 255.111 46.4097Z",
84
+ fill: mainColor
85
+ }
86
+ ),
87
+ /* @__PURE__ */ jsxRuntime.jsx(
88
+ "path",
89
+ {
90
+ d: "M15.2869 52.0174C15.2869 53.2451 14.1907 54.1712 12.9776 53.9879C5.63117 52.8744 0.00012207 46.5312 0.00012207 38.8739V10.5977C0.00012207 8.6379 2.3692 7.65732 3.75504 9.04183L26.0374 31.3043H19.0378C16.9663 31.3043 15.2855 32.9837 15.2869 35.0565V52.0187V52.0174Z",
91
+ fill: mainColor
92
+ }
93
+ ),
94
+ showAccent && /* @__PURE__ */ jsxRuntime.jsx(
95
+ "path",
96
+ {
97
+ d: "M15.2855 35.0553C15.2855 33.2123 16.6155 31.6817 18.3681 31.3668C9.62122 31.8491 3.91045 36.7693 3.8294 42.7697C3.75366 48.3503 7.75041 52.9436 12.9975 53.9906C14.2026 54.1713 15.2868 53.2372 15.2855 52.0188V35.0553Z",
98
+ fill: accentColor,
99
+ opacity
100
+ }
101
+ ),
102
+ /* @__PURE__ */ jsxRuntime.jsx(
103
+ "path",
104
+ {
105
+ d: "M36.7867 10.5897C36.7867 9.36199 37.8828 8.43588 39.0959 8.61924C46.4423 9.73269 52.0734 16.0746 52.0734 23.7332V52.0094C52.0734 53.9692 49.7043 54.9498 48.3185 53.5653L26.0361 31.3029H33.0357C35.1072 31.3029 36.788 29.6234 36.7867 27.5506V10.5884V10.5897Z",
106
+ fill: mainColor
107
+ }
108
+ ),
109
+ showAccent && /* @__PURE__ */ jsxRuntime.jsx(
110
+ "path",
111
+ {
112
+ d: "M36.7879 27.5521C36.7879 29.395 35.4578 30.9256 33.7053 31.2405C42.4521 30.7582 48.1629 25.838 48.244 19.8376C48.3197 14.257 44.323 9.66372 39.0759 8.6167C37.8708 8.436 36.7865 9.37008 36.7879 10.5885V27.5521Z",
113
+ fill: accentColor,
114
+ opacity
115
+ }
116
+ )
117
+ ] }),
118
+ /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip-h", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "255", height: "54", fill: "white" }) }) })
119
+ ]
120
+ }
121
+ );
122
+ }
123
+ function VerticalLogoSVG({ mainColor, accentColor, type }) {
124
+ const showAccent = type === "default" || type === "transparent";
125
+ const opacity = type === "transparent" ? 0.5 : 1;
126
+ return /* @__PURE__ */ jsxRuntime.jsxs(
127
+ "svg",
128
+ {
129
+ viewBox: "0 0 233 144",
130
+ fill: "none",
131
+ xmlns: "http://www.w3.org/2000/svg",
132
+ style: { width: "100%", height: "100%" },
133
+ "aria-hidden": "true",
134
+ children: [
135
+ /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip-v)", children: [
136
+ /* @__PURE__ */ jsxRuntime.jsx(
137
+ "path",
138
+ {
139
+ d: "M38.4739 103.335C36.9539 100.699 34.8506 98.634 32.1639 97.1419C29.476 95.6511 26.3801 94.9057 22.8736 94.9057C19.3672 94.9057 16.5052 95.6657 13.9341 97.1844C12.0779 98.2806 10.5884 99.7448 9.46436 101.572V97.0183C9.46436 96.4204 8.97938 95.9368 8.38279 95.9368H1.08156C0.483648 95.9368 0 96.4217 0 97.0183V141.385C0 141.983 0.484977 142.467 1.08156 142.467H8.82126C9.41918 142.467 9.90283 141.982 9.90283 141.385V115.03C9.90283 112.738 10.3413 110.76 11.2169 109.096C12.0939 107.434 13.3335 106.158 14.9413 105.268C16.5477 104.379 18.3733 103.936 20.4182 103.936C22.4631 103.936 24.2887 104.381 25.8964 105.268C27.5028 106.158 28.7452 107.418 29.6208 109.052C30.4977 110.687 30.9349 112.68 30.9349 115.03V141.385C30.9349 141.983 31.4199 142.467 32.0164 142.467H39.6684C40.2664 142.467 40.75 141.982 40.75 141.385V112.45C40.75 109.01 39.99 105.971 38.4713 103.334L38.4739 103.335Z",
140
+ fill: mainColor
141
+ }
142
+ ),
143
+ /* @__PURE__ */ jsxRuntime.jsx(
144
+ "path",
145
+ {
146
+ d: "M90.0635 95.938H82.4115C81.8136 95.938 81.3299 96.423 81.3299 97.0196V123.374C81.3299 125.611 80.8768 127.561 79.972 129.223C79.0658 130.887 77.8248 132.177 76.2476 133.094C74.6705 134.012 72.8302 134.47 70.7269 134.47C68.6235 134.47 66.871 134.027 65.2925 133.138C63.7153 132.25 62.4876 131.003 61.612 129.396C60.735 127.791 60.2979 125.928 60.2979 123.806V97.0222C60.2979 96.4243 59.8129 95.9407 59.2163 95.9407H51.4766C50.8787 95.9407 50.3951 96.4257 50.3951 97.0222V124.667C50.3951 128.396 51.1404 131.677 52.6299 134.516C54.1194 137.354 56.2081 139.562 58.8961 141.138C61.5827 142.714 64.7092 143.503 68.2741 143.503C71.839 143.503 74.7289 142.728 77.3013 141.18C79.1827 140.047 80.6722 138.559 81.7711 136.719V141.388C81.7711 141.986 82.256 142.469 82.8526 142.469H90.0661C90.6641 142.469 91.1477 141.984 91.1477 141.388V97.0209C91.1477 96.423 90.6627 95.9393 90.0661 95.9393L90.0635 95.938Z",
147
+ fill: mainColor
148
+ }
149
+ ),
150
+ /* @__PURE__ */ jsxRuntime.jsx(
151
+ "path",
152
+ {
153
+ d: "M142.568 95.938H134.05C133.6 95.938 133.196 96.217 133.038 96.6382L120.988 128.631L108.938 96.6382C108.778 96.217 108.376 95.938 107.925 95.938H99.4906C98.7253 95.938 98.2018 96.71 98.4861 97.4209L116.202 141.788C116.366 142.198 116.764 142.468 117.206 142.468H124.769C125.212 142.468 125.609 142.199 125.774 141.789L143.573 97.4222C143.859 96.7113 143.335 95.9367 142.568 95.9367V95.938Z",
154
+ fill: mainColor
155
+ }
156
+ ),
157
+ /* @__PURE__ */ jsxRuntime.jsx(
158
+ "path",
159
+ {
160
+ d: "M150.915 141.386V97.0196C150.915 96.4217 151.4 95.938 151.997 95.938H159.737C160.335 95.938 160.818 96.423 160.818 97.0196V141.386C160.818 141.984 160.333 142.468 159.737 142.468H151.997C151.399 142.468 150.915 141.983 150.915 141.386Z",
161
+ fill: mainColor
162
+ }
163
+ ),
164
+ /* @__PURE__ */ jsxRuntime.jsx(
165
+ "path",
166
+ {
167
+ d: "M209.065 102.689C207.457 100.252 205.209 98.3457 202.316 96.9692C199.424 95.5926 196.107 94.9057 192.37 94.9057C189.389 94.9057 186.57 95.3933 183.913 96.3673C181.252 97.3425 178.931 98.7045 176.945 100.453C175.248 101.948 173.955 103.641 173.069 105.531C172.818 106.068 173.04 106.707 173.571 106.968L179.92 110.082C180.439 110.337 181.068 110.138 181.344 109.629C182.269 107.926 183.563 106.5 185.228 105.355C187.185 104.009 189.478 103.334 192.108 103.334C194.97 103.334 197.263 104.064 198.988 105.526C200.71 106.988 201.574 108.868 201.574 111.16V112.935L186.499 115.374C182.876 115.948 179.868 116.922 177.472 118.299C175.077 119.675 173.309 121.367 172.171 123.373C171.031 125.381 170.462 127.645 170.462 130.168C170.462 132.864 171.133 135.2 172.478 137.178C173.821 139.157 175.705 140.705 178.13 141.822C180.554 142.941 183.373 143.499 186.587 143.499C189.274 143.499 191.715 143.126 193.906 142.38C196.097 141.636 198.054 140.575 199.777 139.198C200.592 138.548 201.334 137.839 202.012 137.073V141.385C202.012 141.983 202.497 142.467 203.094 142.467H210.395C210.993 142.467 211.476 141.982 211.476 141.385V111.16C211.476 107.95 210.673 105.126 209.066 102.688L209.065 102.689ZM199.906 129.524C198.795 131.445 197.233 132.978 195.217 134.125C193.201 135.273 190.848 135.846 188.162 135.846C186 135.846 184.231 135.286 182.859 134.169C181.485 133.05 180.799 131.603 180.799 129.825C180.799 128.048 181.413 126.486 182.64 125.31C183.866 124.136 185.795 123.319 188.423 122.859L201.57 120.605V123.117C201.57 125.469 201.013 127.604 199.905 129.525L199.906 129.524Z",
168
+ fill: mainColor
169
+ }
170
+ ),
171
+ /* @__PURE__ */ jsxRuntime.jsx(
172
+ "path",
173
+ {
174
+ d: "M161.38 84.4606C161.38 81.5437 159.016 79.179 156.099 79.179C153.182 79.179 150.817 81.5437 150.817 84.4606C150.817 87.3776 153.182 89.7422 156.099 89.7422C159.016 89.7422 161.38 87.3776 161.38 84.4606Z",
175
+ fill: mainColor
176
+ }
177
+ ),
178
+ /* @__PURE__ */ jsxRuntime.jsx(
179
+ "path",
180
+ {
181
+ d: "M232.255 137.508C232.255 134.591 229.89 132.226 226.973 132.226C224.056 132.226 221.691 134.591 221.691 137.508C221.691 140.425 224.056 142.789 226.973 142.789C229.89 142.789 232.255 140.425 232.255 137.508Z",
182
+ fill: mainColor
183
+ }
184
+ ),
185
+ /* @__PURE__ */ jsxRuntime.jsx(
186
+ "path",
187
+ {
188
+ d: "M91.1024 61.8049C91.1024 63.5428 89.5491 64.8569 87.8298 64.5965C77.4207 63.0193 69.4445 54.0333 69.4445 43.1844V3.12269C69.4445 0.347024 72.8008 -1.04413 74.7633 0.918367L106.331 32.4591H96.4132C93.4781 32.4591 91.0984 34.8388 91.0984 37.774L91.1011 61.8049H91.1024Z",
189
+ fill: mainColor
190
+ }
191
+ ),
192
+ showAccent && /* @__PURE__ */ jsxRuntime.jsx(
193
+ "path",
194
+ {
195
+ d: "M91.1002 37.7737C91.1002 35.1615 92.9856 32.9944 95.4676 32.5479C83.0761 33.2322 74.9856 40.2013 74.8714 48.7023C74.7651 56.6094 80.4267 63.1161 87.8608 64.5989C89.5682 64.854 91.1027 63.5308 91.1027 61.8048L91.1002 37.7737Z",
196
+ fill: accentColor,
197
+ opacity
198
+ }
199
+ ),
200
+ /* @__PURE__ */ jsxRuntime.jsx(
201
+ "path",
202
+ {
203
+ d: "M121.562 3.11209C121.562 1.37415 123.115 0.0600595 124.834 0.320485C135.243 1.89766 143.22 10.8837 143.22 21.7325V61.793C143.22 64.5686 139.863 65.9598 137.901 63.9973L106.333 32.4565H116.251C119.186 32.4565 121.566 30.0768 121.566 27.1417L121.563 3.11076L121.562 3.11209Z",
204
+ fill: mainColor
205
+ }
206
+ ),
207
+ showAccent && /* @__PURE__ */ jsxRuntime.jsx(
208
+ "path",
209
+ {
210
+ d: "M121.565 27.1428C121.565 29.755 119.679 31.9221 117.197 32.3686C129.589 31.6843 137.679 24.7152 137.794 16.2142C137.9 8.30708 132.238 1.80042 124.804 0.317587C123.097 0.0624761 121.562 1.38595 121.562 3.11193L121.565 27.1428Z",
211
+ fill: accentColor,
212
+ opacity
213
+ }
214
+ )
215
+ ] }),
216
+ /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip-v", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "233", height: "144", fill: "white" }) }) })
217
+ ]
218
+ }
219
+ );
220
+ }
221
+ function SymbolLogoSVG({ mainColor, accentColor, type }) {
222
+ const showAccent = type === "default" || type === "transparent";
223
+ const opacity = type === "transparent" ? 0.5 : 1;
224
+ return /* @__PURE__ */ jsxRuntime.jsxs(
225
+ "svg",
226
+ {
227
+ viewBox: "0 0 133 120",
228
+ fill: "none",
229
+ xmlns: "http://www.w3.org/2000/svg",
230
+ style: { width: "100%", height: "100%" },
231
+ "aria-hidden": "true",
232
+ children: [
233
+ /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip-s)", children: [
234
+ /* @__PURE__ */ jsxRuntime.jsx(
235
+ "path",
236
+ {
237
+ d: "M39.0054 113.312C39.0054 116.443 36.2085 118.808 33.1126 118.339C14.3672 115.498 0 99.3145 0 79.7759V7.62467C0 2.62475 6.04424 0.120148 9.57992 3.65317L66.4352 60.4579H48.5734C43.2865 60.4579 39.0001 64.7443 39.0014 70.0312L39.0054 113.312Z",
238
+ fill: mainColor
239
+ }
240
+ ),
241
+ showAccent && /* @__PURE__ */ jsxRuntime.jsx(
242
+ "path",
243
+ {
244
+ d: "M39.0016 70.0325C39.0016 65.3289 42.3964 61.4252 46.8688 60.62C24.5506 61.8517 9.97869 74.4053 9.77274 89.7159C9.5814 103.956 19.7792 115.675 33.1672 118.346C36.2432 118.805 39.0069 116.423 39.0069 113.312L39.0029 70.0312L39.0016 70.0325Z",
245
+ fill: accentColor,
246
+ opacity
247
+ }
248
+ ),
249
+ /* @__PURE__ */ jsxRuntime.jsx(
250
+ "path",
251
+ {
252
+ d: "M93.8648 7.606C93.8648 4.47557 96.6618 2.11048 99.7576 2.57951C118.504 5.42028 132.87 21.6039 132.87 41.1438V113.295C132.87 118.295 126.826 120.8 123.29 117.265L66.4351 60.4605H84.2968C89.5838 60.4605 93.8701 56.1741 93.8688 50.8872L93.8648 7.606Z",
253
+ fill: mainColor
254
+ }
255
+ ),
256
+ showAccent && /* @__PURE__ */ jsxRuntime.jsx(
257
+ "path",
258
+ {
259
+ d: "M93.8688 50.8859C93.8688 55.5895 90.4739 59.4932 86.0015 60.2984C108.32 59.0667 122.892 46.5131 123.098 31.2025C123.289 16.9628 113.091 5.24359 99.7031 2.57289C96.6272 2.11316 93.8635 4.49553 93.8635 7.60602L93.8674 50.8872L93.8688 50.8859Z",
260
+ fill: accentColor,
261
+ opacity
262
+ }
263
+ )
264
+ ] }),
265
+ /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip-s", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "133", height: "120", fill: "white" }) }) })
266
+ ]
267
+ }
268
+ );
269
+ }
270
+ function Logo({
271
+ className,
272
+ position = "horizontal",
273
+ type = "solid",
274
+ color = "primary",
275
+ width = defaultSizes[position].width,
276
+ height = defaultSizes[position].height,
277
+ ...props
278
+ }) {
279
+ const colors = colorConfig[color];
280
+ const svgProps = {
281
+ mainColor: colors.main,
282
+ accentColor: colors.accent,
283
+ type,
284
+ className
285
+ };
286
+ return /* @__PURE__ */ jsxRuntime.jsxs(
287
+ "div",
288
+ {
289
+ role: "img",
290
+ "aria-label": "Nuvia Logo",
291
+ style: { width, height },
292
+ className: cn("inline-flex", className),
293
+ ...props,
294
+ children: [
295
+ position === "horizontal" && /* @__PURE__ */ jsxRuntime.jsx(HorizontalLogoSVG, { ...svgProps }),
296
+ position === "vertical" && /* @__PURE__ */ jsxRuntime.jsx(VerticalLogoSVG, { ...svgProps }),
297
+ position === "symbol" && /* @__PURE__ */ jsxRuntime.jsx(SymbolLogoSVG, { ...svgProps })
298
+ ]
299
+ }
300
+ );
301
+ }
302
+
303
+ exports.Logo = Logo;
304
+ exports.colorConfig = colorConfig;
305
+ exports.defaultSizes = defaultSizes;
306
+ //# sourceMappingURL=index.cjs.map
307
+ //# sourceMappingURL=index.cjs.map
package/dist/ui/logo/index.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/lib/utils.ts","../../../src/ui/logo/Logo.tsx"],"names":["twMerge","clsx","jsxs","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n toast.error(error.message);\n};\n","import { cn } from \"../../lib/utils\";\n\n/**\n * Color configuration for logo variants\n */\nconst colorConfig = {\n primary: { main: \"#7F95E9\", accent: \"#A5AAE7\" },\n madrugada: { main: \"#FFFFFF\", accent: \"#A5AAE7\" },\n zafiro: { main: \"#4169E1\", accent: \"#7B9BF0\" },\n black: { main: \"#09090B\", accent: \"#09090B\" },\n white: { main: \"#FFFFFF\", accent: \"#FFFFFF\" },\n dark: { main: \"#1E1E2E\", accent: \"#3D3D5C\" },\n medium: { main: \"#6B7280\", accent: \"#9CA3AF\" },\n nimbus: { main: \"#E5E7EB\", accent: \"#F3F4F6\" },\n} as const;\n\n/**\n * Default sizes for each position\n */\nconst defaultSizes = {\n horizontal: { width: 150, height: 32 },\n vertical: { width: 150, height: 93 },\n symbol: { width: 100, height: 100 },\n};\n\ntype LogoColor = keyof typeof colorConfig;\ntype LogoPosition = \"horizontal\" | \"vertical\" | \"symbol\";\ntype LogoType = \"solid\" | \"default\" | \"transparent\";\n\ninterface SVGLogoProps {\n mainColor: string;\n accentColor: string;\n type: LogoType;\n className?: string;\n}\n\n/**\n * Horizontal Logo SVG (wordmark + icon)\n */\nfunction HorizontalLogoSVG({ mainColor, accentColor, type }: SVGLogoProps) {\n const showAccent = type === \"default\" || type === \"transparent\";\n const opacity = type === \"transparent\" ? 0.5 : 1;\n\n return (\n <svg\n viewBox=\"0 0 255 54\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ width: \"100%\", height: \"100%\" }}\n aria-hidden=\"true\"\n >\n <g clipPath=\"url(#clip-h)\">\n {/* Letter N */}\n <path\n d=\"M100.928 19.2196C99.7192 17.1216 98.0451 15.4793 95.9072 14.2928C93.768 13.1076 91.3046 12.5137 88.5156 12.5137C85.7267 12.5137 83.4479 13.1182 81.4031 14.3274C79.9269 15.2003 78.7417 16.3643 77.8461 17.8192V14.1971C77.8461 13.7215 77.4608 13.3361 76.9851 13.3361H71.176C70.7004 13.3361 70.315 13.7215 70.315 14.1971V49.4968C70.315 49.9725 70.7004 50.3578 71.176 50.3578H77.3332C77.8089 50.3578 78.1942 49.9725 78.1942 49.4968V28.5272C78.1942 26.7029 78.5424 25.1297 79.2399 23.805C79.9375 22.4829 80.9247 21.4678 82.2029 20.7596C83.4812 20.0527 84.9334 19.6993 86.5611 19.6993C88.1888 19.6993 89.6397 20.0527 90.9192 20.7596C92.1975 21.4678 93.186 22.471 93.8822 23.7705C94.5798 25.0713 94.9279 26.6564 94.9279 28.5259V49.4955C94.9279 49.9712 95.3133 50.3565 95.7889 50.3565H101.877C102.353 50.3565 102.738 49.9712 102.738 49.4955V26.473C102.738 23.7359 102.133 21.3177 100.924 19.2196H100.928Z\"\n fill={mainColor}\n />\n {/* Letter U */}\n <path\n d=\"M141.976 13.3335H135.888C135.412 13.3335 135.027 13.7188 135.027 14.1945V35.164C135.027 36.9432 134.667 38.4951 133.947 39.8172C133.225 41.1406 132.238 42.1676 130.984 42.8971C129.728 43.6279 128.264 43.992 126.591 43.992C124.918 43.992 123.523 43.6385 122.267 42.9317C121.012 42.2248 120.036 41.2322 119.339 39.9554C118.641 38.6785 118.293 37.1956 118.293 35.5069V14.1958C118.293 13.7201 117.908 13.3348 117.432 13.3348H111.275C110.799 13.3348 110.414 13.7201 110.414 14.1958V36.1911C110.414 39.1568 111.007 41.7677 112.192 44.0265C113.377 46.2853 115.039 48.0419 117.177 49.2961C119.315 50.5504 121.802 51.1776 124.638 51.1776C127.473 51.1776 129.774 50.5611 131.819 49.3294C133.317 48.4272 134.501 47.2433 135.376 45.7804V49.4955C135.376 49.9711 135.762 50.3564 136.237 50.3564H141.977C142.453 50.3564 142.838 49.9711 142.838 49.4955V14.1958C142.838 13.7201 142.453 13.3348 141.977 13.3348L141.976 13.3335Z\"\n fill={mainColor}\n />\n {/* Letter V */}\n <path\n d=\"M183.752 13.3335H176.974C176.615 13.3335 176.295 13.5553 176.169 13.8915L166.581 39.3468L156.993 13.8915C156.867 13.5567 156.545 13.3335 156.188 13.3335H149.478C148.869 13.3335 148.452 13.9486 148.678 14.5133L162.774 49.813C162.904 50.1399 163.222 50.3551 163.574 50.3551H169.59C169.943 50.3551 170.259 50.1412 170.389 49.8143L184.55 14.5147C184.778 13.9486 184.36 13.3335 183.752 13.3335Z\"\n fill={mainColor}\n />\n {/* Letter I */}\n <path\n d=\"M190.393 49.4956V14.1959C190.393 13.7202 190.778 13.3349 191.254 13.3349H197.411C197.886 13.3349 198.272 13.7202 198.272 14.1959V49.4956C198.272 49.9713 197.886 50.3566 197.411 50.3566H191.254C190.778 50.3566 190.393 49.9713 190.393 49.4956Z\"\n fill={mainColor}\n />\n {/* Letter A */}\n <path\n d=\"M236.659 18.7054C235.38 16.7669 233.591 15.2495 231.29 14.1546C228.989 13.0598 226.35 12.5124 223.375 12.5124C221.005 12.5124 218.76 12.9003 216.646 13.675C214.53 14.4509 212.683 15.5338 211.103 16.925C209.753 18.1142 208.725 19.4615 208.019 20.9656C207.819 21.3921 207.995 21.901 208.419 22.1083L213.471 24.5863C213.884 24.7896 214.385 24.6301 214.604 24.2262C215.34 22.8709 216.37 21.7362 217.693 20.8247C219.251 19.7538 221.075 19.217 223.168 19.217C225.445 19.217 227.269 19.799 228.642 20.9616C230.013 22.1255 230.699 23.6203 230.699 25.4446V26.857L218.705 28.7983C215.821 29.2554 213.428 30.03 211.522 31.1248C209.615 32.2197 208.209 33.5657 207.303 35.1628C206.397 36.7599 205.944 38.5616 205.944 40.5693C205.944 42.7138 206.478 44.5727 207.548 46.1472C208.616 47.7203 210.116 48.9534 212.045 49.8423C213.973 50.7325 216.217 51.1763 218.774 51.1763C220.912 51.1763 222.853 50.8787 224.596 50.2861C226.339 49.6935 227.897 48.8484 229.268 47.7536C229.915 47.2367 230.508 46.672 231.046 46.0621V49.4928C231.046 49.9685 231.431 50.3538 231.907 50.3538H237.716C238.191 50.3538 238.577 49.9685 238.577 49.4928V25.4446C238.577 22.8895 237.938 20.644 236.659 18.7041V18.7054ZM229.373 40.0564C228.489 41.5857 227.246 42.8055 225.642 43.717C224.038 44.6298 222.166 45.0855 220.028 45.0855C218.307 45.0855 216.902 44.6404 215.809 43.7515C214.717 42.8613 214.171 41.7106 214.171 40.2955C214.171 38.8805 214.659 37.6381 215.635 36.7027C216.612 35.7687 218.145 35.1176 220.238 34.7522L230.698 32.9585V34.9568C230.698 36.8276 230.255 38.527 229.373 40.0551V40.0564Z\"\n fill={mainColor}\n />\n {/* Dot on I */}\n <path\n d=\"M198.718 4.20203C198.718 1.88131 196.837 0 194.516 0C192.196 0 190.314 1.88131 190.314 4.20203C190.314 6.52274 192.196 8.40405 194.516 8.40405C196.837 8.40405 198.718 6.52274 198.718 4.20203Z\"\n fill={mainColor}\n />\n {/* Final dot */}\n <path\n d=\"M255.111 46.4097C255.111 44.089 253.23 42.2076 250.909 42.2076C248.588 42.2076 246.707 44.089 246.707 46.4097C246.707 48.7304 248.588 50.6117 250.909 50.6117C253.23 50.6117 255.111 48.7304 255.111 46.4097Z\"\n fill={mainColor}\n />\n {/* Icon - Left arrow part */}\n <path\n d=\"M15.2869 52.0174C15.2869 53.2451 14.1907 54.1712 12.9776 53.9879C5.63117 52.8744 0.00012207 46.5312 0.00012207 38.8739V10.5977C0.00012207 8.6379 2.3692 7.65732 3.75504 9.04183L26.0374 31.3043H19.0378C16.9663 31.3043 15.2855 32.9837 15.2869 35.0565V52.0187V52.0174Z\"\n fill={mainColor}\n />\n {/* Icon - Left accent */}\n {showAccent && (\n <path\n d=\"M15.2855 35.0553C15.2855 33.2123 16.6155 31.6817 18.3681 31.3668C9.62122 31.8491 3.91045 36.7693 3.8294 42.7697C3.75366 48.3503 7.75041 52.9436 12.9975 53.9906C14.2026 54.1713 15.2868 53.2372 15.2855 52.0188V35.0553Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n {/* Icon - Right arrow part */}\n <path\n d=\"M36.7867 10.5897C36.7867 9.36199 37.8828 8.43588 39.0959 8.61924C46.4423 9.73269 52.0734 16.0746 52.0734 23.7332V52.0094C52.0734 53.9692 49.7043 54.9498 48.3185 53.5653L26.0361 31.3029H33.0357C35.1072 31.3029 36.788 29.6234 36.7867 27.5506V10.5884V10.5897Z\"\n fill={mainColor}\n />\n {/* Icon - Right accent */}\n {showAccent && (\n <path\n d=\"M36.7879 27.5521C36.7879 29.395 35.4578 30.9256 33.7053 31.2405C42.4521 30.7582 48.1629 25.838 48.244 19.8376C48.3197 14.257 44.323 9.66372 39.0759 8.6167C37.8708 8.436 36.7865 9.37008 36.7879 10.5885V27.5521Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n </g>\n <defs>\n <clipPath id=\"clip-h\">\n <rect width=\"255\" height=\"54\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\n/**\n * Vertical Logo SVG (icon on top, wordmark below)\n */\nfunction VerticalLogoSVG({ mainColor, accentColor, type }: SVGLogoProps) {\n const showAccent = type === \"default\" || type === \"transparent\";\n const opacity = type === \"transparent\" ? 0.5 : 1;\n\n return (\n <svg\n viewBox=\"0 0 233 144\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ width: \"100%\", height: \"100%\" }}\n aria-hidden=\"true\"\n >\n <g clipPath=\"url(#clip-v)\">\n {/* Letter N */}\n <path\n d=\"M38.4739 103.335C36.9539 100.699 34.8506 98.634 32.1639 97.1419C29.476 95.6511 26.3801 94.9057 22.8736 94.9057C19.3672 94.9057 16.5052 95.6657 13.9341 97.1844C12.0779 98.2806 10.5884 99.7448 9.46436 101.572V97.0183C9.46436 96.4204 8.97938 95.9368 8.38279 95.9368H1.08156C0.483648 95.9368 0 96.4217 0 97.0183V141.385C0 141.983 0.484977 142.467 1.08156 142.467H8.82126C9.41918 142.467 9.90283 141.982 9.90283 141.385V115.03C9.90283 112.738 10.3413 110.76 11.2169 109.096C12.0939 107.434 13.3335 106.158 14.9413 105.268C16.5477 104.379 18.3733 103.936 20.4182 103.936C22.4631 103.936 24.2887 104.381 25.8964 105.268C27.5028 106.158 28.7452 107.418 29.6208 109.052C30.4977 110.687 30.9349 112.68 30.9349 115.03V141.385C30.9349 141.983 31.4199 142.467 32.0164 142.467H39.6684C40.2664 142.467 40.75 141.982 40.75 141.385V112.45C40.75 109.01 39.99 105.971 38.4713 103.334L38.4739 103.335Z\"\n fill={mainColor}\n />\n {/* Letter U */}\n <path\n d=\"M90.0635 95.938H82.4115C81.8136 95.938 81.3299 96.423 81.3299 97.0196V123.374C81.3299 125.611 80.8768 127.561 79.972 129.223C79.0658 130.887 77.8248 132.177 76.2476 133.094C74.6705 134.012 72.8302 134.47 70.7269 134.47C68.6235 134.47 66.871 134.027 65.2925 133.138C63.7153 132.25 62.4876 131.003 61.612 129.396C60.735 127.791 60.2979 125.928 60.2979 123.806V97.0222C60.2979 96.4243 59.8129 95.9407 59.2163 95.9407H51.4766C50.8787 95.9407 50.3951 96.4257 50.3951 97.0222V124.667C50.3951 128.396 51.1404 131.677 52.6299 134.516C54.1194 137.354 56.2081 139.562 58.8961 141.138C61.5827 142.714 64.7092 143.503 68.2741 143.503C71.839 143.503 74.7289 142.728 77.3013 141.18C79.1827 140.047 80.6722 138.559 81.7711 136.719V141.388C81.7711 141.986 82.256 142.469 82.8526 142.469H90.0661C90.6641 142.469 91.1477 141.984 91.1477 141.388V97.0209C91.1477 96.423 90.6627 95.9393 90.0661 95.9393L90.0635 95.938Z\"\n fill={mainColor}\n />\n {/* Letter V */}\n <path\n d=\"M142.568 95.938H134.05C133.6 95.938 133.196 96.217 133.038 96.6382L120.988 128.631L108.938 96.6382C108.778 96.217 108.376 95.938 107.925 95.938H99.4906C98.7253 95.938 98.2018 96.71 98.4861 97.4209L116.202 141.788C116.366 142.198 116.764 142.468 117.206 142.468H124.769C125.212 142.468 125.609 142.199 125.774 141.789L143.573 97.4222C143.859 96.7113 143.335 95.9367 142.568 95.9367V95.938Z\"\n fill={mainColor}\n />\n {/* Letter I */}\n <path\n d=\"M150.915 141.386V97.0196C150.915 96.4217 151.4 95.938 151.997 95.938H159.737C160.335 95.938 160.818 96.423 160.818 97.0196V141.386C160.818 141.984 160.333 142.468 159.737 142.468H151.997C151.399 142.468 150.915 141.983 150.915 141.386Z\"\n fill={mainColor}\n />\n {/* Letter A */}\n <path\n d=\"M209.065 102.689C207.457 100.252 205.209 98.3457 202.316 96.9692C199.424 95.5926 196.107 94.9057 192.37 94.9057C189.389 94.9057 186.57 95.3933 183.913 96.3673C181.252 97.3425 178.931 98.7045 176.945 100.453C175.248 101.948 173.955 103.641 173.069 105.531C172.818 106.068 173.04 106.707 173.571 106.968L179.92 110.082C180.439 110.337 181.068 110.138 181.344 109.629C182.269 107.926 183.563 106.5 185.228 105.355C187.185 104.009 189.478 103.334 192.108 103.334C194.97 103.334 197.263 104.064 198.988 105.526C200.71 106.988 201.574 108.868 201.574 111.16V112.935L186.499 115.374C182.876 115.948 179.868 116.922 177.472 118.299C175.077 119.675 173.309 121.367 172.171 123.373C171.031 125.381 170.462 127.645 170.462 130.168C170.462 132.864 171.133 135.2 172.478 137.178C173.821 139.157 175.705 140.705 178.13 141.822C180.554 142.941 183.373 143.499 186.587 143.499C189.274 143.499 191.715 143.126 193.906 142.38C196.097 141.636 198.054 140.575 199.777 139.198C200.592 138.548 201.334 137.839 202.012 137.073V141.385C202.012 141.983 202.497 142.467 203.094 142.467H210.395C210.993 142.467 211.476 141.982 211.476 141.385V111.16C211.476 107.95 210.673 105.126 209.066 102.688L209.065 102.689ZM199.906 129.524C198.795 131.445 197.233 132.978 195.217 134.125C193.201 135.273 190.848 135.846 188.162 135.846C186 135.846 184.231 135.286 182.859 134.169C181.485 133.05 180.799 131.603 180.799 129.825C180.799 128.048 181.413 126.486 182.64 125.31C183.866 124.136 185.795 123.319 188.423 122.859L201.57 120.605V123.117C201.57 125.469 201.013 127.604 199.905 129.525L199.906 129.524Z\"\n fill={mainColor}\n />\n {/* Dot on I */}\n <path\n d=\"M161.38 84.4606C161.38 81.5437 159.016 79.179 156.099 79.179C153.182 79.179 150.817 81.5437 150.817 84.4606C150.817 87.3776 153.182 89.7422 156.099 89.7422C159.016 89.7422 161.38 87.3776 161.38 84.4606Z\"\n fill={mainColor}\n />\n {/* Final dot */}\n <path\n d=\"M232.255 137.508C232.255 134.591 229.89 132.226 226.973 132.226C224.056 132.226 221.691 134.591 221.691 137.508C221.691 140.425 224.056 142.789 226.973 142.789C229.89 142.789 232.255 140.425 232.255 137.508Z\"\n fill={mainColor}\n />\n {/* Icon - Left part */}\n <path\n d=\"M91.1024 61.8049C91.1024 63.5428 89.5491 64.8569 87.8298 64.5965C77.4207 63.0193 69.4445 54.0333 69.4445 43.1844V3.12269C69.4445 0.347024 72.8008 -1.04413 74.7633 0.918367L106.331 32.4591H96.4132C93.4781 32.4591 91.0984 34.8388 91.0984 37.774L91.1011 61.8049H91.1024Z\"\n fill={mainColor}\n />\n {/* Icon - Left accent */}\n {showAccent && (\n <path\n d=\"M91.1002 37.7737C91.1002 35.1615 92.9856 32.9944 95.4676 32.5479C83.0761 33.2322 74.9856 40.2013 74.8714 48.7023C74.7651 56.6094 80.4267 63.1161 87.8608 64.5989C89.5682 64.854 91.1027 63.5308 91.1027 61.8048L91.1002 37.7737Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n {/* Icon - Right part */}\n <path\n d=\"M121.562 3.11209C121.562 1.37415 123.115 0.0600595 124.834 0.320485C135.243 1.89766 143.22 10.8837 143.22 21.7325V61.793C143.22 64.5686 139.863 65.9598 137.901 63.9973L106.333 32.4565H116.251C119.186 32.4565 121.566 30.0768 121.566 27.1417L121.563 3.11076L121.562 3.11209Z\"\n fill={mainColor}\n />\n {/* Icon - Right accent */}\n {showAccent && (\n <path\n d=\"M121.565 27.1428C121.565 29.755 119.679 31.9221 117.197 32.3686C129.589 31.6843 137.679 24.7152 137.794 16.2142C137.9 8.30708 132.238 1.80042 124.804 0.317587C123.097 0.0624761 121.562 1.38595 121.562 3.11193L121.565 27.1428Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n </g>\n <defs>\n <clipPath id=\"clip-v\">\n <rect width=\"233\" height=\"144\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\n/**\n * Symbol-only Logo SVG\n */\nfunction SymbolLogoSVG({ mainColor, accentColor, type }: SVGLogoProps) {\n const showAccent = type === \"default\" || type === \"transparent\";\n const opacity = type === \"transparent\" ? 0.5 : 1;\n\n return (\n <svg\n viewBox=\"0 0 133 120\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ width: \"100%\", height: \"100%\" }}\n aria-hidden=\"true\"\n >\n <g clipPath=\"url(#clip-s)\">\n {/* Left arrow */}\n <path\n d=\"M39.0054 113.312C39.0054 116.443 36.2085 118.808 33.1126 118.339C14.3672 115.498 0 99.3145 0 79.7759V7.62467C0 2.62475 6.04424 0.120148 9.57992 3.65317L66.4352 60.4579H48.5734C43.2865 60.4579 39.0001 64.7443 39.0014 70.0312L39.0054 113.312Z\"\n fill={mainColor}\n />\n {/* Left accent */}\n {showAccent && (\n <path\n d=\"M39.0016 70.0325C39.0016 65.3289 42.3964 61.4252 46.8688 60.62C24.5506 61.8517 9.97869 74.4053 9.77274 89.7159C9.5814 103.956 19.7792 115.675 33.1672 118.346C36.2432 118.805 39.0069 116.423 39.0069 113.312L39.0029 70.0312L39.0016 70.0325Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n {/* Right arrow */}\n <path\n d=\"M93.8648 7.606C93.8648 4.47557 96.6618 2.11048 99.7576 2.57951C118.504 5.42028 132.87 21.6039 132.87 41.1438V113.295C132.87 118.295 126.826 120.8 123.29 117.265L66.4351 60.4605H84.2968C89.5838 60.4605 93.8701 56.1741 93.8688 50.8872L93.8648 7.606Z\"\n fill={mainColor}\n />\n {/* Right accent */}\n {showAccent && (\n <path\n d=\"M93.8688 50.8859C93.8688 55.5895 90.4739 59.4932 86.0015 60.2984C108.32 59.0667 122.892 46.5131 123.098 31.2025C123.289 16.9628 113.091 5.24359 99.7031 2.57289C96.6272 2.11316 93.8635 4.49553 93.8635 7.60602L93.8674 50.8872L93.8688 50.8859Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n </g>\n <defs>\n <clipPath id=\"clip-s\">\n <rect width=\"133\" height=\"120\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\nexport type LogoProps = React.HTMLAttributes<HTMLDivElement> & {\n position?: LogoPosition;\n type?: LogoType;\n color?: LogoColor;\n width?: number;\n height?: number;\n};\n\n/**\n * Nuvia Logo component with inline SVGs.\n * Bundled with the package - no external assets required.\n */\nfunction Logo({\n className,\n position = \"horizontal\",\n type = \"solid\",\n color = \"primary\",\n width = defaultSizes[position].width,\n height = defaultSizes[position].height,\n ...props\n}: LogoProps) {\n const colors = colorConfig[color];\n const svgProps: SVGLogoProps = {\n mainColor: colors.main,\n accentColor: colors.accent,\n type,\n className,\n };\n\n return (\n <div\n role=\"img\"\n aria-label=\"Nuvia Logo\"\n style={{ width, height }}\n className={cn(\"inline-flex\", className)}\n {...props}\n >\n {position === \"horizontal\" && <HorizontalLogoSVG {...svgProps} />}\n {position === \"vertical\" && <VerticalLogoSVG {...svgProps} />}\n {position === \"symbol\" && <SymbolLogoSVG {...svgProps} />}\n </div>\n );\n}\n\nexport { Logo, colorConfig, defaultSizes };\nexport type { LogoColor, LogoPosition, LogoType };\n"]}
package/dist/ui/logo/index.js ADDED
@@ -0,0 +1,303 @@
1
+ import { clsx } from 'clsx';
2
+ import 'sonner';
3
+ import { twMerge } from 'tailwind-merge';
4
+ import { jsxs, jsx } from 'react/jsx-runtime';
5
+
6
+ // src/lib/utils.ts
7
+ var cn = (...inputs) => twMerge(clsx(inputs));
8
+ var colorConfig = {
9
+ primary: { main: "#7F95E9", accent: "#A5AAE7" },
10
+ madrugada: { main: "#FFFFFF", accent: "#A5AAE7" },
11
+ zafiro: { main: "#4169E1", accent: "#7B9BF0" },
12
+ black: { main: "#09090B", accent: "#09090B" },
13
+ white: { main: "#FFFFFF", accent: "#FFFFFF" },
14
+ dark: { main: "#1E1E2E", accent: "#3D3D5C" },
15
+ medium: { main: "#6B7280", accent: "#9CA3AF" },
16
+ nimbus: { main: "#E5E7EB", accent: "#F3F4F6" }
17
+ };
18
+ var defaultSizes = {
19
+ horizontal: { width: 150, height: 32 },
20
+ vertical: { width: 150, height: 93 },
21
+ symbol: { width: 100, height: 100 }
22
+ };
23
+ function HorizontalLogoSVG({ mainColor, accentColor, type }) {
24
+ const showAccent = type === "default" || type === "transparent";
25
+ const opacity = type === "transparent" ? 0.5 : 1;
26
+ return /* @__PURE__ */ jsxs(
27
+ "svg",
28
+ {
29
+ viewBox: "0 0 255 54",
30
+ fill: "none",
31
+ xmlns: "http://www.w3.org/2000/svg",
32
+ style: { width: "100%", height: "100%" },
33
+ "aria-hidden": "true",
34
+ children: [
35
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip-h)", children: [
36
+ /* @__PURE__ */ jsx(
37
+ "path",
38
+ {
39
+ d: "M100.928 19.2196C99.7192 17.1216 98.0451 15.4793 95.9072 14.2928C93.768 13.1076 91.3046 12.5137 88.5156 12.5137C85.7267 12.5137 83.4479 13.1182 81.4031 14.3274C79.9269 15.2003 78.7417 16.3643 77.8461 17.8192V14.1971C77.8461 13.7215 77.4608 13.3361 76.9851 13.3361H71.176C70.7004 13.3361 70.315 13.7215 70.315 14.1971V49.4968C70.315 49.9725 70.7004 50.3578 71.176 50.3578H77.3332C77.8089 50.3578 78.1942 49.9725 78.1942 49.4968V28.5272C78.1942 26.7029 78.5424 25.1297 79.2399 23.805C79.9375 22.4829 80.9247 21.4678 82.2029 20.7596C83.4812 20.0527 84.9334 19.6993 86.5611 19.6993C88.1888 19.6993 89.6397 20.0527 90.9192 20.7596C92.1975 21.4678 93.186 22.471 93.8822 23.7705C94.5798 25.0713 94.9279 26.6564 94.9279 28.5259V49.4955C94.9279 49.9712 95.3133 50.3565 95.7889 50.3565H101.877C102.353 50.3565 102.738 49.9712 102.738 49.4955V26.473C102.738 23.7359 102.133 21.3177 100.924 19.2196H100.928Z",
40
+ fill: mainColor
41
+ }
42
+ ),
43
+ /* @__PURE__ */ jsx(
44
+ "path",
45
+ {
46
+ d: "M141.976 13.3335H135.888C135.412 13.3335 135.027 13.7188 135.027 14.1945V35.164C135.027 36.9432 134.667 38.4951 133.947 39.8172C133.225 41.1406 132.238 42.1676 130.984 42.8971C129.728 43.6279 128.264 43.992 126.591 43.992C124.918 43.992 123.523 43.6385 122.267 42.9317C121.012 42.2248 120.036 41.2322 119.339 39.9554C118.641 38.6785 118.293 37.1956 118.293 35.5069V14.1958C118.293 13.7201 117.908 13.3348 117.432 13.3348H111.275C110.799 13.3348 110.414 13.7201 110.414 14.1958V36.1911C110.414 39.1568 111.007 41.7677 112.192 44.0265C113.377 46.2853 115.039 48.0419 117.177 49.2961C119.315 50.5504 121.802 51.1776 124.638 51.1776C127.473 51.1776 129.774 50.5611 131.819 49.3294C133.317 48.4272 134.501 47.2433 135.376 45.7804V49.4955C135.376 49.9711 135.762 50.3564 136.237 50.3564H141.977C142.453 50.3564 142.838 49.9711 142.838 49.4955V14.1958C142.838 13.7201 142.453 13.3348 141.977 13.3348L141.976 13.3335Z",
47
+ fill: mainColor
48
+ }
49
+ ),
50
+ /* @__PURE__ */ jsx(
51
+ "path",
52
+ {
53
+ d: "M183.752 13.3335H176.974C176.615 13.3335 176.295 13.5553 176.169 13.8915L166.581 39.3468L156.993 13.8915C156.867 13.5567 156.545 13.3335 156.188 13.3335H149.478C148.869 13.3335 148.452 13.9486 148.678 14.5133L162.774 49.813C162.904 50.1399 163.222 50.3551 163.574 50.3551H169.59C169.943 50.3551 170.259 50.1412 170.389 49.8143L184.55 14.5147C184.778 13.9486 184.36 13.3335 183.752 13.3335Z",
54
+ fill: mainColor
55
+ }
56
+ ),
57
+ /* @__PURE__ */ jsx(
58
+ "path",
59
+ {
60
+ d: "M190.393 49.4956V14.1959C190.393 13.7202 190.778 13.3349 191.254 13.3349H197.411C197.886 13.3349 198.272 13.7202 198.272 14.1959V49.4956C198.272 49.9713 197.886 50.3566 197.411 50.3566H191.254C190.778 50.3566 190.393 49.9713 190.393 49.4956Z",
61
+ fill: mainColor
62
+ }
63
+ ),
64
+ /* @__PURE__ */ jsx(
65
+ "path",
66
+ {
67
+ d: "M236.659 18.7054C235.38 16.7669 233.591 15.2495 231.29 14.1546C228.989 13.0598 226.35 12.5124 223.375 12.5124C221.005 12.5124 218.76 12.9003 216.646 13.675C214.53 14.4509 212.683 15.5338 211.103 16.925C209.753 18.1142 208.725 19.4615 208.019 20.9656C207.819 21.3921 207.995 21.901 208.419 22.1083L213.471 24.5863C213.884 24.7896 214.385 24.6301 214.604 24.2262C215.34 22.8709 216.37 21.7362 217.693 20.8247C219.251 19.7538 221.075 19.217 223.168 19.217C225.445 19.217 227.269 19.799 228.642 20.9616C230.013 22.1255 230.699 23.6203 230.699 25.4446V26.857L218.705 28.7983C215.821 29.2554 213.428 30.03 211.522 31.1248C209.615 32.2197 208.209 33.5657 207.303 35.1628C206.397 36.7599 205.944 38.5616 205.944 40.5693C205.944 42.7138 206.478 44.5727 207.548 46.1472C208.616 47.7203 210.116 48.9534 212.045 49.8423C213.973 50.7325 216.217 51.1763 218.774 51.1763C220.912 51.1763 222.853 50.8787 224.596 50.2861C226.339 49.6935 227.897 48.8484 229.268 47.7536C229.915 47.2367 230.508 46.672 231.046 46.0621V49.4928C231.046 49.9685 231.431 50.3538 231.907 50.3538H237.716C238.191 50.3538 238.577 49.9685 238.577 49.4928V25.4446C238.577 22.8895 237.938 20.644 236.659 18.7041V18.7054ZM229.373 40.0564C228.489 41.5857 227.246 42.8055 225.642 43.717C224.038 44.6298 222.166 45.0855 220.028 45.0855C218.307 45.0855 216.902 44.6404 215.809 43.7515C214.717 42.8613 214.171 41.7106 214.171 40.2955C214.171 38.8805 214.659 37.6381 215.635 36.7027C216.612 35.7687 218.145 35.1176 220.238 34.7522L230.698 32.9585V34.9568C230.698 36.8276 230.255 38.527 229.373 40.0551V40.0564Z",
68
+ fill: mainColor
69
+ }
70
+ ),
71
+ /* @__PURE__ */ jsx(
72
+ "path",
73
+ {
74
+ d: "M198.718 4.20203C198.718 1.88131 196.837 0 194.516 0C192.196 0 190.314 1.88131 190.314 4.20203C190.314 6.52274 192.196 8.40405 194.516 8.40405C196.837 8.40405 198.718 6.52274 198.718 4.20203Z",
75
+ fill: mainColor
76
+ }
77
+ ),
78
+ /* @__PURE__ */ jsx(
79
+ "path",
80
+ {
81
+ d: "M255.111 46.4097C255.111 44.089 253.23 42.2076 250.909 42.2076C248.588 42.2076 246.707 44.089 246.707 46.4097C246.707 48.7304 248.588 50.6117 250.909 50.6117C253.23 50.6117 255.111 48.7304 255.111 46.4097Z",
82
+ fill: mainColor
83
+ }
84
+ ),
85
+ /* @__PURE__ */ jsx(
86
+ "path",
87
+ {
88
+ d: "M15.2869 52.0174C15.2869 53.2451 14.1907 54.1712 12.9776 53.9879C5.63117 52.8744 0.00012207 46.5312 0.00012207 38.8739V10.5977C0.00012207 8.6379 2.3692 7.65732 3.75504 9.04183L26.0374 31.3043H19.0378C16.9663 31.3043 15.2855 32.9837 15.2869 35.0565V52.0187V52.0174Z",
89
+ fill: mainColor
90
+ }
91
+ ),
92
+ showAccent && /* @__PURE__ */ jsx(
93
+ "path",
94
+ {
95
+ d: "M15.2855 35.0553C15.2855 33.2123 16.6155 31.6817 18.3681 31.3668C9.62122 31.8491 3.91045 36.7693 3.8294 42.7697C3.75366 48.3503 7.75041 52.9436 12.9975 53.9906C14.2026 54.1713 15.2868 53.2372 15.2855 52.0188V35.0553Z",
96
+ fill: accentColor,
97
+ opacity
98
+ }
99
+ ),
100
+ /* @__PURE__ */ jsx(
101
+ "path",
102
+ {
103
+ d: "M36.7867 10.5897C36.7867 9.36199 37.8828 8.43588 39.0959 8.61924C46.4423 9.73269 52.0734 16.0746 52.0734 23.7332V52.0094C52.0734 53.9692 49.7043 54.9498 48.3185 53.5653L26.0361 31.3029H33.0357C35.1072 31.3029 36.788 29.6234 36.7867 27.5506V10.5884V10.5897Z",
104
+ fill: mainColor
105
+ }
106
+ ),
107
+ showAccent && /* @__PURE__ */ jsx(
108
+ "path",
109
+ {
110
+ d: "M36.7879 27.5521C36.7879 29.395 35.4578 30.9256 33.7053 31.2405C42.4521 30.7582 48.1629 25.838 48.244 19.8376C48.3197 14.257 44.323 9.66372 39.0759 8.6167C37.8708 8.436 36.7865 9.37008 36.7879 10.5885V27.5521Z",
111
+ fill: accentColor,
112
+ opacity
113
+ }
114
+ )
115
+ ] }),
116
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip-h", children: /* @__PURE__ */ jsx("rect", { width: "255", height: "54", fill: "white" }) }) })
117
+ ]
118
+ }
119
+ );
120
+ }
121
+ function VerticalLogoSVG({ mainColor, accentColor, type }) {
122
+ const showAccent = type === "default" || type === "transparent";
123
+ const opacity = type === "transparent" ? 0.5 : 1;
124
+ return /* @__PURE__ */ jsxs(
125
+ "svg",
126
+ {
127
+ viewBox: "0 0 233 144",
128
+ fill: "none",
129
+ xmlns: "http://www.w3.org/2000/svg",
130
+ style: { width: "100%", height: "100%" },
131
+ "aria-hidden": "true",
132
+ children: [
133
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip-v)", children: [
134
+ /* @__PURE__ */ jsx(
135
+ "path",
136
+ {
137
+ d: "M38.4739 103.335C36.9539 100.699 34.8506 98.634 32.1639 97.1419C29.476 95.6511 26.3801 94.9057 22.8736 94.9057C19.3672 94.9057 16.5052 95.6657 13.9341 97.1844C12.0779 98.2806 10.5884 99.7448 9.46436 101.572V97.0183C9.46436 96.4204 8.97938 95.9368 8.38279 95.9368H1.08156C0.483648 95.9368 0 96.4217 0 97.0183V141.385C0 141.983 0.484977 142.467 1.08156 142.467H8.82126C9.41918 142.467 9.90283 141.982 9.90283 141.385V115.03C9.90283 112.738 10.3413 110.76 11.2169 109.096C12.0939 107.434 13.3335 106.158 14.9413 105.268C16.5477 104.379 18.3733 103.936 20.4182 103.936C22.4631 103.936 24.2887 104.381 25.8964 105.268C27.5028 106.158 28.7452 107.418 29.6208 109.052C30.4977 110.687 30.9349 112.68 30.9349 115.03V141.385C30.9349 141.983 31.4199 142.467 32.0164 142.467H39.6684C40.2664 142.467 40.75 141.982 40.75 141.385V112.45C40.75 109.01 39.99 105.971 38.4713 103.334L38.4739 103.335Z",
138
+ fill: mainColor
139
+ }
140
+ ),
141
+ /* @__PURE__ */ jsx(
142
+ "path",
143
+ {
144
+ d: "M90.0635 95.938H82.4115C81.8136 95.938 81.3299 96.423 81.3299 97.0196V123.374C81.3299 125.611 80.8768 127.561 79.972 129.223C79.0658 130.887 77.8248 132.177 76.2476 133.094C74.6705 134.012 72.8302 134.47 70.7269 134.47C68.6235 134.47 66.871 134.027 65.2925 133.138C63.7153 132.25 62.4876 131.003 61.612 129.396C60.735 127.791 60.2979 125.928 60.2979 123.806V97.0222C60.2979 96.4243 59.8129 95.9407 59.2163 95.9407H51.4766C50.8787 95.9407 50.3951 96.4257 50.3951 97.0222V124.667C50.3951 128.396 51.1404 131.677 52.6299 134.516C54.1194 137.354 56.2081 139.562 58.8961 141.138C61.5827 142.714 64.7092 143.503 68.2741 143.503C71.839 143.503 74.7289 142.728 77.3013 141.18C79.1827 140.047 80.6722 138.559 81.7711 136.719V141.388C81.7711 141.986 82.256 142.469 82.8526 142.469H90.0661C90.6641 142.469 91.1477 141.984 91.1477 141.388V97.0209C91.1477 96.423 90.6627 95.9393 90.0661 95.9393L90.0635 95.938Z",
145
+ fill: mainColor
146
+ }
147
+ ),
148
+ /* @__PURE__ */ jsx(
149
+ "path",
150
+ {
151
+ d: "M142.568 95.938H134.05C133.6 95.938 133.196 96.217 133.038 96.6382L120.988 128.631L108.938 96.6382C108.778 96.217 108.376 95.938 107.925 95.938H99.4906C98.7253 95.938 98.2018 96.71 98.4861 97.4209L116.202 141.788C116.366 142.198 116.764 142.468 117.206 142.468H124.769C125.212 142.468 125.609 142.199 125.774 141.789L143.573 97.4222C143.859 96.7113 143.335 95.9367 142.568 95.9367V95.938Z",
152
+ fill: mainColor
153
+ }
154
+ ),
155
+ /* @__PURE__ */ jsx(
156
+ "path",
157
+ {
158
+ d: "M150.915 141.386V97.0196C150.915 96.4217 151.4 95.938 151.997 95.938H159.737C160.335 95.938 160.818 96.423 160.818 97.0196V141.386C160.818 141.984 160.333 142.468 159.737 142.468H151.997C151.399 142.468 150.915 141.983 150.915 141.386Z",
159
+ fill: mainColor
160
+ }
161
+ ),
162
+ /* @__PURE__ */ jsx(
163
+ "path",
164
+ {
165
+ d: "M209.065 102.689C207.457 100.252 205.209 98.3457 202.316 96.9692C199.424 95.5926 196.107 94.9057 192.37 94.9057C189.389 94.9057 186.57 95.3933 183.913 96.3673C181.252 97.3425 178.931 98.7045 176.945 100.453C175.248 101.948 173.955 103.641 173.069 105.531C172.818 106.068 173.04 106.707 173.571 106.968L179.92 110.082C180.439 110.337 181.068 110.138 181.344 109.629C182.269 107.926 183.563 106.5 185.228 105.355C187.185 104.009 189.478 103.334 192.108 103.334C194.97 103.334 197.263 104.064 198.988 105.526C200.71 106.988 201.574 108.868 201.574 111.16V112.935L186.499 115.374C182.876 115.948 179.868 116.922 177.472 118.299C175.077 119.675 173.309 121.367 172.171 123.373C171.031 125.381 170.462 127.645 170.462 130.168C170.462 132.864 171.133 135.2 172.478 137.178C173.821 139.157 175.705 140.705 178.13 141.822C180.554 142.941 183.373 143.499 186.587 143.499C189.274 143.499 191.715 143.126 193.906 142.38C196.097 141.636 198.054 140.575 199.777 139.198C200.592 138.548 201.334 137.839 202.012 137.073V141.385C202.012 141.983 202.497 142.467 203.094 142.467H210.395C210.993 142.467 211.476 141.982 211.476 141.385V111.16C211.476 107.95 210.673 105.126 209.066 102.688L209.065 102.689ZM199.906 129.524C198.795 131.445 197.233 132.978 195.217 134.125C193.201 135.273 190.848 135.846 188.162 135.846C186 135.846 184.231 135.286 182.859 134.169C181.485 133.05 180.799 131.603 180.799 129.825C180.799 128.048 181.413 126.486 182.64 125.31C183.866 124.136 185.795 123.319 188.423 122.859L201.57 120.605V123.117C201.57 125.469 201.013 127.604 199.905 129.525L199.906 129.524Z",
166
+ fill: mainColor
167
+ }
168
+ ),
169
+ /* @__PURE__ */ jsx(
170
+ "path",
171
+ {
172
+ d: "M161.38 84.4606C161.38 81.5437 159.016 79.179 156.099 79.179C153.182 79.179 150.817 81.5437 150.817 84.4606C150.817 87.3776 153.182 89.7422 156.099 89.7422C159.016 89.7422 161.38 87.3776 161.38 84.4606Z",
173
+ fill: mainColor
174
+ }
175
+ ),
176
+ /* @__PURE__ */ jsx(
177
+ "path",
178
+ {
179
+ d: "M232.255 137.508C232.255 134.591 229.89 132.226 226.973 132.226C224.056 132.226 221.691 134.591 221.691 137.508C221.691 140.425 224.056 142.789 226.973 142.789C229.89 142.789 232.255 140.425 232.255 137.508Z",
180
+ fill: mainColor
181
+ }
182
+ ),
183
+ /* @__PURE__ */ jsx(
184
+ "path",
185
+ {
186
+ d: "M91.1024 61.8049C91.1024 63.5428 89.5491 64.8569 87.8298 64.5965C77.4207 63.0193 69.4445 54.0333 69.4445 43.1844V3.12269C69.4445 0.347024 72.8008 -1.04413 74.7633 0.918367L106.331 32.4591H96.4132C93.4781 32.4591 91.0984 34.8388 91.0984 37.774L91.1011 61.8049H91.1024Z",
187
+ fill: mainColor
188
+ }
189
+ ),
190
+ showAccent && /* @__PURE__ */ jsx(
191
+ "path",
192
+ {
193
+ d: "M91.1002 37.7737C91.1002 35.1615 92.9856 32.9944 95.4676 32.5479C83.0761 33.2322 74.9856 40.2013 74.8714 48.7023C74.7651 56.6094 80.4267 63.1161 87.8608 64.5989C89.5682 64.854 91.1027 63.5308 91.1027 61.8048L91.1002 37.7737Z",
194
+ fill: accentColor,
195
+ opacity
196
+ }
197
+ ),
198
+ /* @__PURE__ */ jsx(
199
+ "path",
200
+ {
201
+ d: "M121.562 3.11209C121.562 1.37415 123.115 0.0600595 124.834 0.320485C135.243 1.89766 143.22 10.8837 143.22 21.7325V61.793C143.22 64.5686 139.863 65.9598 137.901 63.9973L106.333 32.4565H116.251C119.186 32.4565 121.566 30.0768 121.566 27.1417L121.563 3.11076L121.562 3.11209Z",
202
+ fill: mainColor
203
+ }
204
+ ),
205
+ showAccent && /* @__PURE__ */ jsx(
206
+ "path",
207
+ {
208
+ d: "M121.565 27.1428C121.565 29.755 119.679 31.9221 117.197 32.3686C129.589 31.6843 137.679 24.7152 137.794 16.2142C137.9 8.30708 132.238 1.80042 124.804 0.317587C123.097 0.0624761 121.562 1.38595 121.562 3.11193L121.565 27.1428Z",
209
+ fill: accentColor,
210
+ opacity
211
+ }
212
+ )
213
+ ] }),
214
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip-v", children: /* @__PURE__ */ jsx("rect", { width: "233", height: "144", fill: "white" }) }) })
215
+ ]
216
+ }
217
+ );
218
+ }
219
+ function SymbolLogoSVG({ mainColor, accentColor, type }) {
220
+ const showAccent = type === "default" || type === "transparent";
221
+ const opacity = type === "transparent" ? 0.5 : 1;
222
+ return /* @__PURE__ */ jsxs(
223
+ "svg",
224
+ {
225
+ viewBox: "0 0 133 120",
226
+ fill: "none",
227
+ xmlns: "http://www.w3.org/2000/svg",
228
+ style: { width: "100%", height: "100%" },
229
+ "aria-hidden": "true",
230
+ children: [
231
+ /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip-s)", children: [
232
+ /* @__PURE__ */ jsx(
233
+ "path",
234
+ {
235
+ d: "M39.0054 113.312C39.0054 116.443 36.2085 118.808 33.1126 118.339C14.3672 115.498 0 99.3145 0 79.7759V7.62467C0 2.62475 6.04424 0.120148 9.57992 3.65317L66.4352 60.4579H48.5734C43.2865 60.4579 39.0001 64.7443 39.0014 70.0312L39.0054 113.312Z",
236
+ fill: mainColor
237
+ }
238
+ ),
239
+ showAccent && /* @__PURE__ */ jsx(
240
+ "path",
241
+ {
242
+ d: "M39.0016 70.0325C39.0016 65.3289 42.3964 61.4252 46.8688 60.62C24.5506 61.8517 9.97869 74.4053 9.77274 89.7159C9.5814 103.956 19.7792 115.675 33.1672 118.346C36.2432 118.805 39.0069 116.423 39.0069 113.312L39.0029 70.0312L39.0016 70.0325Z",
243
+ fill: accentColor,
244
+ opacity
245
+ }
246
+ ),
247
+ /* @__PURE__ */ jsx(
248
+ "path",
249
+ {
250
+ d: "M93.8648 7.606C93.8648 4.47557 96.6618 2.11048 99.7576 2.57951C118.504 5.42028 132.87 21.6039 132.87 41.1438V113.295C132.87 118.295 126.826 120.8 123.29 117.265L66.4351 60.4605H84.2968C89.5838 60.4605 93.8701 56.1741 93.8688 50.8872L93.8648 7.606Z",
251
+ fill: mainColor
252
+ }
253
+ ),
254
+ showAccent && /* @__PURE__ */ jsx(
255
+ "path",
256
+ {
257
+ d: "M93.8688 50.8859C93.8688 55.5895 90.4739 59.4932 86.0015 60.2984C108.32 59.0667 122.892 46.5131 123.098 31.2025C123.289 16.9628 113.091 5.24359 99.7031 2.57289C96.6272 2.11316 93.8635 4.49553 93.8635 7.60602L93.8674 50.8872L93.8688 50.8859Z",
258
+ fill: accentColor,
259
+ opacity
260
+ }
261
+ )
262
+ ] }),
263
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip-s", children: /* @__PURE__ */ jsx("rect", { width: "133", height: "120", fill: "white" }) }) })
264
+ ]
265
+ }
266
+ );
267
+ }
268
+ function Logo({
269
+ className,
270
+ position = "horizontal",
271
+ type = "solid",
272
+ color = "primary",
273
+ width = defaultSizes[position].width,
274
+ height = defaultSizes[position].height,
275
+ ...props
276
+ }) {
277
+ const colors = colorConfig[color];
278
+ const svgProps = {
279
+ mainColor: colors.main,
280
+ accentColor: colors.accent,
281
+ type,
282
+ className
283
+ };
284
+ return /* @__PURE__ */ jsxs(
285
+ "div",
286
+ {
287
+ role: "img",
288
+ "aria-label": "Nuvia Logo",
289
+ style: { width, height },
290
+ className: cn("inline-flex", className),
291
+ ...props,
292
+ children: [
293
+ position === "horizontal" && /* @__PURE__ */ jsx(HorizontalLogoSVG, { ...svgProps }),
294
+ position === "vertical" && /* @__PURE__ */ jsx(VerticalLogoSVG, { ...svgProps }),
295
+ position === "symbol" && /* @__PURE__ */ jsx(SymbolLogoSVG, { ...svgProps })
296
+ ]
297
+ }
298
+ );
299
+ }
300
+
301
+ export { Logo, colorConfig, defaultSizes };
302
+ //# sourceMappingURL=index.js.map
303
+ //# sourceMappingURL=index.js.map
package/dist/ui/logo/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/lib/utils.ts","../../../src/ui/logo/Logo.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { clsx } from \"clsx\";\nimport type { ClassValue } from \"clsx\";\nimport { toast } from \"sonner\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs));\n\nexport const capitalize = (str: string) =>\n str?.charAt(0)?.toUpperCase() + str?.slice(1);\n\nexport const handleError = (error: { message: string }): void => {\n toast.error(error.message);\n};\n","import { cn } from \"../../lib/utils\";\n\n/**\n * Color configuration for logo variants\n */\nconst colorConfig = {\n primary: { main: \"#7F95E9\", accent: \"#A5AAE7\" },\n madrugada: { main: \"#FFFFFF\", accent: \"#A5AAE7\" },\n zafiro: { main: \"#4169E1\", accent: \"#7B9BF0\" },\n black: { main: \"#09090B\", accent: \"#09090B\" },\n white: { main: \"#FFFFFF\", accent: \"#FFFFFF\" },\n dark: { main: \"#1E1E2E\", accent: \"#3D3D5C\" },\n medium: { main: \"#6B7280\", accent: \"#9CA3AF\" },\n nimbus: { main: \"#E5E7EB\", accent: \"#F3F4F6\" },\n} as const;\n\n/**\n * Default sizes for each position\n */\nconst defaultSizes = {\n horizontal: { width: 150, height: 32 },\n vertical: { width: 150, height: 93 },\n symbol: { width: 100, height: 100 },\n};\n\ntype LogoColor = keyof typeof colorConfig;\ntype LogoPosition = \"horizontal\" | \"vertical\" | \"symbol\";\ntype LogoType = \"solid\" | \"default\" | \"transparent\";\n\ninterface SVGLogoProps {\n mainColor: string;\n accentColor: string;\n type: LogoType;\n className?: string;\n}\n\n/**\n * Horizontal Logo SVG (wordmark + icon)\n */\nfunction HorizontalLogoSVG({ mainColor, accentColor, type }: SVGLogoProps) {\n const showAccent = type === \"default\" || type === \"transparent\";\n const opacity = type === \"transparent\" ? 0.5 : 1;\n\n return (\n <svg\n viewBox=\"0 0 255 54\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ width: \"100%\", height: \"100%\" }}\n aria-hidden=\"true\"\n >\n <g clipPath=\"url(#clip-h)\">\n {/* Letter N */}\n <path\n d=\"M100.928 19.2196C99.7192 17.1216 98.0451 15.4793 95.9072 14.2928C93.768 13.1076 91.3046 12.5137 88.5156 12.5137C85.7267 12.5137 83.4479 13.1182 81.4031 14.3274C79.9269 15.2003 78.7417 16.3643 77.8461 17.8192V14.1971C77.8461 13.7215 77.4608 13.3361 76.9851 13.3361H71.176C70.7004 13.3361 70.315 13.7215 70.315 14.1971V49.4968C70.315 49.9725 70.7004 50.3578 71.176 50.3578H77.3332C77.8089 50.3578 78.1942 49.9725 78.1942 49.4968V28.5272C78.1942 26.7029 78.5424 25.1297 79.2399 23.805C79.9375 22.4829 80.9247 21.4678 82.2029 20.7596C83.4812 20.0527 84.9334 19.6993 86.5611 19.6993C88.1888 19.6993 89.6397 20.0527 90.9192 20.7596C92.1975 21.4678 93.186 22.471 93.8822 23.7705C94.5798 25.0713 94.9279 26.6564 94.9279 28.5259V49.4955C94.9279 49.9712 95.3133 50.3565 95.7889 50.3565H101.877C102.353 50.3565 102.738 49.9712 102.738 49.4955V26.473C102.738 23.7359 102.133 21.3177 100.924 19.2196H100.928Z\"\n fill={mainColor}\n />\n {/* Letter U */}\n <path\n d=\"M141.976 13.3335H135.888C135.412 13.3335 135.027 13.7188 135.027 14.1945V35.164C135.027 36.9432 134.667 38.4951 133.947 39.8172C133.225 41.1406 132.238 42.1676 130.984 42.8971C129.728 43.6279 128.264 43.992 126.591 43.992C124.918 43.992 123.523 43.6385 122.267 42.9317C121.012 42.2248 120.036 41.2322 119.339 39.9554C118.641 38.6785 118.293 37.1956 118.293 35.5069V14.1958C118.293 13.7201 117.908 13.3348 117.432 13.3348H111.275C110.799 13.3348 110.414 13.7201 110.414 14.1958V36.1911C110.414 39.1568 111.007 41.7677 112.192 44.0265C113.377 46.2853 115.039 48.0419 117.177 49.2961C119.315 50.5504 121.802 51.1776 124.638 51.1776C127.473 51.1776 129.774 50.5611 131.819 49.3294C133.317 48.4272 134.501 47.2433 135.376 45.7804V49.4955C135.376 49.9711 135.762 50.3564 136.237 50.3564H141.977C142.453 50.3564 142.838 49.9711 142.838 49.4955V14.1958C142.838 13.7201 142.453 13.3348 141.977 13.3348L141.976 13.3335Z\"\n fill={mainColor}\n />\n {/* Letter V */}\n <path\n d=\"M183.752 13.3335H176.974C176.615 13.3335 176.295 13.5553 176.169 13.8915L166.581 39.3468L156.993 13.8915C156.867 13.5567 156.545 13.3335 156.188 13.3335H149.478C148.869 13.3335 148.452 13.9486 148.678 14.5133L162.774 49.813C162.904 50.1399 163.222 50.3551 163.574 50.3551H169.59C169.943 50.3551 170.259 50.1412 170.389 49.8143L184.55 14.5147C184.778 13.9486 184.36 13.3335 183.752 13.3335Z\"\n fill={mainColor}\n />\n {/* Letter I */}\n <path\n d=\"M190.393 49.4956V14.1959C190.393 13.7202 190.778 13.3349 191.254 13.3349H197.411C197.886 13.3349 198.272 13.7202 198.272 14.1959V49.4956C198.272 49.9713 197.886 50.3566 197.411 50.3566H191.254C190.778 50.3566 190.393 49.9713 190.393 49.4956Z\"\n fill={mainColor}\n />\n {/* Letter A */}\n <path\n d=\"M236.659 18.7054C235.38 16.7669 233.591 15.2495 231.29 14.1546C228.989 13.0598 226.35 12.5124 223.375 12.5124C221.005 12.5124 218.76 12.9003 216.646 13.675C214.53 14.4509 212.683 15.5338 211.103 16.925C209.753 18.1142 208.725 19.4615 208.019 20.9656C207.819 21.3921 207.995 21.901 208.419 22.1083L213.471 24.5863C213.884 24.7896 214.385 24.6301 214.604 24.2262C215.34 22.8709 216.37 21.7362 217.693 20.8247C219.251 19.7538 221.075 19.217 223.168 19.217C225.445 19.217 227.269 19.799 228.642 20.9616C230.013 22.1255 230.699 23.6203 230.699 25.4446V26.857L218.705 28.7983C215.821 29.2554 213.428 30.03 211.522 31.1248C209.615 32.2197 208.209 33.5657 207.303 35.1628C206.397 36.7599 205.944 38.5616 205.944 40.5693C205.944 42.7138 206.478 44.5727 207.548 46.1472C208.616 47.7203 210.116 48.9534 212.045 49.8423C213.973 50.7325 216.217 51.1763 218.774 51.1763C220.912 51.1763 222.853 50.8787 224.596 50.2861C226.339 49.6935 227.897 48.8484 229.268 47.7536C229.915 47.2367 230.508 46.672 231.046 46.0621V49.4928C231.046 49.9685 231.431 50.3538 231.907 50.3538H237.716C238.191 50.3538 238.577 49.9685 238.577 49.4928V25.4446C238.577 22.8895 237.938 20.644 236.659 18.7041V18.7054ZM229.373 40.0564C228.489 41.5857 227.246 42.8055 225.642 43.717C224.038 44.6298 222.166 45.0855 220.028 45.0855C218.307 45.0855 216.902 44.6404 215.809 43.7515C214.717 42.8613 214.171 41.7106 214.171 40.2955C214.171 38.8805 214.659 37.6381 215.635 36.7027C216.612 35.7687 218.145 35.1176 220.238 34.7522L230.698 32.9585V34.9568C230.698 36.8276 230.255 38.527 229.373 40.0551V40.0564Z\"\n fill={mainColor}\n />\n {/* Dot on I */}\n <path\n d=\"M198.718 4.20203C198.718 1.88131 196.837 0 194.516 0C192.196 0 190.314 1.88131 190.314 4.20203C190.314 6.52274 192.196 8.40405 194.516 8.40405C196.837 8.40405 198.718 6.52274 198.718 4.20203Z\"\n fill={mainColor}\n />\n {/* Final dot */}\n <path\n d=\"M255.111 46.4097C255.111 44.089 253.23 42.2076 250.909 42.2076C248.588 42.2076 246.707 44.089 246.707 46.4097C246.707 48.7304 248.588 50.6117 250.909 50.6117C253.23 50.6117 255.111 48.7304 255.111 46.4097Z\"\n fill={mainColor}\n />\n {/* Icon - Left arrow part */}\n <path\n d=\"M15.2869 52.0174C15.2869 53.2451 14.1907 54.1712 12.9776 53.9879C5.63117 52.8744 0.00012207 46.5312 0.00012207 38.8739V10.5977C0.00012207 8.6379 2.3692 7.65732 3.75504 9.04183L26.0374 31.3043H19.0378C16.9663 31.3043 15.2855 32.9837 15.2869 35.0565V52.0187V52.0174Z\"\n fill={mainColor}\n />\n {/* Icon - Left accent */}\n {showAccent && (\n <path\n d=\"M15.2855 35.0553C15.2855 33.2123 16.6155 31.6817 18.3681 31.3668C9.62122 31.8491 3.91045 36.7693 3.8294 42.7697C3.75366 48.3503 7.75041 52.9436 12.9975 53.9906C14.2026 54.1713 15.2868 53.2372 15.2855 52.0188V35.0553Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n {/* Icon - Right arrow part */}\n <path\n d=\"M36.7867 10.5897C36.7867 9.36199 37.8828 8.43588 39.0959 8.61924C46.4423 9.73269 52.0734 16.0746 52.0734 23.7332V52.0094C52.0734 53.9692 49.7043 54.9498 48.3185 53.5653L26.0361 31.3029H33.0357C35.1072 31.3029 36.788 29.6234 36.7867 27.5506V10.5884V10.5897Z\"\n fill={mainColor}\n />\n {/* Icon - Right accent */}\n {showAccent && (\n <path\n d=\"M36.7879 27.5521C36.7879 29.395 35.4578 30.9256 33.7053 31.2405C42.4521 30.7582 48.1629 25.838 48.244 19.8376C48.3197 14.257 44.323 9.66372 39.0759 8.6167C37.8708 8.436 36.7865 9.37008 36.7879 10.5885V27.5521Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n </g>\n <defs>\n <clipPath id=\"clip-h\">\n <rect width=\"255\" height=\"54\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\n/**\n * Vertical Logo SVG (icon on top, wordmark below)\n */\nfunction VerticalLogoSVG({ mainColor, accentColor, type }: SVGLogoProps) {\n const showAccent = type === \"default\" || type === \"transparent\";\n const opacity = type === \"transparent\" ? 0.5 : 1;\n\n return (\n <svg\n viewBox=\"0 0 233 144\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ width: \"100%\", height: \"100%\" }}\n aria-hidden=\"true\"\n >\n <g clipPath=\"url(#clip-v)\">\n {/* Letter N */}\n <path\n d=\"M38.4739 103.335C36.9539 100.699 34.8506 98.634 32.1639 97.1419C29.476 95.6511 26.3801 94.9057 22.8736 94.9057C19.3672 94.9057 16.5052 95.6657 13.9341 97.1844C12.0779 98.2806 10.5884 99.7448 9.46436 101.572V97.0183C9.46436 96.4204 8.97938 95.9368 8.38279 95.9368H1.08156C0.483648 95.9368 0 96.4217 0 97.0183V141.385C0 141.983 0.484977 142.467 1.08156 142.467H8.82126C9.41918 142.467 9.90283 141.982 9.90283 141.385V115.03C9.90283 112.738 10.3413 110.76 11.2169 109.096C12.0939 107.434 13.3335 106.158 14.9413 105.268C16.5477 104.379 18.3733 103.936 20.4182 103.936C22.4631 103.936 24.2887 104.381 25.8964 105.268C27.5028 106.158 28.7452 107.418 29.6208 109.052C30.4977 110.687 30.9349 112.68 30.9349 115.03V141.385C30.9349 141.983 31.4199 142.467 32.0164 142.467H39.6684C40.2664 142.467 40.75 141.982 40.75 141.385V112.45C40.75 109.01 39.99 105.971 38.4713 103.334L38.4739 103.335Z\"\n fill={mainColor}\n />\n {/* Letter U */}\n <path\n d=\"M90.0635 95.938H82.4115C81.8136 95.938 81.3299 96.423 81.3299 97.0196V123.374C81.3299 125.611 80.8768 127.561 79.972 129.223C79.0658 130.887 77.8248 132.177 76.2476 133.094C74.6705 134.012 72.8302 134.47 70.7269 134.47C68.6235 134.47 66.871 134.027 65.2925 133.138C63.7153 132.25 62.4876 131.003 61.612 129.396C60.735 127.791 60.2979 125.928 60.2979 123.806V97.0222C60.2979 96.4243 59.8129 95.9407 59.2163 95.9407H51.4766C50.8787 95.9407 50.3951 96.4257 50.3951 97.0222V124.667C50.3951 128.396 51.1404 131.677 52.6299 134.516C54.1194 137.354 56.2081 139.562 58.8961 141.138C61.5827 142.714 64.7092 143.503 68.2741 143.503C71.839 143.503 74.7289 142.728 77.3013 141.18C79.1827 140.047 80.6722 138.559 81.7711 136.719V141.388C81.7711 141.986 82.256 142.469 82.8526 142.469H90.0661C90.6641 142.469 91.1477 141.984 91.1477 141.388V97.0209C91.1477 96.423 90.6627 95.9393 90.0661 95.9393L90.0635 95.938Z\"\n fill={mainColor}\n />\n {/* Letter V */}\n <path\n d=\"M142.568 95.938H134.05C133.6 95.938 133.196 96.217 133.038 96.6382L120.988 128.631L108.938 96.6382C108.778 96.217 108.376 95.938 107.925 95.938H99.4906C98.7253 95.938 98.2018 96.71 98.4861 97.4209L116.202 141.788C116.366 142.198 116.764 142.468 117.206 142.468H124.769C125.212 142.468 125.609 142.199 125.774 141.789L143.573 97.4222C143.859 96.7113 143.335 95.9367 142.568 95.9367V95.938Z\"\n fill={mainColor}\n />\n {/* Letter I */}\n <path\n d=\"M150.915 141.386V97.0196C150.915 96.4217 151.4 95.938 151.997 95.938H159.737C160.335 95.938 160.818 96.423 160.818 97.0196V141.386C160.818 141.984 160.333 142.468 159.737 142.468H151.997C151.399 142.468 150.915 141.983 150.915 141.386Z\"\n fill={mainColor}\n />\n {/* Letter A */}\n <path\n d=\"M209.065 102.689C207.457 100.252 205.209 98.3457 202.316 96.9692C199.424 95.5926 196.107 94.9057 192.37 94.9057C189.389 94.9057 186.57 95.3933 183.913 96.3673C181.252 97.3425 178.931 98.7045 176.945 100.453C175.248 101.948 173.955 103.641 173.069 105.531C172.818 106.068 173.04 106.707 173.571 106.968L179.92 110.082C180.439 110.337 181.068 110.138 181.344 109.629C182.269 107.926 183.563 106.5 185.228 105.355C187.185 104.009 189.478 103.334 192.108 103.334C194.97 103.334 197.263 104.064 198.988 105.526C200.71 106.988 201.574 108.868 201.574 111.16V112.935L186.499 115.374C182.876 115.948 179.868 116.922 177.472 118.299C175.077 119.675 173.309 121.367 172.171 123.373C171.031 125.381 170.462 127.645 170.462 130.168C170.462 132.864 171.133 135.2 172.478 137.178C173.821 139.157 175.705 140.705 178.13 141.822C180.554 142.941 183.373 143.499 186.587 143.499C189.274 143.499 191.715 143.126 193.906 142.38C196.097 141.636 198.054 140.575 199.777 139.198C200.592 138.548 201.334 137.839 202.012 137.073V141.385C202.012 141.983 202.497 142.467 203.094 142.467H210.395C210.993 142.467 211.476 141.982 211.476 141.385V111.16C211.476 107.95 210.673 105.126 209.066 102.688L209.065 102.689ZM199.906 129.524C198.795 131.445 197.233 132.978 195.217 134.125C193.201 135.273 190.848 135.846 188.162 135.846C186 135.846 184.231 135.286 182.859 134.169C181.485 133.05 180.799 131.603 180.799 129.825C180.799 128.048 181.413 126.486 182.64 125.31C183.866 124.136 185.795 123.319 188.423 122.859L201.57 120.605V123.117C201.57 125.469 201.013 127.604 199.905 129.525L199.906 129.524Z\"\n fill={mainColor}\n />\n {/* Dot on I */}\n <path\n d=\"M161.38 84.4606C161.38 81.5437 159.016 79.179 156.099 79.179C153.182 79.179 150.817 81.5437 150.817 84.4606C150.817 87.3776 153.182 89.7422 156.099 89.7422C159.016 89.7422 161.38 87.3776 161.38 84.4606Z\"\n fill={mainColor}\n />\n {/* Final dot */}\n <path\n d=\"M232.255 137.508C232.255 134.591 229.89 132.226 226.973 132.226C224.056 132.226 221.691 134.591 221.691 137.508C221.691 140.425 224.056 142.789 226.973 142.789C229.89 142.789 232.255 140.425 232.255 137.508Z\"\n fill={mainColor}\n />\n {/* Icon - Left part */}\n <path\n d=\"M91.1024 61.8049C91.1024 63.5428 89.5491 64.8569 87.8298 64.5965C77.4207 63.0193 69.4445 54.0333 69.4445 43.1844V3.12269C69.4445 0.347024 72.8008 -1.04413 74.7633 0.918367L106.331 32.4591H96.4132C93.4781 32.4591 91.0984 34.8388 91.0984 37.774L91.1011 61.8049H91.1024Z\"\n fill={mainColor}\n />\n {/* Icon - Left accent */}\n {showAccent && (\n <path\n d=\"M91.1002 37.7737C91.1002 35.1615 92.9856 32.9944 95.4676 32.5479C83.0761 33.2322 74.9856 40.2013 74.8714 48.7023C74.7651 56.6094 80.4267 63.1161 87.8608 64.5989C89.5682 64.854 91.1027 63.5308 91.1027 61.8048L91.1002 37.7737Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n {/* Icon - Right part */}\n <path\n d=\"M121.562 3.11209C121.562 1.37415 123.115 0.0600595 124.834 0.320485C135.243 1.89766 143.22 10.8837 143.22 21.7325V61.793C143.22 64.5686 139.863 65.9598 137.901 63.9973L106.333 32.4565H116.251C119.186 32.4565 121.566 30.0768 121.566 27.1417L121.563 3.11076L121.562 3.11209Z\"\n fill={mainColor}\n />\n {/* Icon - Right accent */}\n {showAccent && (\n <path\n d=\"M121.565 27.1428C121.565 29.755 119.679 31.9221 117.197 32.3686C129.589 31.6843 137.679 24.7152 137.794 16.2142C137.9 8.30708 132.238 1.80042 124.804 0.317587C123.097 0.0624761 121.562 1.38595 121.562 3.11193L121.565 27.1428Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n </g>\n <defs>\n <clipPath id=\"clip-v\">\n <rect width=\"233\" height=\"144\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\n/**\n * Symbol-only Logo SVG\n */\nfunction SymbolLogoSVG({ mainColor, accentColor, type }: SVGLogoProps) {\n const showAccent = type === \"default\" || type === \"transparent\";\n const opacity = type === \"transparent\" ? 0.5 : 1;\n\n return (\n <svg\n viewBox=\"0 0 133 120\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ width: \"100%\", height: \"100%\" }}\n aria-hidden=\"true\"\n >\n <g clipPath=\"url(#clip-s)\">\n {/* Left arrow */}\n <path\n d=\"M39.0054 113.312C39.0054 116.443 36.2085 118.808 33.1126 118.339C14.3672 115.498 0 99.3145 0 79.7759V7.62467C0 2.62475 6.04424 0.120148 9.57992 3.65317L66.4352 60.4579H48.5734C43.2865 60.4579 39.0001 64.7443 39.0014 70.0312L39.0054 113.312Z\"\n fill={mainColor}\n />\n {/* Left accent */}\n {showAccent && (\n <path\n d=\"M39.0016 70.0325C39.0016 65.3289 42.3964 61.4252 46.8688 60.62C24.5506 61.8517 9.97869 74.4053 9.77274 89.7159C9.5814 103.956 19.7792 115.675 33.1672 118.346C36.2432 118.805 39.0069 116.423 39.0069 113.312L39.0029 70.0312L39.0016 70.0325Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n {/* Right arrow */}\n <path\n d=\"M93.8648 7.606C93.8648 4.47557 96.6618 2.11048 99.7576 2.57951C118.504 5.42028 132.87 21.6039 132.87 41.1438V113.295C132.87 118.295 126.826 120.8 123.29 117.265L66.4351 60.4605H84.2968C89.5838 60.4605 93.8701 56.1741 93.8688 50.8872L93.8648 7.606Z\"\n fill={mainColor}\n />\n {/* Right accent */}\n {showAccent && (\n <path\n d=\"M93.8688 50.8859C93.8688 55.5895 90.4739 59.4932 86.0015 60.2984C108.32 59.0667 122.892 46.5131 123.098 31.2025C123.289 16.9628 113.091 5.24359 99.7031 2.57289C96.6272 2.11316 93.8635 4.49553 93.8635 7.60602L93.8674 50.8872L93.8688 50.8859Z\"\n fill={accentColor}\n opacity={opacity}\n />\n )}\n </g>\n <defs>\n <clipPath id=\"clip-s\">\n <rect width=\"133\" height=\"120\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n}\n\nexport type LogoProps = React.HTMLAttributes<HTMLDivElement> & {\n position?: LogoPosition;\n type?: LogoType;\n color?: LogoColor;\n width?: number;\n height?: number;\n};\n\n/**\n * Nuvia Logo component with inline SVGs.\n * Bundled with the package - no external assets required.\n */\nfunction Logo({\n className,\n position = \"horizontal\",\n type = \"solid\",\n color = \"primary\",\n width = defaultSizes[position].width,\n height = defaultSizes[position].height,\n ...props\n}: LogoProps) {\n const colors = colorConfig[color];\n const svgProps: SVGLogoProps = {\n mainColor: colors.main,\n accentColor: colors.accent,\n type,\n className,\n };\n\n return (\n <div\n role=\"img\"\n aria-label=\"Nuvia Logo\"\n style={{ width, height }}\n className={cn(\"inline-flex\", className)}\n {...props}\n >\n {position === \"horizontal\" && <HorizontalLogoSVG {...svgProps} />}\n {position === \"vertical\" && <VerticalLogoSVG {...svgProps} />}\n {position === \"symbol\" && <SymbolLogoSVG {...svgProps} />}\n </div>\n );\n}\n\nexport { Logo, colorConfig, defaultSizes };\nexport type { LogoColor, LogoPosition, LogoType };\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuvia/components",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -16,6 +16,11 @@
16
16
  "require": "./dist/ui/*.cjs",
17
17
  "types": "./dist/ui/*.d.ts"
18
18
  },
19
+ "./ui/logo": {
20
+ "import": "./dist/ui/logo/index.js",
21
+ "require": "./dist/ui/logo/index.cjs",
22
+ "types": "./dist/ui/logo/index.d.ts"
23
+ },
19
24
  "./hooks/*": {
20
25
  "import": "./dist/hooks/*.js",
21
26
  "require": "./dist/hooks/*.cjs",
@@ -41,6 +46,12 @@
41
46
  "sideEffects": [
42
47
  "**/*.css"
43
48
  ],
49
+ "scripts": {
50
+ "build": "tsup",
51
+ "dev": "tsup --watch",
52
+ "typecheck": "tsc --noEmit",
53
+ "clean": "rm -rf dist node_modules"
54
+ },
44
55
  "dependencies": {
45
56
  "@hookform/resolvers": "^3.10.0",
46
57
  "@phosphor-icons/react": "^2.1.7",
@@ -106,11 +117,5 @@
106
117
  "publishConfig": {
107
118
  "access": "public",
108
119
  "registry": "https://registry.npmjs.org/"
109
- },
110
- "scripts": {
111
- "build": "tsup",
112
- "dev": "tsup --watch",
113
- "typecheck": "tsc --noEmit",
114
- "clean": "rm -rf dist node_modules"
115
120
  }
116
- }
121
+ }