@jcdecor/ui 0.1.0

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,74 @@
+import { type TextProps } from '@mantine/core';
+type Scale = 'lg' | 'md' | 'sm';
+export interface DisplayProps extends Omit<TextProps, 'size'> {
+    /** display-large · display-medium · display-small @default 'sm' */
+    size?: Scale;
+    children?: React.ReactNode;
+}
+/** Títulos de impacto (hero, landing). Bold, tracking levemente negativo. */
+export declare const Display: (<C = "h1">(props: import("@mantine/core").PolymorphicComponentProps<C, DisplayProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(DisplayProps & {
+    component?: any;
+} & Omit<any, "component" | keyof DisplayProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (DisplayProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export interface HeadlineProps extends Omit<TextProps, 'size'> {
+    /** headline-large (Bold) · headline-medium · headline-small (SemiBold) @default 'md' */
+    size?: Scale;
+    children?: React.ReactNode;
+}
+/** Títulos de seção e de cards. */
+export declare const Headline: (<C = "h2">(props: import("@mantine/core").PolymorphicComponentProps<C, HeadlineProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(HeadlineProps & {
+    component?: any;
+} & Omit<any, "component" | keyof HeadlineProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (HeadlineProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export interface SubheadlineProps extends Omit<TextProps, 'size'> {
+    /** subheadline-large (Medium) · regular · small @default 'md' */
+    size?: Scale;
+    children?: React.ReactNode;
+}
+/** Texto de apoio / corpo. */
+export declare const Subheadline: (<C = "p">(props: import("@mantine/core").PolymorphicComponentProps<C, SubheadlineProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(SubheadlineProps & {
+    component?: any;
+} & Omit<any, "component" | keyof SubheadlineProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (SubheadlineProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export interface DisclaimerProps extends TextProps {
+    children?: React.ReactNode;
+}
+/** Microcopy para notas, orientação e suporte legal (12px Medium, texto-3). */
+export declare const Disclaimer: (<C = "p">(props: import("@mantine/core").PolymorphicComponentProps<C, DisclaimerProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(DisclaimerProps & {
+    component?: any;
+} & Omit<any, "component" | keyof DisclaimerProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (DisclaimerProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export interface KickerProps extends TextProps {
+    children?: React.ReactNode;
+}
+/** Sobretítulo em caixa-alta na cor primária (ex.: "JC Decor · DS"). Caixa-alta pede tracking positivo. */
+export declare const Kicker: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, KickerProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(KickerProps & {
+    component?: any;
+} & Omit<any, "component" | keyof KickerProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (KickerProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export {};

package/dist/components/Typography/index.d.ts

@@ -0,0 +1 @@
+export * from './Typography';

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './Typography';
+export * from './Tag';
+export * from './PromoBanner';
+export * from './ContentCard';
+export * from './KpiCard';
+export * from './TopNav';
+export * from './PageHeader';
+export * from './DataTable';
+export * from './ThemeToggle';
+export * from './TokenSwatch';
+export * from './PriceTag';
+export * from './ProductCard';
+export * from './CouponCode';

package/dist/format-Cxmo46_A.js

@@ -0,0 +1,97 @@
+"use client";
+import { p as e } from "./tokens-BBTJY6nq.js";
+import { Text as t, createPolymorphicComponent as n } from "@mantine/core";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Typography/Typography.tsx
+function i(t) {
+	let n = e[t];
+	return {
+		fz: n.size,
+		fw: n.weight,
+		lh: n.lineHeight,
+		lts: n.letterSpacing === "0" ? void 0 : n.letterSpacing
+	};
+}
+var a = {
+	lg: "displayLg",
+	md: "displayMd",
+	sm: "displaySm"
+}, o = n(({ size: e = "sm", ...n }) => /* @__PURE__ */ r(t, {
+	component: "h1",
+	m: 0,
+	...i(a[e]),
+	...n
+})), s = {
+	lg: "headlineLg",
+	md: "headlineMd",
+	sm: "headlineSm"
+}, c = {
+	lg: "h2",
+	md: "h3",
+	sm: "h4"
+}, l = n(({ size: e = "md", ...n }) => /* @__PURE__ */ r(t, {
+	component: c[e],
+	m: 0,
+	...i(s[e]),
+	...n
+})), u = {
+	lg: "subheadlineLg",
+	md: "subheadlineRg",
+	sm: "subheadlineSm"
+}, d = n(({ size: e = "md", ...n }) => /* @__PURE__ */ r(t, {
+	component: "p",
+	m: 0,
+	...i(u[e]),
+	...n
+})), f = n((e) => /* @__PURE__ */ r(t, {
+	component: "p",
+	m: 0,
+	c: "var(--ds-text-3)",
+	...i("disclaimer"),
+	...e
+})), p = n((e) => /* @__PURE__ */ r(t, {
+	component: "div",
+	fz: 12,
+	fw: 600,
+	lh: 1.33,
+	tt: "uppercase",
+	lts: "0.06em",
+	c: "var(--ds-primary)",
+	...e
+})), m = "pt-BR";
+function h(e, t) {
+	return new Intl.NumberFormat(m, t).format(e);
+}
+function g(e, t) {
+	return new Intl.NumberFormat(m, {
+		style: "currency",
+		currency: "BRL",
+		...t
+	}).format(e);
+}
+function _(e, { digits: t = 1, signed: n = !1 } = {}) {
+	return `${new Intl.NumberFormat(m, {
+		minimumFractionDigits: t,
+		maximumFractionDigits: t,
+		signDisplay: n ? "exceptZero" : "auto"
+	}).format(e)}%`;
+}
+function v(e) {
+	return new Intl.NumberFormat(m, {
+		notation: "compact",
+		maximumFractionDigits: 1
+	}).format(e);
+}
+function y(e, t = { dateStyle: "short" }) {
+	return new Intl.DateTimeFormat(m, t).format(new Date(e));
+}
+function b(e) {
+	return new Intl.DateTimeFormat(m, {
+		hour: "2-digit",
+		minute: "2-digit"
+	}).format(new Date(e));
+}
+//#endregion
+export { h as a, f as c, p as d, d as f, y as i, o as l, v as n, _ as o, g as r, b as s, m as t, l as u };
+
+//# sourceMappingURL=format-Cxmo46_A.js.map

package/dist/format-Cxmo46_A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-Cxmo46_A.js","names":["typography","scaleProps","t","token","displayToken","Display","createPolymorphicComponent","others","Text","size","headlineToken","headlineTag","Headline","subToken","Subheadline","Disclaimer","props","Kicker","LOCALE","formatNumber","options","value","formatCurrency","formatPercent","digits","signed","formatCompact","formatDate","formatTime"],"sources":["../src/components/Typography/Typography.tsx","../src/utils/format.ts"],"sourcesContent":["import { Text, createPolymorphicComponent, type TextProps } from '@mantine/core';\nimport { typography, type TypographyToken } from '../../theme/tokens';\n\ntype Scale = 'lg' | 'md' | 'sm';\n\nfunction scaleProps(token: TypographyToken) {\n  const t = typography[token];\n  return { fz: t.size, fw: t.weight, lh: t.lineHeight, lts: t.letterSpacing === '0' ? undefined : t.letterSpacing };\n}\n\nexport interface DisplayProps extends Omit<TextProps, 'size'> {\n  /** display-large · display-medium · display-small @default 'sm' */\n  size?: Scale;\n  children?: React.ReactNode;\n}\n\nconst displayToken: Record<Scale, TypographyToken> = { lg: 'displayLg', md: 'displayMd', sm: 'displaySm' };\n\n/** Títulos de impacto (hero, landing). Bold, tracking levemente negativo. */\nexport const Display = createPolymorphicComponent<'h1', DisplayProps>(\n  ({ size = 'sm', ...others }: DisplayProps & { component?: any }) => (\n    <Text component=\"h1\" m={0} {...scaleProps(displayToken[size])} {...others} />\n  ),\n);\n\nexport interface HeadlineProps extends Omit<TextProps, 'size'> {\n  /** headline-large (Bold) · headline-medium · headline-small (SemiBold) @default 'md' */\n  size?: Scale;\n  children?: React.ReactNode;\n}\n\nconst headlineToken: Record<Scale, TypographyToken> = { lg: 'headlineLg', md: 'headlineMd', sm: 'headlineSm' };\nconst headlineTag: Record<Scale, string> = { lg: 'h2', md: 'h3', sm: 'h4' };\n\n/** Títulos de seção e de cards. */\nexport const Headline = createPolymorphicComponent<'h2', HeadlineProps>(\n  ({ size = 'md', ...others }: HeadlineProps & { component?: any }) => (\n    <Text component={headlineTag[size] as 'h2'} m={0} {...scaleProps(headlineToken[size])} {...others} />\n  ),\n);\n\nexport interface SubheadlineProps extends Omit<TextProps, 'size'> {\n  /** subheadline-large (Medium) · regular · small @default 'md' */\n  size?: Scale;\n  children?: React.ReactNode;\n}\n\nconst subToken: Record<Scale, TypographyToken> = { lg: 'subheadlineLg', md: 'subheadlineRg', sm: 'subheadlineSm' };\n\n/** Texto de apoio / corpo. */\nexport const Subheadline = createPolymorphicComponent<'p', SubheadlineProps>(\n  ({ size = 'md', ...others }: SubheadlineProps & { component?: any }) => (\n    <Text component=\"p\" m={0} {...scaleProps(subToken[size])} {...others} />\n  ),\n);\n\nexport interface DisclaimerProps extends TextProps {\n  children?: React.ReactNode;\n}\n\n/** Microcopy para notas, orientação e suporte legal (12px Medium, texto-3). */\nexport const Disclaimer = createPolymorphicComponent<'p', DisclaimerProps>((props: DisclaimerProps & { component?: any }) => (\n  <Text component=\"p\" m={0} c=\"var(--ds-text-3)\" {...scaleProps('disclaimer')} {...props} />\n));\n\nexport interface KickerProps extends TextProps {\n  children?: React.ReactNode;\n}\n\n/** Sobretítulo em caixa-alta na cor primária (ex.: \"JC Decor · DS\"). Caixa-alta pede tracking positivo. */\nexport const Kicker = createPolymorphicComponent<'div', KickerProps>((props: KickerProps & { component?: any }) => (\n  <Text component=\"div\" fz={12} fw={600} lh={1.33} tt=\"uppercase\" lts=\"0.06em\" c=\"var(--ds-primary)\" {...props} />\n));\n","/** Formatação pt-BR usada pelos componentes (KPIs, tabelas, preços, gráficos). */\n\nexport const LOCALE = 'pt-BR';\n\nexport function formatNumber(value: number, options?: Intl.NumberFormatOptions) {\n  return new Intl.NumberFormat(LOCALE, options).format(value);\n}\n\n/** 1234.5 → \"R$ 1.234,50\" */\nexport function formatCurrency(value: number, options?: Intl.NumberFormatOptions) {\n  return new Intl.NumberFormat(LOCALE, { style: 'currency', currency: 'BRL', ...options }).format(value);\n}\n\n/** -5.6 → \"-5,6%\" (recebe valor em pontos percentuais). `signed` adiciona \"+\" em positivos. */\nexport function formatPercent(value: number, { digits = 1, signed = false } = {}) {\n  const formatted = new Intl.NumberFormat(LOCALE, {\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits,\n    signDisplay: signed ? 'exceptZero' : 'auto',\n  }).format(value);\n  return `${formatted}%`;\n}\n\n/** 54959 → \"55 mil\" */\nexport function formatCompact(value: number) {\n  return new Intl.NumberFormat(LOCALE, { notation: 'compact', maximumFractionDigits: 1 }).format(value);\n}\n\nexport function formatDate(value: Date | string | number, options: Intl.DateTimeFormatOptions = { dateStyle: 'short' }) {\n  return new Intl.DateTimeFormat(LOCALE, options).format(new Date(value));\n}\n\nexport function formatTime(value: Date | string | number) {\n  return new Intl.DateTimeFormat(LOCALE, { hour: '2-digit', minute: '2-digit' }).format(new Date(value));\n}\n"],"mappings":";;;;;AAKA,SAASC,EAAW,GAAwB;CAC1C,IAAMC,IAAIF,EAAWG;CACrB,OAAO;EAAE,IAAID,EAAE;EAAM,IAAIA,EAAE;EAAQ,IAAIA,EAAE;EAAY,KAAKA,EAAE,kBAAkB,MAAM,KAAA,IAAYA,EAAE;CAAc;AAClH;AAQA,IAAME,IAA+C;CAAE,IAAI;CAAa,IAAI;CAAa,IAAI;AAAY,GAG5FC,IAAUC,GACpB,EAAE,UAAO,MAAM,GAAGC,QACjB,kBAACC,GAAD;CAAM,WAAU;CAAK,GAAG;CAAG,GAAIP,EAAWG,EAAaK,EAAK;CAAG,GAAIF;AAAS,CAAA,CAEhF,GAQMG,IAAgD;CAAE,IAAI;CAAc,IAAI;CAAc,IAAI;AAAa,GACvGC,IAAqC;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK,GAG7DC,IAAWN,GACrB,EAAE,UAAO,MAAM,GAAGC,QACjB,kBAACC,GAAD;CAAM,WAAWG,EAAYF;CAAe,GAAG;CAAG,GAAIR,EAAWS,EAAcD,EAAK;CAAG,GAAIF;AAAS,CAAA,CAExG,GAQMM,IAA2C;CAAE,IAAI;CAAiB,IAAI;CAAiB,IAAI;AAAgB,GAGpGC,IAAcR,GACxB,EAAE,UAAO,MAAM,GAAGC,QACjB,kBAACC,GAAD;CAAM,WAAU;CAAI,GAAG;CAAG,GAAIP,EAAWY,EAASJ,EAAK;CAAG,GAAIF;AAAS,CAAA,CAE3E,GAOaQ,IAAaT,GAAkD,MAC1E,kBAACE,GAAD;CAAM,WAAU;CAAI,GAAG;CAAG,GAAE;CAAmB,GAAIP,EAAW,YAAY;CAAG,GAAIe;AAAQ,CAAA,CAC1F,GAOYC,IAASX,GAAgD,MACpE,kBAACE,GAAD;CAAM,WAAU;CAAM,IAAI;CAAI,IAAI;CAAK,IAAI;CAAM,IAAG;CAAY,KAAI;CAAS,GAAE;CAAoB,GAAIQ;AAAQ,CAAA,CAChH,GCtEYE,IAAS;AAEtB,SAAgBC,EAAa,GAAe,GAAoC;CAC9E,OAAO,IAAI,KAAK,aAAaD,GAAQE,CAAO,CAAC,CAAC,OAAOC,CAAK;AAC5D;AAGA,SAAgBC,EAAe,GAAe,GAAoC;CAChF,OAAO,IAAI,KAAK,aAAaJ,GAAQ;EAAE,OAAO;EAAY,UAAU;EAAO,GAAGE;CAAQ,CAAC,CAAC,CAAC,OAAOC,CAAK;AACvG;AAGA,SAAgBE,EAAc,GAAe,EAAE,YAAS,GAAG,YAAS,OAAU,CAAC,GAAG;CAMhF,OAAO,GALW,IAAI,KAAK,aAAaL,GAAQ;EAC9C,uBAAuBM;EACvB,uBAAuBA;EACvB,aAAaC,IAAS,eAAe;CACvC,CAAC,CAAC,CAAC,OAAOJ,CACA,EAAU;AACtB;AAGA,SAAgBK,EAAc,GAAe;CAC3C,OAAO,IAAI,KAAK,aAAaR,GAAQ;EAAE,UAAU;EAAW,uBAAuB;CAAE,CAAC,CAAC,CAAC,OAAOG,CAAK;AACtG;AAEA,SAAgBM,EAAW,GAA+B,IAAsC,EAAE,WAAW,QAAQ,GAAG;CACtH,OAAO,IAAI,KAAK,eAAeT,GAAQE,CAAO,CAAC,CAAC,OAAO,IAAI,KAAKC,CAAK,CAAC;AACxE;AAEA,SAAgBO,EAAW,GAA+B;CACxD,OAAO,IAAI,KAAK,eAAeV,GAAQ;EAAE,MAAM;EAAW,QAAQ;CAAU,CAAC,CAAC,CAAC,OAAO,IAAI,KAAKG,CAAK,CAAC;AACvG"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import './styles/global.css';
+export * from '@mantine/core';
+export { jcTheme } from './theme/theme';
+export { jcCssVariablesResolver } from './theme/cssVariablesResolver';
+export { jcVariantColorResolver } from './theme/variantColorResolver';
+export { jcColors } from './theme/colors';
+export type { JcColor } from './theme/colors';
+export { tokens } from './theme/tokens';
+export { JcProvider } from './provider/JcProvider';
+export type { JcProviderProps } from './provider/JcProvider';
+export * from './components';
+export * from './brand';
+export * from './utils/format';