@ishtar-sink/vega 0.0.0-stage → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/LICENSE +661 -0
  2. package/README.md +135 -2
  3. package/dist/app-shell/app-shell.constants.d.ts +13 -0
  4. package/dist/app-shell/app-shell.d.ts +6 -0
  5. package/dist/app-shell/app-shell.types.d.ts +20 -0
  6. package/dist/app-shell/bottom-nav.d.ts +3 -0
  7. package/dist/app-shell/bottom-nav.types.d.ts +12 -0
  8. package/dist/app-shell/nav-link.d.ts +11 -0
  9. package/dist/app-shell/nav.types.d.ts +22 -0
  10. package/dist/app-shell/sidebar.d.ts +3 -0
  11. package/dist/app-shell/sidebar.types.d.ts +22 -0
  12. package/dist/app-shell/topbar.d.ts +3 -0
  13. package/dist/app-shell/topbar.types.d.ts +9 -0
  14. package/dist/app-shell/use-focus-trap.d.ts +6 -0
  15. package/dist/app-shell/use-media-query.d.ts +2 -0
  16. package/dist/autocomplete/autocomplete.d.ts +37 -0
  17. package/dist/badge/badge.d.ts +8 -0
  18. package/dist/bottom-sheet/bottom-sheet.constants.d.ts +3 -0
  19. package/dist/bottom-sheet/bottom-sheet.d.ts +3 -0
  20. package/dist/bottom-sheet/bottom-sheet.types.d.ts +26 -0
  21. package/dist/bottom-sheet/use-bottom-sheet.d.ts +14 -0
  22. package/dist/brand-logo/brand-logo.d.ts +9 -0
  23. package/dist/button/button.d.ts +15 -0
  24. package/dist/calendar/calendar.d.ts +28 -0
  25. package/dist/callout/callout.constants.d.ts +4 -0
  26. package/dist/callout/callout.d.ts +3 -0
  27. package/dist/callout/callout.types.d.ts +14 -0
  28. package/dist/card/card.d.ts +9 -0
  29. package/dist/card-link/card-button.d.ts +3 -0
  30. package/dist/card-link/card-link.d.ts +3 -0
  31. package/dist/card-link/card-link.types.d.ts +10 -0
  32. package/dist/checkbox/checkbox.d.ts +6 -0
  33. package/dist/color-field/color-field.d.ts +20 -0
  34. package/dist/color-field/color-picker.d.ts +42 -0
  35. package/dist/color-field/color.d.ts +11 -0
  36. package/dist/confirm-dialog/confirm-dialog.d.ts +15 -0
  37. package/dist/date-field/date-field.d.ts +38 -0
  38. package/dist/date-time-field/date-time-field.d.ts +33 -0
  39. package/dist/dialog/dialog.d.ts +21 -0
  40. package/dist/disclosure/accordion-context.d.ts +5 -0
  41. package/dist/disclosure/accordion.d.ts +3 -0
  42. package/dist/disclosure/disclosure.d.ts +3 -0
  43. package/dist/disclosure/disclosure.types.d.ts +24 -0
  44. package/dist/disclosure/use-disclosure.d.ts +22 -0
  45. package/dist/empty-state/empty-state.d.ts +10 -0
  46. package/dist/error-state/error-state.d.ts +12 -0
  47. package/dist/focus-header/focus-header.constants.d.ts +2 -0
  48. package/dist/focus-header/focus-header.d.ts +3 -0
  49. package/dist/focus-header/focus-header.types.d.ts +24 -0
  50. package/dist/form-layout/form-layout.d.ts +17 -0
  51. package/dist/icon-button/icon-button.d.ts +10 -0
  52. package/dist/icons/icon.d.ts +10 -0
  53. package/dist/icons/icon.types.d.ts +5 -0
  54. package/dist/icons/index.d.ts +4 -0
  55. package/dist/icons/interface-icons.d.ts +144 -0
  56. package/dist/icons/view-icons.d.ts +17 -0
  57. package/dist/index.d.ts +102 -0
  58. package/dist/index.js +3782 -0
  59. package/dist/item-swatch/item-swatch.d.ts +10 -0
  60. package/dist/item-swatch/palette.d.ts +6 -0
  61. package/dist/loading-state/loading-state.d.ts +13 -0
  62. package/dist/menu-button/menu-button.d.ts +26 -0
  63. package/dist/money-field/money-field.d.ts +13 -0
  64. package/dist/money-field/money-mask.d.ts +6 -0
  65. package/dist/page-header/page-header.d.ts +20 -0
  66. package/dist/period-field/period-field.d.ts +47 -0
  67. package/dist/period-field/period.d.ts +31 -0
  68. package/dist/progress-bar/progress-bar.d.ts +14 -0
  69. package/dist/prose/index.d.ts +2 -0
  70. package/dist/prose/prose.constants.d.ts +2 -0
  71. package/dist/prose/prose.d.ts +2 -0
  72. package/dist/prose/prose.types.d.ts +23 -0
  73. package/dist/prose/prose.utils.d.ts +4 -0
  74. package/dist/prose.js +91 -0
  75. package/dist/radio-group/radio-group.constants.d.ts +4 -0
  76. package/dist/radio-group/radio-group.d.ts +2 -0
  77. package/dist/radio-group/radio-group.types.d.ts +41 -0
  78. package/dist/radio-group/radio-option.d.ts +12 -0
  79. package/dist/segmented-field/segmented-field.d.ts +24 -0
  80. package/dist/select-field/select-field.d.ts +24 -0
  81. package/dist/style.css +2 -0
  82. package/dist/switch/switch.d.ts +3 -0
  83. package/dist/switch/switch.types.d.ts +11 -0
  84. package/dist/tabs/tabs.d.ts +19 -0
  85. package/dist/tag-field/tag-field.d.ts +20 -0
  86. package/dist/text-area-field/text-area-field.d.ts +2 -0
  87. package/dist/text-area-field/text-area-field.types.d.ts +17 -0
  88. package/dist/text-area-field/use-auto-resize.d.ts +7 -0
  89. package/dist/text-field/text-field.d.ts +10 -0
  90. package/dist/theme/contrast.d.ts +16 -0
  91. package/dist/theme/index.d.ts +5 -0
  92. package/dist/theme/theme.d.ts +15 -0
  93. package/dist/theme/tokens.d.ts +138 -0
  94. package/dist/time-field/parse-time.d.ts +4 -0
  95. package/dist/time-field/time-field.d.ts +20 -0
  96. package/dist/toast/toast.d.ts +11 -0
  97. package/dist/tokens.css +166 -0
  98. package/dist/toolbar/toolbar.d.ts +16 -0
  99. package/dist/view-switcher/view-switcher.d.ts +19 -0
  100. package/fonts/OFL-Inter.txt +92 -0
  101. package/fonts/OFL-Outfit.txt +93 -0
  102. package/fonts/inter-variable.woff2 +0 -0
  103. package/fonts/outfit-variable.ttf +0 -0
  104. package/package.json +78 -4
