@lincros-ui/components 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.
- package/README.md +270 -0
- package/dist/index.js +27453 -0
- package/dist/index.js.map +1 -0
- package/dist/sidebar-custom-EZBDGCBW.css +108 -0
- package/dist/styles/index.js +165 -0
- package/dist/styles/index.js.map +1 -0
- package/package.json +128 -0
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
/* Reset básico para todos os submenus customizados */
|
|
2
|
+
.submenu-custom {
|
|
3
|
+
/* Remover a margem horizontal padrão que causa o recuo à direita */
|
|
4
|
+
margin-left: 0 !important;
|
|
5
|
+
margin-right: 0 !important;
|
|
6
|
+
border-left: 1px solid var(--sidebar-border);
|
|
7
|
+
padding: 0.125rem 0 0.125rem var(--sidebar-submenu-padding-left, 0.625rem); /* Usar variável */
|
|
8
|
+
translate: 1px 0; /* Equivalente ao translate-x-px */
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Estilos específicos por nível de submenu */
|
|
12
|
+
.sidebar-menu-sub-level-1 {
|
|
13
|
+
/* Primeiro nível de submenu (filho direto de um menu) */
|
|
14
|
+
margin-left: 0.875rem !important; /* Substituição de mx-3.5 para manter apenas à esquerda */
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.sidebar-menu-sub-level-2,
|
|
18
|
+
.sidebar-menu-sub-level-3,
|
|
19
|
+
.sidebar-menu-sub-level-4 {
|
|
20
|
+
/* Submenus aninhados (nível 2+) não precisam de margem extra */
|
|
21
|
+
margin-left: 0 !important;
|
|
22
|
+
padding-left: var(--sidebar-submenu-nested-padding, 0.5rem); /* Usar variável */
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.icon-with-spacing {
|
|
26
|
+
margin-right: 8px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.sidebar-menu-sub-item {
|
|
30
|
+
width: 100%;
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.sidebar-menu-button-custom {
|
|
35
|
+
width: 100%;
|
|
36
|
+
justify-content: flex-start;
|
|
37
|
+
padding-right: 0.5rem;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
text-overflow: ellipsis;
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Estilos para os botões de submenu */
|
|
44
|
+
.sidebar-menu-sub-item a,
|
|
45
|
+
.sidebar-menu-sub-item button {
|
|
46
|
+
width: 100%;
|
|
47
|
+
justify-content: flex-start;
|
|
48
|
+
padding-right: 0.5rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Ajuste do espaço à direita para botões que têm ícones de seta */
|
|
52
|
+
.sidebar-menu-sub-item button:has(.rotate-90),
|
|
53
|
+
.sidebar-menu-sub-item button:has(svg:last-child:not(:first-child)) {
|
|
54
|
+
padding-right: 0.5rem;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Garantir que submenus com data-level maior que 1 não tenham margem lateral adicional */
|
|
58
|
+
.submenu-custom[data-level="2"],
|
|
59
|
+
.submenu-custom[data-level="3"],
|
|
60
|
+
.submenu-custom[data-level="4"] {
|
|
61
|
+
max-width: 100%;
|
|
62
|
+
width: 100%;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* Ajuste específico para o submenu de Configurações -> Usuários */
|
|
66
|
+
.sidebar-menu-sub-level-2:has(.sidebar-menu-sub-level-3) {
|
|
67
|
+
width: 100%;
|
|
68
|
+
max-width: 100%;
|
|
69
|
+
border-left-color: var(--sidebar-border);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Customização para layout colapsado */
|
|
73
|
+
[data-state="collapsed"] .sidebar-menu-sub-item .submenu-custom {
|
|
74
|
+
position: absolute;
|
|
75
|
+
left: 100%;
|
|
76
|
+
top: 0;
|
|
77
|
+
background-color: var(--background);
|
|
78
|
+
border: 1px solid var(--border);
|
|
79
|
+
border-radius: 0.375rem;
|
|
80
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
81
|
+
z-index: 50;
|
|
82
|
+
min-width: 12rem;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
/* Importante: resetar qualquer margem ou padding para modo colapsado */
|
|
85
|
+
margin: 0 !important;
|
|
86
|
+
padding: 0.5rem !important;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/* Variáveis para controle de espaçamento na sidebar */
|
|
90
|
+
:root {
|
|
91
|
+
--sidebar-submenu-padding-left: 0.625rem;
|
|
92
|
+
--sidebar-submenu-nested-padding: 0.5rem;
|
|
93
|
+
--sidebar-button-padding-right: 0.5rem;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* Garantir que qualquer elemento .mx-3.5 dentro da nossa sidebar customizada seja removido */
|
|
97
|
+
[data-sidebar="sidebar"] .mx-3\.5 {
|
|
98
|
+
margin-left: 0 !important;
|
|
99
|
+
margin-right: 0 !important;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/* Sobrescrever a classe mx-3.5 em qualquer contexto dentro da sidebar */
|
|
103
|
+
[data-sidebar="sidebar"] [data-sidebar="menu-sub"].mx-3\.5,
|
|
104
|
+
[data-sidebar="sidebar"] ul[class*="mx-3"],
|
|
105
|
+
.submenu-custom.mx-3\.5 {
|
|
106
|
+
margin-left: 0 !important;
|
|
107
|
+
margin-right: 0 !important;
|
|
108
|
+
}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
// src/styles/design-tokens/colors.ts
|
|
2
|
+
var acordeColors = {
|
|
3
|
+
primary: {
|
|
4
|
+
50: "#ecfdf5",
|
|
5
|
+
100: "#d1fae5",
|
|
6
|
+
200: "#a7f3d0",
|
|
7
|
+
300: "#6ee7b7",
|
|
8
|
+
400: "#34d399",
|
|
9
|
+
500: "#10b981",
|
|
10
|
+
600: "#059669",
|
|
11
|
+
700: "#047857",
|
|
12
|
+
800: "#065f46",
|
|
13
|
+
900: "#064e3b"
|
|
14
|
+
},
|
|
15
|
+
secondary: {
|
|
16
|
+
50: "#eff6ff",
|
|
17
|
+
100: "#dbeafe",
|
|
18
|
+
200: "#bfdbfe",
|
|
19
|
+
300: "#93c5fd",
|
|
20
|
+
400: "#60a5fa",
|
|
21
|
+
500: "#3b82f6",
|
|
22
|
+
600: "#1e40af",
|
|
23
|
+
700: "#1d4ed8",
|
|
24
|
+
800: "#1e3a8a",
|
|
25
|
+
900: "#1e293b"
|
|
26
|
+
},
|
|
27
|
+
success: "#22c55e",
|
|
28
|
+
warning: "#f59e0b",
|
|
29
|
+
error: "#ef4444",
|
|
30
|
+
info: "#3b82f6",
|
|
31
|
+
gray: {
|
|
32
|
+
50: "#f9fafb",
|
|
33
|
+
100: "#f3f4f6",
|
|
34
|
+
200: "#e5e7eb",
|
|
35
|
+
300: "#d1d5db",
|
|
36
|
+
400: "#9ca3af",
|
|
37
|
+
500: "#6b7280",
|
|
38
|
+
600: "#4b5563",
|
|
39
|
+
700: "#374151",
|
|
40
|
+
800: "#1f2937",
|
|
41
|
+
900: "#111827"
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// src/styles/design-tokens/typography.ts
|
|
46
|
+
var acordeTypography = {
|
|
47
|
+
fontFamily: {
|
|
48
|
+
sans: ["Inter", "system-ui", "sans-serif"],
|
|
49
|
+
mono: ["Roboto Mono", "monospace"]
|
|
50
|
+
},
|
|
51
|
+
fontSize: {
|
|
52
|
+
xs: "10px",
|
|
53
|
+
sm: "12px",
|
|
54
|
+
base: "14px",
|
|
55
|
+
md: "16px",
|
|
56
|
+
lg: "18px",
|
|
57
|
+
xl: "20px",
|
|
58
|
+
"2xl": "24px",
|
|
59
|
+
"3xl": "28px",
|
|
60
|
+
"4xl": "36px",
|
|
61
|
+
"5xl": "48px"
|
|
62
|
+
},
|
|
63
|
+
fontWeight: {
|
|
64
|
+
light: "300",
|
|
65
|
+
normal: "400",
|
|
66
|
+
medium: "500",
|
|
67
|
+
semibold: "600",
|
|
68
|
+
bold: "700"
|
|
69
|
+
},
|
|
70
|
+
lineHeight: {
|
|
71
|
+
tight: "1.2",
|
|
72
|
+
normal: "1.5",
|
|
73
|
+
relaxed: "1.75"
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
// src/styles/design-tokens/spacing.ts
|
|
78
|
+
var acordeSpacing = {
|
|
79
|
+
px: "1px",
|
|
80
|
+
0: "0px",
|
|
81
|
+
0.5: "2px",
|
|
82
|
+
1: "4px",
|
|
83
|
+
2: "8px",
|
|
84
|
+
3: "12px",
|
|
85
|
+
4: "16px",
|
|
86
|
+
5: "20px",
|
|
87
|
+
6: "24px",
|
|
88
|
+
8: "32px",
|
|
89
|
+
10: "40px",
|
|
90
|
+
12: "48px",
|
|
91
|
+
16: "64px",
|
|
92
|
+
20: "80px",
|
|
93
|
+
24: "96px",
|
|
94
|
+
32: "128px"
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
// src/styles/design-tokens/shadows.ts
|
|
98
|
+
var acordeShadows = {
|
|
99
|
+
none: "none",
|
|
100
|
+
sm: "0 1px 2px rgba(0, 0, 0, 0.05)",
|
|
101
|
+
md: "0 4px 6px rgba(0, 0, 0, 0.07)",
|
|
102
|
+
lg: "0 10px 15px rgba(0, 0, 0, 0.1)",
|
|
103
|
+
xl: "0 20px 25px rgba(0, 0, 0, 0.1)",
|
|
104
|
+
"2xl": "0 25px 50px rgba(0, 0, 0, 0.25)",
|
|
105
|
+
inner: "inset 0 2px 4px rgba(0, 0, 0, 0.1)"
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
// src/styles/design-tokens/borders.ts
|
|
109
|
+
var acordeBorders = {
|
|
110
|
+
width: {
|
|
111
|
+
0: "0px",
|
|
112
|
+
1: "1px",
|
|
113
|
+
2: "2px",
|
|
114
|
+
4: "4px"
|
|
115
|
+
},
|
|
116
|
+
radius: {
|
|
117
|
+
none: "0px",
|
|
118
|
+
sm: "2px",
|
|
119
|
+
md: "4px",
|
|
120
|
+
lg: "8px",
|
|
121
|
+
xl: "12px",
|
|
122
|
+
"2xl": "16px",
|
|
123
|
+
"3xl": "24px",
|
|
124
|
+
full: "9999px"
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
|
|
128
|
+
// src/styles/design-tokens/breakpoints.ts
|
|
129
|
+
var acordeBreakpoints = {
|
|
130
|
+
sm: "640px",
|
|
131
|
+
md: "768px",
|
|
132
|
+
lg: "1024px",
|
|
133
|
+
xl: "1280px",
|
|
134
|
+
"2xl": "1536px"
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
// src/styles/design-tokens/animations.ts
|
|
138
|
+
var acordeAnimations = {
|
|
139
|
+
duration: {
|
|
140
|
+
fast: "150ms",
|
|
141
|
+
normal: "300ms",
|
|
142
|
+
slow: "500ms"
|
|
143
|
+
},
|
|
144
|
+
easing: {
|
|
145
|
+
linear: "linear",
|
|
146
|
+
in: "cubic-bezier(0.4, 0, 1, 1)",
|
|
147
|
+
out: "cubic-bezier(0, 0, 0.2, 1)",
|
|
148
|
+
inOut: "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
// src/styles/design-tokens/index.ts
|
|
153
|
+
var acordeDesignTokens = {
|
|
154
|
+
colors: acordeColors,
|
|
155
|
+
typography: acordeTypography,
|
|
156
|
+
spacing: acordeSpacing,
|
|
157
|
+
shadows: acordeShadows,
|
|
158
|
+
borders: acordeBorders,
|
|
159
|
+
breakpoints: acordeBreakpoints,
|
|
160
|
+
animations: acordeAnimations
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
export { acordeAnimations, acordeBorders, acordeBreakpoints, acordeColors, acordeDesignTokens, acordeShadows, acordeSpacing, acordeTypography };
|
|
164
|
+
//# sourceMappingURL=index.js.map
|
|
165
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/styles/design-tokens/colors.ts","../../src/styles/design-tokens/typography.ts","../../src/styles/design-tokens/spacing.ts","../../src/styles/design-tokens/shadows.ts","../../src/styles/design-tokens/borders.ts","../../src/styles/design-tokens/breakpoints.ts","../../src/styles/design-tokens/animations.ts","../../src/styles/design-tokens/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export const acordeColors = {\n primary: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n },\n secondary: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#1e40af',\n 700: '#1d4ed8',\n 800: '#1e3a8a',\n 900: '#1e293b',\n },\n success: '#22c55e',\n warning: '#f59e0b',\n error: '#ef4444',\n info: '#3b82f6',\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n }\n} as const;","export const acordeTypography = {\n fontFamily: {\n sans: ['Inter', 'system-ui', 'sans-serif'],\n mono: ['Roboto Mono', 'monospace'],\n },\n fontSize: {\n xs: '10px',\n sm: '12px',\n base: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n '2xl': '24px',\n '3xl': '28px',\n '4xl': '36px',\n '5xl': '48px',\n },\n fontWeight: {\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n lineHeight: {\n tight: '1.2',\n normal: '1.5',\n relaxed: '1.75',\n }\n} as const;","export const acordeSpacing = {\n px: '1px',\n 0: '0px',\n 0.5: '2px',\n 1: '4px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '20px',\n 6: '24px',\n 8: '32px',\n 10: '40px',\n 12: '48px',\n 16: '64px',\n 20: '80px',\n 24: '96px',\n 32: '128px',\n} as const;","export const acordeShadows = {\n none: 'none',\n sm: '0 1px 2px rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px rgba(0, 0, 0, 0.07)',\n lg: '0 10px 15px rgba(0, 0, 0, 0.1)',\n xl: '0 20px 25px rgba(0, 0, 0, 0.1)',\n '2xl': '0 25px 50px rgba(0, 0, 0, 0.25)',\n inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.1)',\n} as const;","export const acordeBorders = {\n width: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n },\n radius: {\n none: '0px',\n sm: '2px',\n md: '4px',\n lg: '8px',\n xl: '12px',\n '2xl': '16px',\n '3xl': '24px',\n full: '9999px',\n }\n} as const;","export const acordeBreakpoints = {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n '2xl': '1536px',\n} as const;","export const acordeAnimations = {\n duration: {\n fast: '150ms',\n normal: '300ms',\n slow: '500ms',\n },\n easing: {\n linear: 'linear',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n }\n} as const;","export { acordeColors } from './colors';\nexport { acordeTypography } from './typography';\nexport { acordeSpacing } from './spacing';\nexport { acordeShadows } from './shadows';\nexport { acordeBorders } from './borders';\nexport { acordeBreakpoints } from './breakpoints';\nexport { acordeAnimations } from './animations';\n\nimport { acordeColors } from './colors';\nimport { acordeTypography } from './typography';\nimport { acordeSpacing } from './spacing';\nimport { acordeShadows } from './shadows';\nimport { acordeBorders } from './borders';\nimport { acordeBreakpoints } from './breakpoints';\nimport { acordeAnimations } from './animations';\n\nexport const acordeDesignTokens = {\n colors: acordeColors,\n typography: acordeTypography,\n spacing: acordeSpacing,\n shadows: acordeShadows,\n borders: acordeBorders,\n breakpoints: acordeBreakpoints,\n animations: acordeAnimations,\n} as const;\n\nexport type AcordeColors = typeof acordeColors;\nexport type AcordeTypography = typeof acordeTypography;\nexport type AcordeSpacing = typeof acordeSpacing;\nexport type AcordeShadows = typeof acordeShadows;\nexport type AcordeBorders = typeof acordeBorders;\nexport type AcordeBreakpoints = typeof acordeBreakpoints;\nexport type AcordeAnimations = typeof acordeAnimations;"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@lincros-ui/components",
|
|
3
|
+
"version": "0.1.1",
|
|
4
|
+
"description": "React component library based on shadcn/ui compatible with Lincros React UI",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./styles": {
|
|
15
|
+
"import": "./dist/styles/index.js"
|
|
16
|
+
},
|
|
17
|
+
"./styles/*.css": "./dist/styles/*.css"
|
|
18
|
+
},
|
|
19
|
+
"files": [
|
|
20
|
+
"dist"
|
|
21
|
+
],
|
|
22
|
+
"scripts": {
|
|
23
|
+
"build": "tsup",
|
|
24
|
+
"dev": "tsup --watch",
|
|
25
|
+
"lint": "eslint .",
|
|
26
|
+
"typecheck": "tsc --noEmit",
|
|
27
|
+
"prepublishOnly": "npm run build"
|
|
28
|
+
},
|
|
29
|
+
"peerDependencies": {
|
|
30
|
+
"react": "^18.3.1",
|
|
31
|
+
"react-dom": "^18.3.1"
|
|
32
|
+
},
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"@dnd-kit/core": "^6.3.1",
|
|
35
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
36
|
+
"@dnd-kit/utilities": "^3.2.2",
|
|
37
|
+
"@hookform/resolvers": "^3.9.0",
|
|
38
|
+
"@monaco-editor/react": "^4.7.0",
|
|
39
|
+
"@radix-ui/react-accordion": "^1.2.0",
|
|
40
|
+
"@radix-ui/react-alert-dialog": "^1.1.1",
|
|
41
|
+
"@radix-ui/react-aspect-ratio": "^1.1.0",
|
|
42
|
+
"@radix-ui/react-avatar": "^1.1.0",
|
|
43
|
+
"@radix-ui/react-checkbox": "^1.1.1",
|
|
44
|
+
"@radix-ui/react-collapsible": "^1.1.11",
|
|
45
|
+
"@radix-ui/react-context-menu": "^2.2.1",
|
|
46
|
+
"@radix-ui/react-dialog": "^1.1.2",
|
|
47
|
+
"@radix-ui/react-dropdown-menu": "^2.1.1",
|
|
48
|
+
"@radix-ui/react-hover-card": "^1.1.1",
|
|
49
|
+
"@radix-ui/react-label": "^2.1.0",
|
|
50
|
+
"@radix-ui/react-menubar": "^1.1.1",
|
|
51
|
+
"@radix-ui/react-navigation-menu": "^1.2.0",
|
|
52
|
+
"@radix-ui/react-popover": "^1.1.1",
|
|
53
|
+
"@radix-ui/react-progress": "^1.1.0",
|
|
54
|
+
"@radix-ui/react-radio-group": "^1.2.0",
|
|
55
|
+
"@radix-ui/react-scroll-area": "^1.1.0",
|
|
56
|
+
"@radix-ui/react-select": "^2.1.1",
|
|
57
|
+
"@radix-ui/react-separator": "^1.1.0",
|
|
58
|
+
"@radix-ui/react-slider": "^1.2.0",
|
|
59
|
+
"@radix-ui/react-slot": "^1.1.0",
|
|
60
|
+
"@radix-ui/react-switch": "^1.1.0",
|
|
61
|
+
"@radix-ui/react-tabs": "^1.1.0",
|
|
62
|
+
"@radix-ui/react-toast": "^1.2.1",
|
|
63
|
+
"@radix-ui/react-toggle": "^1.1.0",
|
|
64
|
+
"@radix-ui/react-toggle-group": "^1.1.0",
|
|
65
|
+
"@radix-ui/react-tooltip": "^1.1.4",
|
|
66
|
+
"@tanstack/react-query": "^5.56.2",
|
|
67
|
+
"@tiptap/extension-image": "^3.0.1",
|
|
68
|
+
"@tiptap/extension-link": "^3.0.1",
|
|
69
|
+
"@tiptap/react": "^3.0.1",
|
|
70
|
+
"@tiptap/starter-kit": "^3.0.1",
|
|
71
|
+
"axios": "^1.10.0",
|
|
72
|
+
"class-variance-authority": "^0.7.1",
|
|
73
|
+
"clsx": "^2.1.1",
|
|
74
|
+
"cmdk": "^1.0.0",
|
|
75
|
+
"date-fns": "^3.6.0",
|
|
76
|
+
"date-fns-tz": "^3.2.0",
|
|
77
|
+
"dompurify": "^3.2.6",
|
|
78
|
+
"embla-carousel-react": "^8.3.0",
|
|
79
|
+
"input-otp": "^1.2.4",
|
|
80
|
+
"lucide-react": "^0.462.0",
|
|
81
|
+
"next-themes": "^0.3.0",
|
|
82
|
+
"qrcode": "^1.5.4",
|
|
83
|
+
"react-day-picker": "^8.10.1",
|
|
84
|
+
"react-hook-form": "^7.53.0",
|
|
85
|
+
"react-resizable-panels": "^2.1.3",
|
|
86
|
+
"react-router-dom": "^6.26.2",
|
|
87
|
+
"reactflow": "^11.11.4",
|
|
88
|
+
"recharts": "^2.12.7",
|
|
89
|
+
"sonner": "^1.5.0",
|
|
90
|
+
"tailwind-merge": "^2.5.2",
|
|
91
|
+
"tailwindcss-animate": "^1.0.7",
|
|
92
|
+
"uuid": "^11.1.0",
|
|
93
|
+
"vaul": "^0.9.3",
|
|
94
|
+
"zod": "^3.23.8"
|
|
95
|
+
},
|
|
96
|
+
"devDependencies": {
|
|
97
|
+
"@types/dompurify": "^3.0.5",
|
|
98
|
+
"@types/node": "^22.16.0",
|
|
99
|
+
"@types/qrcode": "^1.5.5",
|
|
100
|
+
"@types/react": "^18.3.3",
|
|
101
|
+
"@types/react-dom": "^18.3.0",
|
|
102
|
+
"@types/uuid": "^10.0.0",
|
|
103
|
+
"@typescript-eslint/eslint-plugin": "^8.46.1",
|
|
104
|
+
"@typescript-eslint/parser": "^8.46.1",
|
|
105
|
+
"eslint": "^9.9.0",
|
|
106
|
+
"eslint-plugin-react-hooks": "^5.1.0-rc.0",
|
|
107
|
+
"eslint-plugin-react-refresh": "^0.4.9",
|
|
108
|
+
"tsup": "^8.3.5",
|
|
109
|
+
"typescript": "^5.5.3"
|
|
110
|
+
},
|
|
111
|
+
"keywords": [
|
|
112
|
+
"react",
|
|
113
|
+
"components",
|
|
114
|
+
"ui",
|
|
115
|
+
"shadcn",
|
|
116
|
+
"tailwindcss",
|
|
117
|
+
"typescript"
|
|
118
|
+
],
|
|
119
|
+
"repository": {
|
|
120
|
+
"type": "git",
|
|
121
|
+
"url": "git+https://github.com/yourusername/LaisaUI.git"
|
|
122
|
+
},
|
|
123
|
+
"author": "Antonio Andrietti Neto",
|
|
124
|
+
"license": "MIT",
|
|
125
|
+
"publishConfig": {
|
|
126
|
+
"access": "public"
|
|
127
|
+
}
|
|
128
|
+
}
|