@jcdecor/ui 0.1.0

package/dist/tokens-BBTJY6nq.js

@@ -0,0 +1,316 @@
+"use client";
+//#region src/theme/tokens.ts
+var e = {
+	horizon: "#2663EB",
+	obsidian: "#08154B",
+	electric: "#F7D759",
+	evergreen: "#1E8540",
+	danger: "#D92D20",
+	white: "#FFFFFF"
+}, t = {
+	horizon: {
+		50: "#F3F7FF",
+		100: "#E4EDFF",
+		200: "#C6DAFF",
+		300: "#A1C1FF",
+		400: "#6E9FFF",
+		500: "#407DFF",
+		600: "#2663EB",
+		700: "#0F4ACF",
+		800: "#0033AC",
+		900: "#002178"
+	},
+	obsidian: {
+		50: "#F1F5FE",
+		100: "#E0E8F9",
+		200: "#C5D1EC",
+		300: "#A1B1D5",
+		400: "#7285B4",
+		500: "#3D528A",
+		600: "#08154B",
+		700: "#040C3B",
+		800: "#02052A",
+		900: "#01021A"
+	},
+	electric: {
+		50: "#FFF9E1",
+		100: "#FEEFB7",
+		200: "#F9E07F",
+		300: "#F7D759",
+		400: "#D5A700",
+		500: "#BA8900",
+		600: "#A47000",
+		700: "#8D5900",
+		800: "#734300",
+		900: "#562C00"
+	},
+	evergreen: {
+		50: "#E9FBEC",
+		100: "#C9F3D2",
+		200: "#A8EDB5",
+		300: "#89D698",
+		400: "#61B875",
+		500: "#3E9C57",
+		600: "#1E8540",
+		700: "#006E2E",
+		800: "#005422",
+		900: "#003914"
+	},
+	danger: {
+		50: "#FFF4F2",
+		100: "#FFE6E2",
+		200: "#FFCBC2",
+		300: "#FFA698",
+		400: "#FF6C5A",
+		500: "#E84031",
+		600: "#D92D20",
+		700: "#AD0300",
+		800: "#860200",
+		900: "#5D0100"
+	},
+	gray: {
+		50: "#F6F7FA",
+		100: "#EAEFF7",
+		200: "#D7DBE3",
+		300: "#BFC3CB",
+		400: "#9FA3AB",
+		500: "#84888F",
+		600: "#6E7279",
+		700: "#4A4D54",
+		800: "#35383E",
+		900: "#1F2228"
+	}
+}, n = [
+	"#E4E8EF",
+	"#BFC4CE",
+	"#9398A4",
+	"#636975",
+	"#373D49",
+	"#262B36",
+	"#1A1E27",
+	"#10141B",
+	"#0A0D13",
+	"#04060A"
+], r = {
+	success: t.evergreen[600],
+	successBg: t.evergreen[50],
+	warn: t.electric[400],
+	warnBg: t.electric[50],
+	warnText: t.electric[700],
+	error: t.danger[600],
+	errorBg: t.danger[50]
+}, i = {
+	light: {
+		bg: t.gray[50],
+		surface: "#FFFFFF",
+		surface2: t.gray[50],
+		text: t.gray[900],
+		text2: t.gray[700],
+		text3: t.gray[600],
+		border: "#8B9099",
+		borderSoft: t.gray[200],
+		primary: t.horizon[600],
+		primaryHover: t.horizon[700],
+		primarySoft: t.horizon[50],
+		accent: e.electric,
+		link: t.horizon[600],
+		successBg: t.evergreen[50],
+		warnBg: t.electric[50],
+		errorBg: t.danger[50],
+		shadowSm: "0 1px 2px rgba(31,34,40,.06), 0 1px 3px rgba(31,34,40,.08)",
+		shadowMd: "0 4px 12px rgba(31,34,40,.08), 0 2px 4px rgba(31,34,40,.04)",
+		shadowLg: "0 16px 40px rgba(31,34,40,.12), 0 4px 12px rgba(31,34,40,.06)"
+	},
+	dark: {
+		bg: n[7],
+		surface: n[6],
+		surface2: n[5],
+		text: n[0],
+		text2: n[1],
+		text3: n[2],
+		border: n[3],
+		borderSoft: n[5],
+		primary: t.horizon[400],
+		primaryHover: t.horizon[300],
+		primarySoft: "rgba(110,159,255,.14)",
+		accent: e.electric,
+		link: t.horizon[300],
+		successBg: "rgba(97,184,117,.14)",
+		warnBg: "rgba(247,215,89,.12)",
+		errorBg: "rgba(255,108,90,.14)",
+		shadowSm: "0 1px 3px rgba(0,0,0,.4)",
+		shadowMd: "0 4px 14px rgba(0,0,0,.45)",
+		shadowLg: "0 16px 40px rgba(0,0,0,.55)"
+	}
+}, a = "'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif", o = {
+	displayLg: {
+		size: "clamp(40px, 2.4vw + 26px, 56px)",
+		weight: 700,
+		lineHeight: 1.1,
+		letterSpacing: "-0.02em",
+		px: "56/40",
+		label: "display-large"
+	},
+	displayMd: {
+		size: "clamp(36px, 1.8vw + 25px, 48px)",
+		weight: 700,
+		lineHeight: 1.15,
+		letterSpacing: "-0.02em",
+		px: "48/36",
+		label: "display-medium"
+	},
+	displaySm: {
+		size: "clamp(32px, 1.2vw + 25px, 40px)",
+		weight: 700,
+		lineHeight: 1.2,
+		letterSpacing: "-0.015em",
+		px: "40/32",
+		label: "display-small"
+	},
+	headlineLg: {
+		size: "clamp(26px, 0.9vw + 21px, 32px)",
+		weight: 600,
+		lineHeight: 1.25,
+		letterSpacing: "-0.01em",
+		px: "32/26",
+		label: "headline-large"
+	},
+	headlineMd: {
+		size: "24px",
+		weight: 600,
+		lineHeight: 1.33,
+		letterSpacing: "-0.005em",
+		px: "24",
+		label: "headline-medium"
+	},
+	headlineSm: {
+		size: "20px",
+		weight: 600,
+		lineHeight: 1.4,
+		letterSpacing: "0",
+		px: "20",
+		label: "headline-small"
+	},
+	subheadlineLg: {
+		size: "18px",
+		weight: 400,
+		lineHeight: 1.55,
+		letterSpacing: "0",
+		px: "18",
+		label: "body-large"
+	},
+	subheadlineRg: {
+		size: "16px",
+		weight: 400,
+		lineHeight: 1.5,
+		letterSpacing: "0",
+		px: "16",
+		label: "body"
+	},
+	subheadlineSm: {
+		size: "14px",
+		weight: 400,
+		lineHeight: 1.43,
+		letterSpacing: "0",
+		px: "14",
+		label: "body-small"
+	},
+	button: {
+		size: "14px",
+		weight: 600,
+		lineHeight: 1.43,
+		letterSpacing: "0.01em",
+		px: "14",
+		label: "button"
+	},
+	disclaimer: {
+		size: "12px",
+		weight: 500,
+		lineHeight: 1.33,
+		letterSpacing: "0.01em",
+		px: "12",
+		label: "caption"
+	}
+}, s = {
+	0: "0px",
+	4: "4px",
+	8: "8px",
+	12: "12px",
+	16: "16px",
+	20: "20px",
+	24: "24px",
+	28: "28px",
+	32: "32px",
+	36: "36px",
+	40: "40px",
+	44: "44px",
+	48: "48px",
+	52: "52px",
+	56: "56px",
+	60: "60px",
+	64: "64px",
+	68: "68px",
+	72: "72px",
+	80: "80px",
+	100: "100px"
+}, c = {
+	sm: "8px",
+	md: "12px",
+	lg: "16px"
+}, l = {
+	max: "1224px",
+	gap: "24px",
+	margin: {
+		mobile: "20px",
+		tablet: "32px",
+		desktop: "64px"
+	},
+	columns: {
+		mobile: 4,
+		tablet: 8,
+		desktop: 12
+	},
+	breakpoints: {
+		mobile: 360,
+		tablet: 768,
+		desktop: 1366
+	}
+}, u = {
+	light: [
+		"#2663EB",
+		"#1E8540",
+		"#D5A700",
+		"#08154B",
+		"#6E9FFF",
+		"#D92D20",
+		"#61B875",
+		"#84888F"
+	],
+	dark: [
+		"#6E9FFF",
+		"#61B875",
+		"#F7D759",
+		"#BFC4CE",
+		"#A1C1FF",
+		"#FF6C5A",
+		"#A8EDB5",
+		"#9398A4"
+	]
+}, d = u.light.map((e, t) => `var(--jc-chart-${t + 1})`), f = {
+	brand: e,
+	ramps: t,
+	darkNeutrals: n,
+	feedback: r,
+	semantic: i,
+	fontFamily: a,
+	typography: o,
+	spacing: s,
+	radius: c,
+	grid: l,
+	chartColors: u,
+	chartPalette: d
+};
+//#endregion
+export { r as a, c, s as d, f, n as i, t as l, u as n, a as o, o as p, d as r, l as s, e as t, i as u };
+
+//# sourceMappingURL=tokens-BBTJY6nq.js.map