@@ -0,0 +1,20 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export interface TagFieldProps extends Omit<ComponentPropsWithRef<'input'>, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'type'> {
3
+ /** Rótulo visível do campo. */
4
+ label: string;
5
+ /** Etiquetas adicionadas. */
6
+ value: readonly string[];
7
+ /** Chamada com a lista nova ao adicionar ou remover uma etiqueta. */
8
+ onChange: (value: string[]) => void;
9
+ /** Chamada quando o campo perde o foco, depois de confirmar o texto pendente. */
10
+ onBlur?: () => void;
11
+ /** Nome da lista de etiquetas; padrão `{label} adicionadas`. */
12
+ listLabel?: string;
13
+ /** Nome do "×" de cada etiqueta; padrão `Remover {etiqueta}`. */
14
+ removeLabel?: (tag: string) => string;
15
+ /** Texto de ajuda abaixo do campo. */
16
+ help?: string;
17
+ /** Mensagem de erro; aparece com `role="alert"` e marca o campo como inválido. */
18
+ error?: string;
19
+ }
20
+ export declare function TagField({ label, value, onChange, onBlur, listLabel, removeLabel, help, error, id, className, style, ref, 'aria-describedby': describedByProp, 'aria-invalid': ariaInvalid, ...rest }: TagFieldProps): import('react').JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TextAreaFieldProps } from './text-area-field.types';
2
+ export declare function TextAreaField({ label, help, error, autoResize, minRows, maxRows, counter, id, className, style, rows, value, defaultValue, onChange, 'aria-describedby': describedByProp, 'aria-invalid': ariaInvalid, ...rest }: TextAreaFieldProps): import('react').JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export interface TextAreaFieldProps extends ComponentPropsWithRef<'textarea'> {
3
+ /** Rótulo visível do campo. */
4
+ label: string;
5
+ /** Texto de ajuda abaixo do campo. */
6
+ help?: string;
7
+ /** Mensagem de erro; aparece com `role="alert"` e marca o campo como inválido. */
8
+ error?: string;
9
+ /** Ajusta `rows` ao conteúdo, entre `minRows` e `maxRows`. */
10
+ autoResize?: boolean;
11
+ /** Mínimo de linhas com `autoResize`. Padrão: 3. */
12
+ minRows?: number;
13
+ /** Máximo de linhas com `autoResize`. Padrão: 12. */
14
+ maxRows?: number;
15
+ /** Contador (ex.: "3 de 30 linhas"); lido junto do campo, sem anúncio a cada tecla. */
16
+ counter?: ReactNode;
17
+ }
@@ -0,0 +1,7 @@
1
+ interface AutoResizeOptions {
2
+ enabled: boolean;
3
+ minRows: number;
4
+ maxRows: number;
5
+ }
6
+ export declare function useAutoResize(value: string, { enabled, minRows, maxRows }: AutoResizeOptions): number | undefined;
7
+ export {};
@@ -0,0 +1,10 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export interface TextFieldProps extends ComponentPropsWithRef<'input'> {
3
+ /** Rótulo visível do campo. */
4
+ label: string;
5
+ /** Texto de ajuda abaixo do campo. */
6
+ help?: string;
7
+ /** Mensagem de erro; aparece com `role="alert"` e marca o campo como inválido. */
8
+ error?: string;
9
+ }
10
+ export declare function TextField({ label, help, error, id, className, style, 'aria-describedby': describedByProp, 'aria-invalid': ariaInvalid, ...rest }: TextFieldProps): import('react').JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { Theme, ThemeName, ThemeTokens } from './theme';
2
+ export interface ContrastRequirement {
3
+ foreground: keyof ThemeTokens;
4
+ background: keyof ThemeTokens;
5
+ minimum: number;
6
+ }
7
+ export interface ContrastViolation extends ContrastRequirement {
8
+ theme: ThemeName;
9
+ ratio: number;
10
+ }
11
+ /** Razão de contraste do WCAG 2, de 1 a 21, para cores `#RGB` ou `#RRGGBB`. */
12
+ export declare function contrastRatio(foreground: string, background: string): number;
13
+ /** Pares de token que precisam de contraste: 4,5:1 para texto e 3:1 só para `textFaint`. */
14
+ export declare const CONTRAST_REQUIREMENTS: readonly ContrastRequirement[];
15
+ /** Aplica CONTRAST_REQUIREMENTS aos dois modos de um tema e devolve cada par abaixo do mínimo. */
16
+ export declare function checkThemeContrast(theme: Theme): ContrastViolation[];
@@ -0,0 +1,5 @@
1
+ export { light, dark, radii, space, spacing, fontSizes, fontWeights, lineHeights, zIndices, motion, gradients, fonts, breakpoints, itemPalette, } from './tokens';
2
+ export { defineTheme, ishtarSinkTheme } from './theme';
3
+ export type { Theme, ThemeName, ThemeTokens } from './theme';
4
+ export { contrastRatio, checkThemeContrast, CONTRAST_REQUIREMENTS } from './contrast';
5
+ export type { ContrastRequirement, ContrastViolation } from './contrast';
@@ -0,0 +1,15 @@
1
+ import { light } from './tokens';
2
+ /** Tokens de um tema: todas as chaves do tema claro do Ishtar Sink, com valor de cor ou sombra. */
3
+ export type ThemeTokens = {
4
+ [K in keyof typeof light]: string;
5
+ };
6
+ /** Tema completo: os dois modos são obrigatórios e cada um tem todos os tokens. */
7
+ export interface Theme {
8
+ light: ThemeTokens;
9
+ dark: ThemeTokens;
10
+ }
11
+ export type ThemeName = keyof Theme;
12
+ /** Identidade em tempo de execução; o tipo recusa um tema incompleto na compilação ([project/theme-02]). */
13
+ export declare function defineTheme(theme: Theme): Theme;
14
+ /** Tema padrão do ecossistema; o claro é o padrão. */
15
+ export declare const ishtarSinkTheme: Theme;
@@ -0,0 +1,138 @@
1
+ export declare const light: {
2
+ readonly bg: "#F3F0FA";
3
+ readonly bgElevated: "#FAF8FE";
4
+ readonly surface: "#FFFFFF";
5
+ readonly surfaceMuted: "#EAE5F6";
6
+ readonly surfaceHover: "#E1DAF2";
7
+ readonly border: "#D9D1EC";
8
+ readonly borderStrong: "#BFB3DD";
9
+ readonly elevation1: "#FFFFFF";
10
+ readonly elevation2: "#FFFFFF";
11
+ readonly elevation3: "#FFFFFF";
12
+ readonly primary: "#6D28D9";
13
+ readonly primaryHover: "#5B21B6";
14
+ readonly primaryBright: "#A855F7";
15
+ readonly primarySoft: "#EBE0FD";
16
+ readonly primaryOn: "#FFFFFF";
17
+ readonly accent: "#0E7490";
18
+ readonly accentFill: "#06B6D4";
19
+ readonly accentBright: "#22D3EE";
20
+ readonly accentSoft: "#D8F1F6";
21
+ readonly text: "#1A1230";
22
+ readonly textMuted: "#4F4469";
23
+ readonly textFaint: "#8B84A3";
24
+ readonly success: "#047857";
25
+ readonly successSoft: "#D9F3E7";
26
+ readonly warning: "#92400E";
27
+ readonly warningSoft: "#FCEFCF";
28
+ readonly danger: "#BE123C";
29
+ readonly dangerSoft: "#FDE2E9";
30
+ readonly info: "#0369A1";
31
+ readonly infoSoft: "#DAEEFB";
32
+ readonly shadowSm: "0 1px 2px rgba(42, 24, 96, 0.08)";
33
+ readonly shadowMd: "0 4px 12px rgba(42, 24, 96, 0.10), 0 1px 3px rgba(42, 24, 96, 0.06)";
34
+ readonly shadowLg: "0 18px 44px rgba(42, 24, 96, 0.20), 0 4px 12px rgba(42, 24, 96, 0.08)";
35
+ };
36
+ export declare const dark: {
37
+ readonly bg: "#0B0816";
38
+ readonly bgElevated: "#110B21";
39
+ readonly surface: "#181028";
40
+ readonly surfaceMuted: "#130D22";
41
+ readonly surfaceHover: "#241A3D";
42
+ readonly border: "#2F2250";
43
+ readonly borderStrong: "#45337A";
44
+ readonly elevation1: "#181028";
45
+ readonly elevation2: "#201638";
46
+ readonly elevation3: "#2A1D4A";
47
+ readonly primary: "#A78BFA";
48
+ readonly primaryHover: "#C4B5FD";
49
+ readonly primaryBright: "#C084FC";
50
+ readonly primarySoft: "#2B1D52";
51
+ readonly primaryOn: "#12082B";
52
+ readonly accent: "#22D3EE";
53
+ readonly accentFill: "#06B6D4";
54
+ readonly accentBright: "#67E8F9";
55
+ readonly accentSoft: "#0F3342";
56
+ readonly text: "#F5F1FF";
57
+ readonly textMuted: "#B1A5CF";
58
+ readonly textFaint: "#7A6C9E";
59
+ readonly success: "#34D399";
60
+ readonly successSoft: "#0E2E27";
61
+ readonly warning: "#FBBF24";
62
+ readonly warningSoft: "#33260B";
63
+ readonly danger: "#FB7185";
64
+ readonly dangerSoft: "#3A1222";
65
+ readonly info: "#38BDF8";
66
+ readonly infoSoft: "#0C2C42";
67
+ readonly shadowSm: "0 1px 2px rgba(0, 0, 0, 0.45)";
68
+ readonly shadowMd: "0 6px 16px rgba(0, 0, 0, 0.50), 0 0 0 1px rgba(167, 139, 250, 0.08)";
69
+ readonly shadowLg: "0 22px 52px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(167, 139, 250, 0.14)";
70
+ };
71
+ export declare const radii: {
72
+ readonly sm: 8;
73
+ readonly md: 12;
74
+ readonly lg: 18;
75
+ readonly xl: 26;
76
+ readonly pill: 999;
77
+ };
78
+ /** Grade de 4px. */
79
+ export declare const space: (n: number) => number;
80
+ export declare const fontSizes: {
81
+ readonly xs: 12;
82
+ readonly sm: 13;
83
+ readonly md: 14;
84
+ readonly base: 16;
85
+ readonly lg: 18;
86
+ readonly xl: 21;
87
+ readonly xxl: 30;
88
+ readonly xxxl: 36;
89
+ };
90
+ /** Pesos de fonte usados pelos componentes. */
91
+ export declare const fontWeights: {
92
+ readonly semibold: 600;
93
+ readonly bold: 700;
94
+ readonly extrabold: 800;
95
+ };
96
+ /** Alturas de linha usadas pelos componentes. */
97
+ export declare const lineHeights: {
98
+ readonly tight: 1.1;
99
+ readonly relaxed: 1.6;
100
+ };
101
+ /** Camadas de empilhamento de dropdown, popover e toast. */
102
+ export declare const zIndices: {
103
+ readonly dropdown: 40;
104
+ readonly popover: 45;
105
+ readonly toast: 200;
106
+ };
107
+ /** Escala de espaçamento do protótipo (`--s1` a `--s10`), em múltiplos de 4 px. */
108
+ export declare const spacing: {
109
+ readonly unit: 4;
110
+ readonly steps: readonly [1, 2, 3, 4, 5, 6, 8, 10];
111
+ };
112
+ export declare const motion: {
113
+ readonly fast: 120;
114
+ readonly base: 200;
115
+ readonly slow: 320;
116
+ readonly ease: {
117
+ readonly standard: "cubic-bezier(0.4, 0, 0.2, 1)";
118
+ readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
119
+ readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
120
+ readonly linear: "linear";
121
+ };
122
+ };
123
+ export declare const gradients: {
124
+ readonly brand: readonly ["#7C3AED", "#06B6D4"];
125
+ readonly deep: readonly ["#6D28D9", "#7C3AED"];
126
+ readonly calm: readonly ["#F3EBFF", "#E0F7FB"];
127
+ };
128
+ export declare const fonts: {
129
+ readonly display: "'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
130
+ readonly body: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif";
131
+ };
132
+ export declare const breakpoints: {
133
+ readonly md: 720;
134
+ readonly sm: 480;
135
+ readonly min: 360;
136
+ };
137
+ /** Pares de cor dos itens sem imagem própria (mesmos valores de artPalettes do Atria); o ItemSwatch usa o par pelo hash do id. */
138
+ export declare const itemPalette: readonly [readonly ["#7C3AED", "#06B6D4"], readonly ["#A855F7", "#22D3EE"], readonly ["#6366F1", "#2DD4BF"], readonly ["#8B5CF6", "#38BDF8"], readonly ["#4C1D95", "#0E7490"], readonly ["#9333EA", "#67E8F9"], readonly ["#5B21B6", "#14B8A6"], readonly ["#C084FC", "#0891B2"], readonly ["#7E22CE", "#06B6D4"], readonly ["#6D28D9", "#5EEAD4"]];
@@ -0,0 +1,4 @@
1
+ /** Normaliza "930", "9:30", "09:30" ou "9" para "HH:mm" em 24 h; `null` para vazio. */
2
+ export declare function parseTime(text: string): string | null;
3
+ /** Insere o ":" enquanto se digita. */
4
+ export declare function maskTime(text: string): string;
@@ -0,0 +1,20 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export interface TimeFieldProps extends Omit<ComponentPropsWithRef<'input'>, 'onChange' | 'onBlur' | 'value' | 'defaultValue' | 'type'> {
3
+ /** Rótulo visível do campo. */
4
+ label: string;
5
+ /** Hora no formato `HH:mm`, ou `''` quando vazia. */
6
+ value: string;
7
+ /** Chamado com a hora normalizada (`HH:mm` ou `''`) quando o campo perde o foco com valor novo. */
8
+ onChange: (value: string) => void;
9
+ /** Chamado quando o campo perde o foco, depois da normalização. */
10
+ onBlur?: () => void;
11
+ /** Texto de exemplo do campo vazio. */
12
+ placeholder?: string;
13
+ /** Esconde o rótulo visualmente, mantendo-o para leitores de tela. */
14
+ hideLabel?: boolean;
15
+ /** Texto de ajuda abaixo do campo. */
16
+ help?: string;
17
+ /** Mensagem de erro; aparece com `role="alert"` e marca o campo como inválido. */
18
+ error?: string;
19
+ }
20
+ export declare function TimeField({ label, value, onChange, onBlur, placeholder, hideLabel, help, error, id, className, style, ...rest }: TimeFieldProps): import('react').JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export type ToastTone = 'info' | 'success' | 'warning' | 'danger';
3
+ /** Região fixa que anuncia os avisos com `aria-live="polite"`. */
4
+ export declare function ToastRegion({ className, ...rest }: ComponentPropsWithRef<'div'>): import('react').JSX.Element;
5
+ export interface ToastProps extends ComponentPropsWithRef<'div'> {
6
+ /** Tom do aviso. Padrão: `info`. */
7
+ tone?: ToastTone;
8
+ /** Nome do tom lido por leitor de tela. Padrão em pt-br por tom. */
9
+ toneLabel?: string;
10
+ }
11
+ export declare function Toast({ tone, toneLabel, className, children, ...rest }: ToastProps): import('react').JSX.Element;
@@ -0,0 +1,166 @@
1
+ /* Fontes servidas pelo próprio pacote, nunca por CDN ([project/architecture-06]). Licenças OFL em ../fonts/. */
2
+
3
+ @font-face {
4
+ font-family: 'Inter';
5
+ src: url('../fonts/inter-variable.woff2') format('woff2');
6
+ font-weight: 100 900;
7
+ font-style: normal;
8
+ font-display: swap;
9
+ }
10
+
11
+ @font-face {
12
+ font-family: 'Outfit';
13
+ src: url('../fonts/outfit-variable.ttf') format('truetype');
14
+ font-weight: 100 900;
15
+ font-style: normal;
16
+ font-display: swap;
17
+ }
18
+
19
+ /* Espelho de tokens.ts, a fonte única dos valores do tema Ishtar Sink (DEC-001); o teste tokens.test.ts confere que os dois têm os mesmos valores. */
20
+
21
+ :root,
22
+ [data-theme='light'] {
23
+ --bg: #f3f0fa;
24
+ --bg-elevated: #faf8fe;
25
+ --surface: #ffffff;
26
+ --surface-muted: #eae5f6;
27
+ --surface-hover: #e1daf2;
28
+ --border: #d9d1ec;
29
+ --border-strong: #bfb3dd;
30
+ --elevation-1: #ffffff;
31
+ --elevation-2: #ffffff;
32
+ --elevation-3: #ffffff;
33
+ --primary: #6d28d9;
34
+ --primary-hover: #5b21b6;
35
+ --primary-bright: #a855f7;
36
+ --primary-soft: #ebe0fd;
37
+ --primary-on: #ffffff;
38
+ --accent: #0e7490;
39
+ --accent-fill: #06b6d4;
40
+ --accent-bright: #22d3ee;
41
+ --accent-soft: #d8f1f6;
42
+ --text: #1a1230;
43
+ --text-muted: #4f4469;
44
+ --text-faint: #8b84a3;
45
+ --success: #047857;
46
+ --success-soft: #d9f3e7;
47
+ --warning: #92400e;
48
+ --warning-soft: #fcefcf;
49
+ --danger: #be123c;
50
+ --danger-soft: #fde2e9;
51
+ --info: #0369a1;
52
+ --info-soft: #daeefb;
53
+ --shadow-sm: 0 1px 2px rgba(42, 24, 96, 0.08);
54
+ --shadow-md: 0 4px 12px rgba(42, 24, 96, 0.1), 0 1px 3px rgba(42, 24, 96, 0.06);
55
+ --shadow-lg: 0 18px 44px rgba(42, 24, 96, 0.2), 0 4px 12px rgba(42, 24, 96, 0.08);
56
+ }
57
+
58
+ [data-theme='dark'] {
59
+ --bg: #0b0816;
60
+ --bg-elevated: #110b21;
61
+ --surface: #181028;
62
+ --surface-muted: #130d22;
63
+ --surface-hover: #241a3d;
64
+ --border: #2f2250;
65
+ --border-strong: #45337a;
66
+ --elevation-1: #181028;
67
+ --elevation-2: #201638;
68
+ --elevation-3: #2a1d4a;
69
+ --primary: #a78bfa;
70
+ --primary-hover: #c4b5fd;
71
+ --primary-bright: #c084fc;
72
+ --primary-soft: #2b1d52;
73
+ --primary-on: #12082b;
74
+ --accent: #22d3ee;
75
+ --accent-fill: #06b6d4;
76
+ --accent-bright: #67e8f9;
77
+ --accent-soft: #0f3342;
78
+ --text: #f5f1ff;
79
+ --text-muted: #b1a5cf;
80
+ --text-faint: #7a6c9e;
81
+ --success: #34d399;
82
+ --success-soft: #0e2e27;
83
+ --warning: #fbbf24;
84
+ --warning-soft: #33260b;
85
+ --danger: #fb7185;
86
+ --danger-soft: #3a1222;
87
+ --info: #38bdf8;
88
+ --info-soft: #0c2c42;
89
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
90
+ --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(167, 139, 250, 0.08);
91
+ --shadow-lg: 0 22px 52px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(167, 139, 250, 0.14);
92
+ }
93
+
94
+ /* Escalas compartilhadas (iguais nos dois temas). */
95
+ :root {
96
+ --radius-sm: 8px;
97
+ --radius-md: 12px;
98
+ --radius-lg: 18px;
99
+ --radius-xl: 26px;
100
+ --radius-pill: 999px;
101
+ --space: 4px;
102
+ --s1: calc(var(--space) * 1);
103
+ --s2: calc(var(--space) * 2);
104
+ --s3: calc(var(--space) * 3);
105
+ --s4: calc(var(--space) * 4);
106
+ --s5: calc(var(--space) * 5);
107
+ --s6: calc(var(--space) * 6);
108
+ --s8: calc(var(--space) * 8);
109
+ --s10: calc(var(--space) * 10);
110
+ --font-size-xs: 12px;
111
+ --font-size-sm: 13px;
112
+ --font-size-md: 14px;
113
+ --font-size-base: 16px;
114
+ --font-size-lg: 18px;
115
+ --font-size-xl: 21px;
116
+ --font-size-xxl: 30px;
117
+ --font-size-xxxl: 36px;
118
+ --font-weight-semibold: 600;
119
+ --font-weight-bold: 700;
120
+ --font-weight-extrabold: 800;
121
+ --line-height-tight: 1.1;
122
+ --line-height-relaxed: 1.6;
123
+ --z-dropdown: 40;
124
+ --z-popover: 45;
125
+ --z-toast: 200;
126
+ --brand-gradient: linear-gradient(135deg, #7c3aed, #06b6d4);
127
+ --deep-gradient: linear-gradient(135deg, #6d28d9, #7c3aed);
128
+ --calm-gradient: linear-gradient(135deg, #f3ebff, #e0f7fb);
129
+ --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
130
+ --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
131
+ --motion-fast: 120ms;
132
+ --motion-base: 200ms;
133
+ --motion-slow: 320ms;
134
+ --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
135
+ --motion-ease-enter: cubic-bezier(0, 0, 0.2, 1);
136
+ --motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
137
+ --motion-ease-linear: linear;
138
+ --item-palette-1-from: #7c3aed;
139
+ --item-palette-1-to: #06b6d4;
140
+ --item-palette-2-from: #a855f7;
141
+ --item-palette-2-to: #22d3ee;
142
+ --item-palette-3-from: #6366f1;
143
+ --item-palette-3-to: #2dd4bf;
144
+ --item-palette-4-from: #8b5cf6;
145
+ --item-palette-4-to: #38bdf8;
146
+ --item-palette-5-from: #4c1d95;
147
+ --item-palette-5-to: #0e7490;
148
+ --item-palette-6-from: #9333ea;
149
+ --item-palette-6-to: #67e8f9;
150
+ --item-palette-7-from: #5b21b6;
151
+ --item-palette-7-to: #14b8a6;
152
+ --item-palette-8-from: #c084fc;
153
+ --item-palette-8-to: #0891b2;
154
+ --item-palette-9-from: #7e22ce;
155
+ --item-palette-9-to: #06b6d4;
156
+ --item-palette-10-from: #6d28d9;
157
+ --item-palette-10-to: #5eead4;
158
+ }
159
+
160
+ @media (prefers-reduced-motion: reduce) {
161
+ :root {
162
+ --motion-fast: 0ms;
163
+ --motion-base: 0ms;
164
+ --motion-slow: 0ms;
165
+ }
166
+ }
@@ -0,0 +1,16 @@
1
+ import { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export interface ToolbarProps extends ComponentPropsWithRef<'div'> {
3
+ /** Rótulo visível da busca. Padrão: `Buscar`. */
4
+ searchLabel?: string;
5
+ /** Texto atual da busca (controlado). */
6
+ searchValue: string;
7
+ /** Chamado com o novo texto a cada alteração da busca. */
8
+ onSearchChange: (value: string) => void;
9
+ /** Texto de exemplo do campo de busca. */
10
+ searchPlaceholder?: string;
11
+ /** Campos de filtro da tela. */
12
+ filters?: ReactNode;
13
+ /** Normalmente o `ViewSwitcher`. */
14
+ children?: ReactNode;
15
+ }
16
+ export declare function Toolbar({ searchLabel, searchValue, onSearchChange, searchPlaceholder, filters, children, className, ...rest }: ToolbarProps): import('react').JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export interface ViewOption {
3
+ value: string;
4
+ /** Nome acessível e dica do botão. */
5
+ label: string;
6
+ /** Obrigatório: o botão mostra só o ícone. */
7
+ icon: ReactNode;
8
+ }
9
+ export interface ViewSwitcherProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'> {
10
+ /** Nome acessível do grupo de botões. */
11
+ label: string;
12
+ /** Visualizações disponíveis. */
13
+ options: readonly ViewOption[];
14
+ /** Valor da visualização ativa. */
15
+ value: string;
16
+ /** Chamado com o valor da visualização escolhida. */
17
+ onChange: (value: string) => void;
18
+ }
19
+ export declare function ViewSwitcher({ label, options, value, onChange, className, ...rest }: ViewSwitcherProps): import('react').JSX.Element;
@@ -0,0 +1,92 @@
1
+ Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
2
+
3
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
+ This license is copied below, and is also available with a FAQ at:
5
+ http://scripts.sil.org/OFL
6
+
7
+ -----------------------------------------------------------
8
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
9
+ -----------------------------------------------------------
10
+
11
+ PREAMBLE
12
+ The goals of the Open Font License (OFL) are to stimulate worldwide
13
+ development of collaborative font projects, to support the font creation
14
+ efforts of academic and linguistic communities, and to provide a free and
15
+ open framework in which fonts may be shared and improved in partnership
16
+ with others.
17
+
18
+ The OFL allows the licensed fonts to be used, studied, modified and
19
+ redistributed freely as long as they are not sold by themselves. The
20
+ fonts, including any derivative works, can be bundled, embedded,
21
+ redistributed and/or sold with any software provided that any reserved
22
+ names are not used by derivative works. The fonts and derivatives,
23
+ however, cannot be released under any other type of license. The
24
+ requirement for fonts to remain under this license does not apply
25
+ to any document created using the fonts or their derivatives.
26
+
27
+ DEFINITIONS
28
+ "Font Software" refers to the set of files released by the Copyright
29
+ Holder(s) under this license and clearly marked as such. This may
30
+ include source files, build scripts and documentation.
31
+
32
+ "Reserved Font Name" refers to any names specified as such after the
33
+ copyright statement(s).
34
+
35
+ "Original Version" refers to the collection of Font Software components as
36
+ distributed by the Copyright Holder(s).
37
+
38
+ "Modified Version" refers to any derivative made by adding to, deleting,
39
+ or substituting -- in part or in whole -- any of the components of the
40
+ Original Version, by changing formats or by porting the Font Software to a
41
+ new environment.
42
+
43
+ "Author" refers to any designer, engineer, programmer, technical
44
+ writer or other person who contributed to the Font Software.
45
+
46
+ PERMISSION AND CONDITIONS
47
+ Permission is hereby granted, free of charge, to any person obtaining
48
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
49
+ redistribute, and sell modified and unmodified copies of the Font
50
+ Software, subject to the following conditions:
51
+
52
+ 1) Neither the Font Software nor any of its individual components,
53
+ in Original or Modified Versions, may be sold by itself.
54
+
55
+ 2) Original or Modified Versions of the Font Software may be bundled,
56
+ redistributed and/or sold with any software, provided that each copy
57
+ contains the above copyright notice and this license. These can be
58
+ included either as stand-alone text files, human-readable headers or
59
+ in the appropriate machine-readable metadata fields within text or
60
+ binary files as long as those fields can be easily viewed by the user.
61
+
62
+ 3) No Modified Version of the Font Software may use the Reserved Font
63
+ Name(s) unless explicit written permission is granted by the corresponding
64
+ Copyright Holder. This restriction only applies to the primary font name as
65
+ presented to the users.
66
+
67
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
68
+ Software shall not be used to promote, endorse or advertise any
69
+ Modified Version, except to acknowledge the contribution(s) of the
70
+ Copyright Holder(s) and the Author(s) or with their explicit written
71
+ permission.
72
+
73
+ 5) The Font Software, modified or unmodified, in part or in whole,
74
+ must be distributed entirely under this license, and must not be
75
+ distributed under any other license. The requirement for fonts to
76
+ remain under this license does not apply to any document created
77
+ using the Font Software.
78
+
79
+ TERMINATION
80
+ This license becomes null and void if any of the above conditions are
81
+ not met.
82
+
83
+ DISCLAIMER
84
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
85
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
86
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
87
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
88
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
89
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
90
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
91
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
92
+ OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -0,0 +1,93 @@
1
+ Copyright 2021 The Outfit Project Authors (https://github.com/Outfitio/Outfit-Fonts)
2
+
3
+ This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
+ This license is copied below, and is also available with a FAQ at:
5
+ https://scripts.sil.org/OFL
6
+
7
+
8
+ -----------------------------------------------------------
9
+ SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
+ -----------------------------------------------------------
11
+
12
+ PREAMBLE
13
+ The goals of the Open Font License (OFL) are to stimulate worldwide
14
+ development of collaborative font projects, to support the font creation
15
+ efforts of academic and linguistic communities, and to provide a free and
16
+ open framework in which fonts may be shared and improved in partnership
17
+ with others.
18
+
19
+ The OFL allows the licensed fonts to be used, studied, modified and
20
+ redistributed freely as long as they are not sold by themselves. The
21
+ fonts, including any derivative works, can be bundled, embedded,
22
+ redistributed and/or sold with any software provided that any reserved
23
+ names are not used by derivative works. The fonts and derivatives,
24
+ however, cannot be released under any other type of license. The
25
+ requirement for fonts to remain under this license does not apply
26
+ to any document created using the fonts or their derivatives.
27
+
28
+ DEFINITIONS
29
+ "Font Software" refers to the set of files released by the Copyright
30
+ Holder(s) under this license and clearly marked as such. This may
31
+ include source files, build scripts and documentation.
32
+
33
+ "Reserved Font Name" refers to any names specified as such after the
34
+ copyright statement(s).
35
+
36
+ "Original Version" refers to the collection of Font Software components as
37
+ distributed by the Copyright Holder(s).
38
+
39
+ "Modified Version" refers to any derivative made by adding to, deleting,
40
+ or substituting -- in part or in whole -- any of the components of the
41
+ Original Version, by changing formats or by porting the Font Software to a
42
+ new environment.
43
+
44
+ "Author" refers to any designer, engineer, programmer, technical
45
+ writer or other person who contributed to the Font Software.
46
+
47
+ PERMISSION & CONDITIONS
48
+ Permission is hereby granted, free of charge, to any person obtaining
49
+ a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
+ redistribute, and sell modified and unmodified copies of the Font
51
+ Software, subject to the following conditions:
52
+
53
+ 1) Neither the Font Software nor any of its individual components,
54
+ in Original or Modified Versions, may be sold by itself.
55
+
56
+ 2) Original or Modified Versions of the Font Software may be bundled,
57
+ redistributed and/or sold with any software, provided that each copy
58
+ contains the above copyright notice and this license. These can be
59
+ included either as stand-alone text files, human-readable headers or
60
+ in the appropriate machine-readable metadata fields within text or
61
+ binary files as long as those fields can be easily viewed by the user.
62
+
63
+ 3) No Modified Version of the Font Software may use the Reserved Font
64
+ Name(s) unless explicit written permission is granted by the corresponding
65
+ Copyright Holder. This restriction only applies to the primary font name as
66
+ presented to the users.
67
+
68
+ 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
+ Software shall not be used to promote, endorse or advertise any
70
+ Modified Version, except to acknowledge the contribution(s) of the
71
+ Copyright Holder(s) and the Author(s) or with their explicit written
72
+ permission.
73
+
74
+ 5) The Font Software, modified or unmodified, in part or in whole,
75
+ must be distributed entirely under this license, and must not be
76
+ distributed under any other license. The requirement for fonts to
77
+ remain under this license does not apply to any document created
78
+ using the Font Software.
79
+
80
+ TERMINATION
81
+ This license becomes null and void if any of the above conditions are
82
+ not met.
83
+
84
+ DISCLAIMER
85
+ THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
+ OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
+ COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
+ INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
+ DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
+ FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
+ OTHER DEALINGS IN THE FONT SOFTWARE.