@adatechnology/notification-ui 0.1.0-rc.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 (10) hide show
  1. package/README.md +54 -0
  2. package/dist/headless.d.ts +139 -0
  3. package/dist/headless.js +308 -0
  4. package/dist/headless.js.map +1 -0
  5. package/dist/index.d.ts +44 -0
  6. package/dist/index.js +537 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/styles.css +313 -0
  9. package/dist/styles.css.map +1 -0
  10. package/package.json +52 -0
package/dist/styles.css ADDED
@@ -0,0 +1,313 @@
1
+ /* src/styles.css */
2
+ .adn-bell,
3
+ .adn-list,
4
+ .adn-preferences {
5
+ --adn-color-surface: var(--adn-surface, #ffffff);
6
+ --adn-color-text: var(--adn-text, #111827);
7
+ --adn-color-muted: var(--adn-muted, #6b7280);
8
+ --adn-color-accent: var(--adn-accent, #3b82f6);
9
+ --adn-color-danger: var(--adn-danger, #dc2626);
10
+ --adn-color-border: var(--adn-border, #e5e7eb);
11
+ --adn-radius: var(--adn-radius-md, 8px);
12
+ --adn-space-1: 4px;
13
+ --adn-space-2: 8px;
14
+ --adn-space-3: 12px;
15
+ --adn-space-4: 16px;
16
+ --adn-touch-target: 44px;
17
+ color: var(--adn-color-text);
18
+ font-family: inherit;
19
+ }
20
+ .adn-bell {
21
+ position: relative;
22
+ display: inline-flex;
23
+ align-items: center;
24
+ justify-content: center;
25
+ min-width: var(--adn-touch-target);
26
+ min-height: var(--adn-touch-target);
27
+ padding: var(--adn-space-2);
28
+ background: transparent;
29
+ border: none;
30
+ border-radius: var(--adn-radius);
31
+ cursor: pointer;
32
+ color: inherit;
33
+ }
34
+ .adn-bell:hover {
35
+ background: var(--adn-color-border);
36
+ }
37
+ .adn-bell:focus-visible,
38
+ .adn-list__bulk-action:focus-visible,
39
+ .adn-list__retry:focus-visible,
40
+ .adn-list__load-more:focus-visible,
41
+ .adn-item__main:focus-visible,
42
+ .adn-item__action:focus-visible,
43
+ .adn-preferences__save:focus-visible {
44
+ outline: 2px solid var(--adn-color-accent);
45
+ outline-offset: 2px;
46
+ }
47
+ .adn-bell__icon {
48
+ width: 20px;
49
+ height: 20px;
50
+ color: currentColor;
51
+ }
52
+ .adn-bell__badge {
53
+ position: absolute;
54
+ top: var(--adn-space-1);
55
+ right: var(--adn-space-1);
56
+ min-width: 18px;
57
+ padding: 0 var(--adn-space-1);
58
+ background: var(--adn-color-danger);
59
+ color: #ffffff;
60
+ border-radius: 9999px;
61
+ font-size: 11px;
62
+ line-height: 18px;
63
+ text-align: center;
64
+ }
65
+ .adn-list {
66
+ display: flex;
67
+ flex-direction: column;
68
+ gap: var(--adn-space-2);
69
+ background: var(--adn-color-surface);
70
+ border-radius: var(--adn-radius);
71
+ }
72
+ .adn-list__header {
73
+ display: flex;
74
+ flex-wrap: wrap;
75
+ align-items: center;
76
+ justify-content: space-between;
77
+ gap: var(--adn-space-2);
78
+ padding: var(--adn-space-3);
79
+ border-bottom: 1px solid var(--adn-color-border);
80
+ }
81
+ .adn-list__title {
82
+ margin: 0;
83
+ font-size: 1rem;
84
+ font-weight: 600;
85
+ }
86
+ .adn-list__bulk-action,
87
+ .adn-list__retry,
88
+ .adn-list__load-more {
89
+ display: inline-flex;
90
+ align-items: center;
91
+ gap: var(--adn-space-2);
92
+ min-height: var(--adn-touch-target);
93
+ padding: var(--adn-space-2) var(--adn-space-3);
94
+ background: transparent;
95
+ border: 1px solid var(--adn-color-border);
96
+ border-radius: var(--adn-radius);
97
+ color: var(--adn-color-accent);
98
+ cursor: pointer;
99
+ font: inherit;
100
+ }
101
+ .adn-list__bulk-action:disabled,
102
+ .adn-list__load-more:disabled,
103
+ .adn-item__action:disabled,
104
+ .adn-preferences__save:disabled {
105
+ opacity: 0.5;
106
+ cursor: not-allowed;
107
+ }
108
+ .adn-list__bulk-icon,
109
+ .adn-list__retry-icon,
110
+ .adn-preferences__save-icon {
111
+ width: 16px;
112
+ height: 16px;
113
+ color: currentColor;
114
+ }
115
+ .adn-list__items {
116
+ display: flex;
117
+ flex-direction: column;
118
+ margin: 0;
119
+ padding: 0;
120
+ list-style: none;
121
+ }
122
+ .adn-list__state {
123
+ padding: var(--adn-space-4);
124
+ color: var(--adn-color-muted);
125
+ text-align: center;
126
+ }
127
+ .adn-list__state--error {
128
+ color: var(--adn-color-danger);
129
+ }
130
+ .adn-list__state--empty {
131
+ display: flex;
132
+ flex-direction: column;
133
+ align-items: center;
134
+ gap: var(--adn-space-2);
135
+ }
136
+ .adn-list__empty-icon {
137
+ width: 32px;
138
+ height: 32px;
139
+ color: var(--adn-color-muted);
140
+ }
141
+ .adn-item {
142
+ display: flex;
143
+ align-items: stretch;
144
+ gap: var(--adn-space-2);
145
+ border-bottom: 1px solid var(--adn-color-border);
146
+ }
147
+ .adn-item--unread {
148
+ background: color-mix(in srgb, var(--adn-color-accent) 6%, transparent);
149
+ }
150
+ .adn-item__main {
151
+ position: relative;
152
+ display: flex;
153
+ flex: 1;
154
+ flex-direction: column;
155
+ gap: var(--adn-space-1);
156
+ min-height: var(--adn-touch-target);
157
+ padding: var(--adn-space-3);
158
+ background: transparent;
159
+ border: none;
160
+ cursor: pointer;
161
+ font: inherit;
162
+ color: inherit;
163
+ text-align: left;
164
+ }
165
+ .adn-item__title {
166
+ font-weight: 600;
167
+ }
168
+ .adn-item__body {
169
+ color: var(--adn-color-muted);
170
+ font-size: 0.875rem;
171
+ }
172
+ .adn-item__unread-dot {
173
+ position: absolute;
174
+ top: var(--adn-space-3);
175
+ right: var(--adn-space-2);
176
+ width: 8px;
177
+ height: 8px;
178
+ background: var(--adn-color-accent);
179
+ border-radius: 9999px;
180
+ }
181
+ .adn-item__actions {
182
+ display: flex;
183
+ align-items: center;
184
+ gap: var(--adn-space-1);
185
+ padding-right: var(--adn-space-2);
186
+ }
187
+ .adn-item__action {
188
+ display: inline-flex;
189
+ align-items: center;
190
+ justify-content: center;
191
+ min-width: var(--adn-touch-target);
192
+ min-height: var(--adn-touch-target);
193
+ background: transparent;
194
+ border: none;
195
+ border-radius: var(--adn-radius);
196
+ color: var(--adn-color-muted);
197
+ cursor: pointer;
198
+ }
199
+ .adn-item__action:hover {
200
+ background: var(--adn-color-border);
201
+ color: var(--adn-color-text);
202
+ }
203
+ .adn-item__action--danger:hover {
204
+ color: var(--adn-color-danger);
205
+ }
206
+ .adn-item__action-icon {
207
+ width: 18px;
208
+ height: 18px;
209
+ color: currentColor;
210
+ }
211
+ .adn-preferences {
212
+ display: flex;
213
+ flex-direction: column;
214
+ gap: var(--adn-space-3);
215
+ padding: var(--adn-space-3);
216
+ background: var(--adn-color-surface);
217
+ border-radius: var(--adn-radius);
218
+ }
219
+ .adn-preferences__title {
220
+ margin: 0;
221
+ font-size: 1rem;
222
+ font-weight: 600;
223
+ }
224
+ .adn-preferences__description,
225
+ .adn-preferences__state {
226
+ margin: 0;
227
+ color: var(--adn-color-muted);
228
+ font-size: 0.875rem;
229
+ }
230
+ .adn-preferences__items {
231
+ display: flex;
232
+ flex-direction: column;
233
+ gap: var(--adn-space-2);
234
+ margin: 0;
235
+ padding: 0;
236
+ list-style: none;
237
+ }
238
+ .adn-preferences__item {
239
+ display: flex;
240
+ flex-wrap: wrap;
241
+ align-items: center;
242
+ justify-content: space-between;
243
+ gap: var(--adn-space-2);
244
+ min-height: var(--adn-touch-target);
245
+ }
246
+ .adn-preferences__label {
247
+ display: inline-flex;
248
+ align-items: center;
249
+ gap: var(--adn-space-2);
250
+ cursor: pointer;
251
+ }
252
+ .adn-preferences__checkbox {
253
+ width: 18px;
254
+ height: 18px;
255
+ accent-color: var(--adn-color-accent);
256
+ }
257
+ .adn-preferences__channel,
258
+ .adn-preferences__quiet-hours {
259
+ color: var(--adn-color-muted);
260
+ font-size: 0.875rem;
261
+ }
262
+ .adn-preferences__footer {
263
+ display: flex;
264
+ flex-wrap: wrap;
265
+ align-items: center;
266
+ gap: var(--adn-space-3);
267
+ }
268
+ .adn-preferences__save {
269
+ display: inline-flex;
270
+ align-items: center;
271
+ gap: var(--adn-space-2);
272
+ min-height: var(--adn-touch-target);
273
+ padding: var(--adn-space-2) var(--adn-space-4);
274
+ background: var(--adn-color-accent);
275
+ border: none;
276
+ border-radius: var(--adn-radius);
277
+ color: #ffffff;
278
+ cursor: pointer;
279
+ font: inherit;
280
+ }
281
+ .adn-preferences__feedback {
282
+ font-size: 0.875rem;
283
+ color: var(--adn-color-muted);
284
+ }
285
+ .adn-preferences__feedback--error {
286
+ color: var(--adn-color-danger);
287
+ }
288
+ @media (min-width: 640px) {
289
+ .adn-list__header {
290
+ padding: var(--adn-space-3) var(--adn-space-4);
291
+ }
292
+ .adn-item__main {
293
+ padding: var(--adn-space-3) var(--adn-space-4);
294
+ }
295
+ }
296
+ @media (prefers-color-scheme: dark) {
297
+ .adn-bell,
298
+ .adn-list,
299
+ .adn-preferences {
300
+ --adn-color-surface: var(--adn-surface, #111827);
301
+ --adn-color-text: var(--adn-text, #f9fafb);
302
+ --adn-color-muted: var(--adn-muted, #9ca3af);
303
+ --adn-color-border: var(--adn-border, #374151);
304
+ }
305
+ }
306
+ @media (prefers-reduced-motion: reduce) {
307
+ .adn-bell,
308
+ .adn-item__action,
309
+ .adn-list__bulk-action {
310
+ transition: none;
311
+ }
312
+ }
313
+ /*# sourceMappingURL=styles.css.map */
package/dist/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles.css"],"sourcesContent":["/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * O pacote não tem cor própria (regra de módulos plugáveis §4.1): tudo sai de custom properties\n * com fallback neutro. O host sobrescreve `--adn-*` no escopo dele e a mesma tela ganha a cara do\n * produto — sem fork, sem prop de cor, sem valor hexadecimal aqui dentro que não seja fallback.\n */\n\n.adn-bell,\n.adn-list,\n.adn-preferences {\n --adn-color-surface: var(--adn-surface, #ffffff);\n --adn-color-text: var(--adn-text, #111827);\n --adn-color-muted: var(--adn-muted, #6b7280);\n --adn-color-accent: var(--adn-accent, #3b82f6);\n --adn-color-danger: var(--adn-danger, #dc2626);\n --adn-color-border: var(--adn-border, #e5e7eb);\n --adn-radius: var(--adn-radius-md, 8px);\n /* Grade base de 4px (web.md §8) — múltiplos, nunca pixel mágico. */\n --adn-space-1: 4px;\n --adn-space-2: 8px;\n --adn-space-3: 12px;\n --adn-space-4: 16px;\n /* 44px: alvo mínimo de toque em mobile (web.md §10). */\n --adn-touch-target: 44px;\n\n color: var(--adn-color-text);\n font-family: inherit;\n}\n\n/* ── Sino ─────────────────────────────────────────────────────────────────────── */\n\n.adn-bell {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: var(--adn-touch-target);\n min-height: var(--adn-touch-target);\n padding: var(--adn-space-2);\n background: transparent;\n border: none;\n border-radius: var(--adn-radius);\n cursor: pointer;\n color: inherit;\n}\n\n.adn-bell:hover {\n background: var(--adn-color-border);\n}\n\n/* Foco visível é requisito de teclado — remover outline sem repor indicador quebra navegação. */\n.adn-bell:focus-visible,\n.adn-list__bulk-action:focus-visible,\n.adn-list__retry:focus-visible,\n.adn-list__load-more:focus-visible,\n.adn-item__main:focus-visible,\n.adn-item__action:focus-visible,\n.adn-preferences__save:focus-visible {\n outline: 2px solid var(--adn-color-accent);\n outline-offset: 2px;\n}\n\n.adn-bell__icon {\n width: 20px;\n height: 20px;\n /* Herda a cor do botão, para acompanhar hover e estado desabilitado sem regra extra. */\n color: currentColor;\n}\n\n.adn-bell__badge {\n position: absolute;\n top: var(--adn-space-1);\n right: var(--adn-space-1);\n min-width: 18px;\n padding: 0 var(--adn-space-1);\n background: var(--adn-color-danger);\n color: #ffffff;\n border-radius: 9999px;\n font-size: 11px;\n line-height: 18px;\n text-align: center;\n}\n\n/* ── Lista ────────────────────────────────────────────────────────────────────── */\n\n.adn-list {\n display: flex;\n flex-direction: column;\n gap: var(--adn-space-2);\n background: var(--adn-color-surface);\n border-radius: var(--adn-radius);\n}\n\n.adn-list__header {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: var(--adn-space-2);\n padding: var(--adn-space-3);\n border-bottom: 1px solid var(--adn-color-border);\n}\n\n.adn-list__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n}\n\n.adn-list__bulk-action,\n.adn-list__retry,\n.adn-list__load-more {\n display: inline-flex;\n align-items: center;\n gap: var(--adn-space-2);\n min-height: var(--adn-touch-target);\n padding: var(--adn-space-2) var(--adn-space-3);\n background: transparent;\n border: 1px solid var(--adn-color-border);\n border-radius: var(--adn-radius);\n color: var(--adn-color-accent);\n cursor: pointer;\n font: inherit;\n}\n\n.adn-list__bulk-action:disabled,\n.adn-list__load-more:disabled,\n.adn-item__action:disabled,\n.adn-preferences__save:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.adn-list__bulk-icon,\n.adn-list__retry-icon,\n.adn-preferences__save-icon {\n width: 16px;\n height: 16px;\n color: currentColor;\n}\n\n.adn-list__items {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.adn-list__state {\n padding: var(--adn-space-4);\n color: var(--adn-color-muted);\n text-align: center;\n}\n\n.adn-list__state--error {\n color: var(--adn-color-danger);\n}\n\n.adn-list__state--empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--adn-space-2);\n}\n\n.adn-list__empty-icon {\n width: 32px;\n height: 32px;\n color: var(--adn-color-muted);\n}\n\n/* ── Item ─────────────────────────────────────────────────────────────────────── */\n\n.adn-item {\n display: flex;\n align-items: stretch;\n gap: var(--adn-space-2);\n border-bottom: 1px solid var(--adn-color-border);\n}\n\n.adn-item--unread {\n background: color-mix(in srgb, var(--adn-color-accent) 6%, transparent);\n}\n\n.adn-item__main {\n position: relative;\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: var(--adn-space-1);\n min-height: var(--adn-touch-target);\n padding: var(--adn-space-3);\n background: transparent;\n border: none;\n cursor: pointer;\n font: inherit;\n color: inherit;\n text-align: left;\n}\n\n.adn-item__title {\n font-weight: 600;\n}\n\n.adn-item__body {\n color: var(--adn-color-muted);\n font-size: 0.875rem;\n}\n\n.adn-item__unread-dot {\n position: absolute;\n top: var(--adn-space-3);\n right: var(--adn-space-2);\n width: 8px;\n height: 8px;\n background: var(--adn-color-accent);\n border-radius: 9999px;\n}\n\n.adn-item__actions {\n display: flex;\n align-items: center;\n gap: var(--adn-space-1);\n padding-right: var(--adn-space-2);\n}\n\n.adn-item__action {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: var(--adn-touch-target);\n min-height: var(--adn-touch-target);\n background: transparent;\n border: none;\n border-radius: var(--adn-radius);\n color: var(--adn-color-muted);\n cursor: pointer;\n}\n\n.adn-item__action:hover {\n background: var(--adn-color-border);\n color: var(--adn-color-text);\n}\n\n.adn-item__action--danger:hover {\n color: var(--adn-color-danger);\n}\n\n.adn-item__action-icon {\n width: 18px;\n height: 18px;\n color: currentColor;\n}\n\n/* ── Preferências ─────────────────────────────────────────────────────────────── */\n\n.adn-preferences {\n display: flex;\n flex-direction: column;\n gap: var(--adn-space-3);\n padding: var(--adn-space-3);\n background: var(--adn-color-surface);\n border-radius: var(--adn-radius);\n}\n\n.adn-preferences__title {\n margin: 0;\n font-size: 1rem;\n font-weight: 600;\n}\n\n.adn-preferences__description,\n.adn-preferences__state {\n margin: 0;\n color: var(--adn-color-muted);\n font-size: 0.875rem;\n}\n\n.adn-preferences__items {\n display: flex;\n flex-direction: column;\n gap: var(--adn-space-2);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.adn-preferences__item {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: var(--adn-space-2);\n min-height: var(--adn-touch-target);\n}\n\n.adn-preferences__label {\n display: inline-flex;\n align-items: center;\n gap: var(--adn-space-2);\n cursor: pointer;\n}\n\n.adn-preferences__checkbox {\n width: 18px;\n height: 18px;\n accent-color: var(--adn-color-accent);\n}\n\n.adn-preferences__channel,\n.adn-preferences__quiet-hours {\n color: var(--adn-color-muted);\n font-size: 0.875rem;\n}\n\n.adn-preferences__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--adn-space-3);\n}\n\n.adn-preferences__save {\n display: inline-flex;\n align-items: center;\n gap: var(--adn-space-2);\n min-height: var(--adn-touch-target);\n padding: var(--adn-space-2) var(--adn-space-4);\n background: var(--adn-color-accent);\n border: none;\n border-radius: var(--adn-radius);\n color: #ffffff;\n cursor: pointer;\n font: inherit;\n}\n\n.adn-preferences__feedback {\n font-size: 0.875rem;\n color: var(--adn-color-muted);\n}\n\n.adn-preferences__feedback--error {\n color: var(--adn-color-danger);\n}\n\n/* ── Responsivo ───────────────────────────────────────────────────────────────── */\n\n/* Mobile-first: `min-width` para adicionar, nunca `max-` para remover (web.md §10). */\n@media (min-width: 640px) {\n .adn-list__header {\n padding: var(--adn-space-3) var(--adn-space-4);\n }\n\n .adn-item__main {\n padding: var(--adn-space-3) var(--adn-space-4);\n }\n}\n\n@media (prefers-color-scheme: dark) {\n .adn-bell,\n .adn-list,\n .adn-preferences {\n --adn-color-surface: var(--adn-surface, #111827);\n --adn-color-text: var(--adn-text, #f9fafb);\n --adn-color-muted: var(--adn-muted, #9ca3af);\n --adn-color-border: var(--adn-border, #374151);\n }\n}\n\n/* Respeita quem pediu menos movimento no sistema. */\n@media (prefers-reduced-motion: reduce) {\n .adn-bell,\n .adn-item__action,\n .adn-list__bulk-action {\n transition: none;\n }\n}\n"],"mappings":"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","names":[]}
package/package.json ADDED
@@ -0,0 +1,52 @@
1
+ {
2
+ "name": "@adatechnology/notification-ui",
3
+ "version": "0.1.0-rc.1",
4
+ "license": "MIT",
5
+ "description": "Notification UI — headless hooks + componentes de inbox, sino e preferências",
6
+ "publishConfig": {
7
+ "access": "public"
8
+ },
9
+ "type": "module",
10
+ "main": "dist/index.js",
11
+ "types": "dist/index.d.ts",
12
+ "exports": {
13
+ ".": {
14
+ "types": "./dist/index.d.ts",
15
+ "import": "./dist/index.js"
16
+ },
17
+ "./headless": {
18
+ "types": "./dist/headless.d.ts",
19
+ "import": "./dist/headless.js"
20
+ },
21
+ "./styles.css": "./dist/styles.css"
22
+ },
23
+ "files": [
24
+ "dist"
25
+ ],
26
+ "dependencies": {
27
+ "clsx": "^2.1.1",
28
+ "lucide-react": "^1.21.0",
29
+ "@adatechnology/notification-client": "0.1.0-rc.1",
30
+ "@adatechnology/notification-contracts": "0.1.0-rc.1"
31
+ },
32
+ "peerDependencies": {
33
+ "@tanstack/react-query": "^5",
34
+ "react": "^18 || ^19",
35
+ "react-dom": "^18 || ^19"
36
+ },
37
+ "devDependencies": {
38
+ "@tanstack/react-query": "^5.62.8",
39
+ "@types/bun": "1.3.14",
40
+ "@types/react": "^19",
41
+ "@types/react-dom": "^19",
42
+ "react": "^19",
43
+ "react-dom": "^19",
44
+ "tsup": "^8.5.1",
45
+ "typescript": "^5.9.3"
46
+ },
47
+ "scripts": {
48
+ "build": "tsup",
49
+ "check": "tsc -p tsconfig.json --noEmit",
50
+ "test": "bun test"
51
+ }
52
+ }