package/dist/tokens-BBTJY6nq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-BBTJY6nq.js","names":["brand","ramps","darkNeutrals","feedback","semantic","fontFamily","typography","spacing","radius","grid","chartColors","chartPalette","i","tokens"],"sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Tokens do Design System JC Decor — fonte da verdade do tema.\n *\n * v0.2 (out/2026): paleta e tipografia recalibradas a partir do site\n * jcdecor.com.br (azul #2663EB, Poppins em tamanhos fixos) com:\n * - rampas perceptuais em OKLCH (50 → 900, 600 = tom \"cheio\" de cada cor)\n * - neutros frios tingidos no matiz do azul (substituem o LightGray bege)\n * - todos os pares texto/fundo validados em WCAG AA (≥ 4,5:1; UI ≥ 3:1)\n * - proporção 60-30-10: neutros · azul/navy · amarelo de destaque\n * Nunca hard-code hex/px que estes tokens já carregam.\n */\n\n/** Cores-âncora da marca. */\nexport const brand = {\n  /** Azul de ação (botões, links, preços) — 5,2:1 com branco */\n  horizon: '#2663EB',\n  /** Navy institucional (barra superior, hero, textos de marca) */\n  obsidian: '#08154B',\n  /** Amarelo de destaque — usar só como FUNDO com texto navy (12:1), nunca como texto */\n  electric: '#F7D759',\n  /** Verde de sucesso / Pix — 4,7:1 com branco */\n  evergreen: '#1E8540',\n  /** Vermelho de erro / desconto — 4,8:1 com branco */\n  danger: '#D92D20',\n  white: '#FFFFFF',\n} as const;\n\nexport type RampStep = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\ntype Ramp = Record<RampStep, string>;\n\n/** Rampas OKLCH. O tom 600 é a âncora de cada cor (exceto electric: âncora em 300). */\nexport const ramps: Record<'horizon' | 'obsidian' | 'electric' | 'evergreen' | 'danger' | 'gray', Ramp> = {\n  horizon: { 50: '#F3F7FF', 100: '#E4EDFF', 200: '#C6DAFF', 300: '#A1C1FF', 400: '#6E9FFF', 500: '#407DFF', 600: '#2663EB', 700: '#0F4ACF', 800: '#0033AC', 900: '#002178' },\n  obsidian: { 50: '#F1F5FE', 100: '#E0E8F9', 200: '#C5D1EC', 300: '#A1B1D5', 400: '#7285B4', 500: '#3D528A', 600: '#08154B', 700: '#040C3B', 800: '#02052A', 900: '#01021A' },\n  /** Âncora #F7D759 em 300; tons escuros giram para âmbar (texto amarelo sobre branco: use 700+). */\n  electric: { 50: '#FFF9E1', 100: '#FEEFB7', 200: '#F9E07F', 300: '#F7D759', 400: '#D5A700', 500: '#BA8900', 600: '#A47000', 700: '#8D5900', 800: '#734300', 900: '#562C00' },\n  evergreen: { 50: '#E9FBEC', 100: '#C9F3D2', 200: '#A8EDB5', 300: '#89D698', 400: '#61B875', 500: '#3E9C57', 600: '#1E8540', 700: '#006E2E', 800: '#005422', 900: '#003914' },\n  danger: { 50: '#FFF4F2', 100: '#FFE6E2', 200: '#FFCBC2', 300: '#FFA698', 400: '#FF6C5A', 500: '#E84031', 600: '#D92D20', 700: '#AD0300', 800: '#860200', 900: '#5D0100' },\n  /** Neutro frio (OKLCH h 265, croma 0,012) — combina com o azul em vez de brigar com ele. */\n  gray: { 50: '#F6F7FA', 100: '#EAEFF7', 200: '#D7DBE3', 300: '#BFC3CB', 400: '#9FA3AB', 500: '#84888F', 600: '#6E7279', 700: '#4A4D54', 800: '#35383E', 900: '#1F2228' },\n};\n\n/** Neutros do tema escuro (mesmo matiz, croma baixo — evita \"azul neon\" no escuro). */\nexport const darkNeutrals = ['#E4E8EF', '#BFC4CE', '#9398A4', '#636975', '#373D49', '#262B36', '#1A1E27', '#10141B', '#0A0D13', '#04060A'] as const;\n\nexport const feedback = {\n  success: ramps.evergreen[600],\n  successBg: ramps.evergreen[50],\n  warn: ramps.electric[400],\n  warnBg: ramps.electric[50],\n  warnText: ramps.electric[700],\n  error: ramps.danger[600],\n  errorBg: ramps.danger[50],\n} as const;\n\n/** Tokens semânticos por tema (equivalentes às variáveis `--ds-*`). Contrastes medidos contra `surface`. */\nexport const semantic = {\n  light: {\n    bg: ramps.gray[50],\n    surface: '#FFFFFF',\n    surface2: ramps.gray[50],\n    text: ramps.gray[900], // 15,9:1\n    text2: ramps.gray[700], // 8,5:1\n    text3: ramps.gray[600], // 4,8:1\n    border: '#8B9099', // 3,2:1 — borda de campos (WCAG 1.4.11)\n    borderSoft: ramps.gray[200], // divisores e cards (decorativo)\n    primary: ramps.horizon[600],\n    primaryHover: ramps.horizon[700],\n    primarySoft: ramps.horizon[50],\n    accent: brand.electric,\n    link: ramps.horizon[600],\n    successBg: ramps.evergreen[50],\n    warnBg: ramps.electric[50],\n    errorBg: ramps.danger[50],\n    shadowSm: '0 1px 2px rgba(31,34,40,.06), 0 1px 3px rgba(31,34,40,.08)',\n    shadowMd: '0 4px 12px rgba(31,34,40,.08), 0 2px 4px rgba(31,34,40,.04)',\n    shadowLg: '0 16px 40px rgba(31,34,40,.12), 0 4px 12px rgba(31,34,40,.06)',\n  },\n  dark: {\n    bg: darkNeutrals[7],\n    surface: darkNeutrals[6],\n    surface2: darkNeutrals[5],\n    text: darkNeutrals[0], // 15:1\n    text2: darkNeutrals[1], // 10,5:1\n    text3: darkNeutrals[2], // 5,8:1\n    border: darkNeutrals[3],\n    borderSoft: darkNeutrals[5],\n    primary: ramps.horizon[400], // 7:1 sobre o fundo\n    primaryHover: ramps.horizon[300],\n    primarySoft: 'rgba(110,159,255,.14)',\n    accent: brand.electric,\n    link: ramps.horizon[300],\n    successBg: 'rgba(97,184,117,.14)',\n    warnBg: 'rgba(247,215,89,.12)',\n    errorBg: 'rgba(255,108,90,.14)',\n    shadowSm: '0 1px 3px rgba(0,0,0,.4)',\n    shadowMd: '0 4px 14px rgba(0,0,0,.45)',\n    shadowLg: '0 16px 40px rgba(0,0,0,.55)',\n  },\n} as const;\n\nexport const fontFamily = \"'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif\";\n\n/**\n * Escala tipográfica — razão ~1,25 (terça maior) sobre base 16px.\n * Texto de leitura e de UI tem tamanho FIXO (legibilidade e alinhamento consistentes);\n * só títulos de destaque (display, h1) são fluidos entre mobile e desktop.\n * Poppins tem x-height alto: entrelinha 1,5 no corpo e 1,2–1,3 nos títulos.\n */\nexport const typography = {\n  displayLg: { size: 'clamp(40px, 2.4vw + 26px, 56px)', weight: 700, lineHeight: 1.1, letterSpacing: '-0.02em', px: '56/40', label: 'display-large' },\n  displayMd: { size: 'clamp(36px, 1.8vw + 25px, 48px)', weight: 700, lineHeight: 1.15, letterSpacing: '-0.02em', px: '48/36', label: 'display-medium' },\n  displaySm: { size: 'clamp(32px, 1.2vw + 25px, 40px)', weight: 700, lineHeight: 1.2, letterSpacing: '-0.015em', px: '40/32', label: 'display-small' },\n  headlineLg: { size: 'clamp(26px, 0.9vw + 21px, 32px)', weight: 600, lineHeight: 1.25, letterSpacing: '-0.01em', px: '32/26', label: 'headline-large' },\n  headlineMd: { size: '24px', weight: 600, lineHeight: 1.33, letterSpacing: '-0.005em', px: '24', label: 'headline-medium' },\n  headlineSm: { size: '20px', weight: 600, lineHeight: 1.4, letterSpacing: '0', px: '20', label: 'headline-small' },\n  subheadlineLg: { size: '18px', weight: 400, lineHeight: 1.55, letterSpacing: '0', px: '18', label: 'body-large' },\n  subheadlineRg: { size: '16px', weight: 400, lineHeight: 1.5, letterSpacing: '0', px: '16', label: 'body' },\n  subheadlineSm: { size: '14px', weight: 400, lineHeight: 1.43, letterSpacing: '0', px: '14', label: 'body-small' },\n  button: { size: '14px', weight: 600, lineHeight: 1.43, letterSpacing: '0.01em', px: '14', label: 'button' },\n  disclaimer: { size: '12px', weight: 500, lineHeight: 1.33, letterSpacing: '0.01em', px: '12', label: 'caption' },\n} as const;\n\nexport type TypographyToken = keyof typeof typography;\n\n/** Spacing — passos de 4px de 0 a 100. */\nexport const spacing = {\n  0: '0px', 4: '4px', 8: '8px', 12: '12px', 16: '16px', 20: '20px', 24: '24px', 28: '28px',\n  32: '32px', 36: '36px', 40: '40px', 44: '44px', 48: '48px', 52: '52px', 56: '56px',\n  60: '60px', 64: '64px', 68: '68px', 72: '72px', 80: '80px', 100: '100px',\n} as const;\n\n/** Raios: controles 8px, cards 12px (como os cards de produto do site), seções 16px. */\nexport const radius = { sm: '8px', md: '12px', lg: '16px' } as const;\n\n/** Grid: mobile 4col/16/20 · tablet 8col/24/32 · desktop 12col/24/64. */\nexport const grid = {\n  max: '1224px',\n  gap: '24px',\n  margin: { mobile: '20px', tablet: '32px', desktop: '64px' },\n  columns: { mobile: 4, tablet: 8, desktop: 12 },\n  breakpoints: { mobile: 360, tablet: 768, desktop: 1366 },\n} as const;\n\n/** Cores das séries em gráficos por tema — vizinhos contrastantes e ≥ 3:1 contra o fundo. */\nexport const chartColors = {\n  light: ['#2663EB', '#1E8540', '#D5A700', '#08154B', '#6E9FFF', '#D92D20', '#61B875', '#84888F'],\n  dark: ['#6E9FFF', '#61B875', '#F7D759', '#BFC4CE', '#A1C1FF', '#FF6C5A', '#A8EDB5', '#9398A4'],\n} as const;\n\n/**\n * Ordem das séries em gráficos. São variáveis CSS (`--jc-chart-N`) que trocam\n * de valor entre claro/escuro — use como qualquer cor: `color={chartPalette[0]}`.\n */\nexport const chartPalette = chartColors.light.map((_, i) => `var(--jc-chart-${i + 1})`);\n\nexport const tokens = { brand, ramps, darkNeutrals, feedback, semantic, fontFamily, typography, spacing, radius, grid, chartColors, chartPalette };\nexport default tokens;\n"],"mappings":"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"}

package/dist/tokens.d.ts

@@ -0,0 +1,2 @@
+export * from './theme/tokens';
+export { jcColors } from './theme/colors';

package/dist/tokens.js

@@ -0,0 +1,4 @@
+"use client";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./tokens-BBTJY6nq.js";
+import { t as p } from "./colors-C_5SHERN.js";
+export { d as brand, o as chartColors, l as chartPalette, i as darkNeutrals, e as feedback, s as fontFamily, u as grid, p as jcColors, t as radius, a as ramps, f as semantic, n as spacing, r as tokens, c as typography };

package/dist/utils/format.d.ts

@@ -0,0 +1,14 @@
+/** Formatação pt-BR usada pelos componentes (KPIs, tabelas, preços, gráficos). */
+export declare const LOCALE = "pt-BR";
+export declare function formatNumber(value: number, options?: Intl.NumberFormatOptions): string;
+/** 1234.5 → "R$ 1.234,50" */
+export declare function formatCurrency(value: number, options?: Intl.NumberFormatOptions): string;
+/** -5.6 → "-5,6%" (recebe valor em pontos percentuais). `signed` adiciona "+" em positivos. */
+export declare function formatPercent(value: number, { digits, signed }?: {
+    digits?: number | undefined;
+    signed?: boolean | undefined;
+}): string;
+/** 54959 → "55 mil" */
+export declare function formatCompact(value: number): string;
+export declare function formatDate(value: Date | string | number, options?: Intl.DateTimeFormatOptions): string;
+export declare function formatTime(value: Date | string | number): string;

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@jcdecor/ui",
+  "version": "0.1.0",
+  "description": "Design System JC Decor — tema, tokens e componentes React sobre Mantine.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JC-Decor/design-system.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/JC-Decor/design-system#readme",
+  "bugs": {
+    "url": "https://github.com/JC-Decor/design-system/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./chat": {
+      "types": "./dist/chat.d.ts",
+      "import": "./dist/chat.js"
+    },
+    "./charts": {
+      "types": "./dist/charts.d.ts",
+      "import": "./dist/charts.js"
+    },
+    "./brand": {
+      "types": "./dist/brand.d.ts",
+      "import": "./dist/brand.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "jcdecor",
+    "design-system",
+    "mantine",
+    "react"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build && npm run test"
+  },
+  "peerDependencies": {
+    "@mantine/charts": ">=9.0.0",
+    "@mantine/core": ">=9.0.0",
+    "@mantine/hooks": ">=9.0.0",
+    "@mantine/notifications": ">=9.0.0",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
+    "recharts": ">=3.2.1"
+  },
+  "peerDependenciesMeta": {
+    "@mantine/charts": {
+      "optional": true
+    },
+    "@mantine/notifications": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@tabler/icons-react": "^3.48.0",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@mantine/charts": "^9.6.3",
+    "@mantine/core": "^9.6.3",
+    "@mantine/hooks": "^9.6.3",
+    "@mantine/notifications": "^9.6.3",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "postcss": "^8.5.0",
+    "postcss-preset-mantine": "^1.18.0",
+    "postcss-simple-vars": "^7.0.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "recharts": "^3.2.1"
+  }
+}