@jcdecor/vue 0.1.0

package/dist/components/ProductCard/ProductCard.types.d.ts

@@ -0,0 +1,53 @@
+import type { Component, VNodeChild } from 'vue';
+import type { CardProps, Factory, MantineNode } from '@mantine-vue/core';
+import type { JcStylesApiProps } from '../../utils/styles-api';
+import type { PriceTagProps } from '../PriceTag';
+export type ProductCardStylesNames = 'root' | 'media' | 'badges' | 'favorite' | 'category' | 'name' | 'price' | 'action';
+/** Props declaradas pelo próprio ProductCard. As demais (props do Card/Box) vão para o Card raiz. */
+export interface ProductCardOwnProps extends JcStylesApiProps<ProductCardFactory> {
+    name: string;
+    image: string;
+    href?: string;
+    category?: string;
+    price: number;
+    oldPrice?: number;
+    installments?: PriceTagProps['installments'];
+    pixDiscount?: number;
+    unit?: string;
+    /** Selos extras (ex.: "Novo", "Frete grátis"). Também aceita o slot `badges` (renderizado depois destes). */
+    badges?: MantineNode[];
+    /** Mostra selo "-X%" calculado a partir de oldPrice @default true */
+    showDiscount?: boolean;
+    rating?: number;
+    reviews?: number;
+    /**
+     * Estado do favorito (use `v-model:favorite`). O botão de favoritar aparece quando esta prop é
+     * passada ou quando há listener de `update:favorite`.
+     */
+    favorite?: boolean;
+    /** Texto do CTA, exibido quando há listener de `action` (`@action`) @default 'Comprar' */
+    actionLabel?: string;
+    /** Proporção da imagem (largura/altura) @default 1 */
+    imageRatio?: number;
+    /** Componente do link (ex.: `RouterLink` do vue-router) @default 'a' */
+    linkComponent?: string | Component;
+}
+export interface ProductCardProps extends Omit<CardProps, keyof ProductCardOwnProps>, ProductCardOwnProps {
+}
+export interface ProductCardSlots {
+    /** Selos extras, depois do selo de desconto e da prop `badges` */
+    badges?: () => VNodeChild;
+}
+export interface ProductCardEmits {
+    /** `v-model:favorite` — clique no coração, com o novo estado */
+    'update:favorite': [favorite: boolean];
+    /** Clique no CTA. O botão só é renderizado quando há listener (`@action`), como `onAction` no React. */
+    action: [event: MouseEvent];
+}
+export type ProductCardFactory = Factory<{
+    props: ProductCardProps;
+    slots: ProductCardSlots;
+    emits: ProductCardEmits;
+    ref: HTMLDivElement;
+    stylesNames: ProductCardStylesNames;
+}>;

package/dist/components/ProductCard/ProductCard.vue.d.ts

@@ -0,0 +1,45 @@
+import type { ProductCardEmits, ProductCardOwnProps, ProductCardSlots } from './ProductCard.types';
+type __VLS_Slots = ProductCardSlots;
+declare const __VLS_base: import("vue").DefineComponent<ProductCardOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: (event: MouseEvent) => any;
+    "update:favorite": (favorite: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ProductCardOwnProps> & Readonly<{
+    onAction?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:favorite"?: ((favorite: boolean) => any) | undefined;
+}>, {
+    href: string;
+    unit: string;
+    vars: import("@mantine-vue/core").FactoryPartialVarsResolver<{
+        props: import("./ProductCard.types").ProductCardProps;
+        slots: ProductCardSlots;
+        emits: ProductCardEmits;
+        ref: HTMLDivElement;
+        stylesNames: import("./ProductCard.types").ProductCardStylesNames;
+    } & import("@mantine-vue/core").FactoryPayload>;
+    classNames: Partial<Record<"media" | "name" | "root" | "action" | "badges" | "favorite" | "category" | "price", string>> | ((theme: import("@mantine-vue/core").MantineTheme, props: import("./ProductCard.types").ProductCardProps & Record<string, any>, ctx: Record<string, any>) => Partial<Record<"media" | "name" | "root" | "action" | "badges" | "favorite" | "category" | "price", string>>);
+    styles: Partial<Record<"media" | "name" | "root" | "action" | "badges" | "favorite" | "category" | "price", import("vue").CSSProperties>> | ((theme: import("@mantine-vue/core").MantineTheme, props: import("./ProductCard.types").ProductCardProps & Record<string, any>, ctx: Record<string, any>) => Partial<Record<"media" | "name" | "root" | "action" | "badges" | "favorite" | "category" | "price", import("vue").CSSProperties>>);
+    unstyled: boolean;
+    rating: number;
+    linkComponent: string | import("vue").Component;
+    installments: {
+        count: number;
+        interestFree?: boolean;
+    };
+    pixDiscount: number;
+    badges: import("@mantine-vue/core").MantineNode[];
+    favorite: boolean;
+    category: string;
+    oldPrice: number;
+    showDiscount: boolean;
+    reviews: number;
+    actionLabel: string;
+    imageRatio: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/components/PromoBanner/PromoBanner.d.ts

@@ -0,0 +1,12 @@
+/** Banner promocional (topo do site / campanhas). Suporta `v-model:opened`. */
+export declare const PromoBanner: import("@mantine-vue/core").MantineComponent<{
+    props: import("./PromoBanner.types").PromoBannerProps;
+    slots: import("./PromoBanner.types").PromoBannerSlots;
+    emits: import("./PromoBanner.types").PromoBannerEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./PromoBanner.types").PromoBannerStylesNames;
+    vars: import("./PromoBanner.types").PromoBannerCssVariables;
+    variant: import("./PromoBanner.types").PromoBannerVariant;
+}>;
+export type { PromoBannerCssVariables, PromoBannerEmits, PromoBannerFactory, PromoBannerOwnProps, PromoBannerProps, PromoBannerSlots, PromoBannerStylesNames, PromoBannerVariant, } from './PromoBanner.types';

package/dist/components/PromoBanner/PromoBanner.types.d.ts

@@ -0,0 +1,50 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, Factory, MantineNode, MantineRadius } from '@mantine-vue/core';
+import type { JcStylesApiProps } from '../../utils/styles-api';
+export type PromoBannerVariant = 'horizon' | 'electric' | 'obsidian';
+export type PromoBannerStylesNames = 'root' | 'content' | 'highlight' | 'close';
+export type PromoBannerCssVariables = {
+    root: '--banner-bg' | '--banner-color' | '--banner-highlight' | '--banner-radius';
+};
+/** Props declaradas pelo próprio PromoBanner. As demais (style props do Box, atributos) vão para a raiz. */
+export interface PromoBannerOwnProps extends JcStylesApiProps<PromoBannerFactory> {
+    /** `horizon` = azul com destaque Electric · `electric` = amarelo com destaque Horizon · `obsidian` @default 'horizon' */
+    variant?: PromoBannerVariant;
+    /**
+     * Trecho destacado ao final (ex.: cupom). Também é possível usar `<strong>` dentro do slot padrão.
+     * Também aceita o slot `highlight` (o slot tem prioridade).
+     */
+    highlight?: MantineNode;
+    /** Ícone/elemento à esquerda do texto. Também aceita o slot `icon` (o slot tem prioridade). */
+    icon?: MantineNode;
+    /** Exibe botão de fechar; o banner some e emite `close` (e `update:opened` com `false`) */
+    withCloseButton?: boolean;
+    /** Controle externo da visibilidade (opcional, use `v-model:opened`) */
+    opened?: boolean;
+    /** Arredonda os cantos (por padrão o banner é full-bleed, sem raio) */
+    radius?: MantineRadius;
+}
+export interface PromoBannerProps extends Omit<BoxProps, keyof PromoBannerOwnProps>, PromoBannerOwnProps {
+}
+export interface PromoBannerSlots {
+    /** Texto do banner */
+    default?: () => VNodeChild;
+    highlight?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}
+export interface PromoBannerEmits {
+    /** Clique no botão de fechar */
+    close: [];
+    /** `v-model:opened` — emitido com `false` ao fechar */
+    'update:opened': [opened: boolean];
+}
+export type PromoBannerFactory = Factory<{
+    props: PromoBannerProps;
+    slots: PromoBannerSlots;
+    emits: PromoBannerEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: PromoBannerStylesNames;
+    vars: PromoBannerCssVariables;
+    variant: PromoBannerVariant;
+}>;

package/dist/components/PromoBanner/PromoBanner.vars.d.ts

@@ -0,0 +1,2 @@
+import type { PromoBannerProps } from './PromoBanner.types';
+export declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: PromoBannerProps, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;

package/dist/components/PromoBanner/PromoBanner.vue.d.ts

@@ -0,0 +1,41 @@
+import type { PromoBannerEmits, PromoBannerOwnProps, PromoBannerSlots } from './PromoBanner.types';
+type __VLS_Slots = PromoBannerSlots;
+declare const __VLS_base: import("vue").DefineComponent<PromoBannerOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:opened": (opened: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PromoBannerOwnProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:opened"?: ((opened: boolean) => any) | undefined;
+}>, {
+    variant: import("./PromoBanner.types").PromoBannerVariant;
+    radius: import("@mantine-vue/core").MantineRadius;
+    vars: import("@mantine-vue/core").FactoryPartialVarsResolver<{
+        props: import("./PromoBanner.types").PromoBannerProps;
+        slots: PromoBannerSlots;
+        emits: PromoBannerEmits;
+        ref: HTMLDivElement;
+        element: "div";
+        stylesNames: import("./PromoBanner.types").PromoBannerStylesNames;
+        vars: import("./PromoBanner.types").PromoBannerCssVariables;
+        variant: import("./PromoBanner.types").PromoBannerVariant;
+    } & import("@mantine-vue/core").FactoryPayload>;
+    icon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    classNames: Partial<Record<"content" | "close" | "root" | "highlight", string>> | ((theme: import("@mantine-vue/core").MantineTheme, props: import("./PromoBanner.types").PromoBannerProps & Record<string, any>, ctx: Record<string, any>) => Partial<Record<"content" | "close" | "root" | "highlight", string>>);
+    styles: Partial<Record<"content" | "close" | "root" | "highlight", import("vue").CSSProperties>> | ((theme: import("@mantine-vue/core").MantineTheme, props: import("./PromoBanner.types").PromoBannerProps & Record<string, any>, ctx: Record<string, any>) => Partial<Record<"content" | "close" | "root" | "highlight", import("vue").CSSProperties>>);
+    unstyled: boolean;
+    withCloseButton: boolean;
+    opened: boolean;
+    highlight: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,18 @@
+import { type DefineSetupFnComponent, type SlotsType, type VNodeChild } from 'vue';
+import { type BadgeProps } from '@mantine-vue/core';
+export type TagTone = 'primary' | 'success' | 'warn' | 'error' | 'neutral';
+export interface TagProps extends Omit<BadgeProps, 'color' | 'variant'> {
+    /** Tom semântico (ds-tag-*) @default 'primary' */
+    tone?: TagTone;
+    /** Mostra o ícone padrão do tom (✓ ⚠ ✕ ⓘ). Use o slot/prop `leftSection` para outro ícone. */
+    withIcon?: boolean;
+    /** `light` = selo suave (padrão) · `filled` = cor sólida · `outline` · `dot` */
+    variant?: 'light' | 'filled' | 'outline' | 'dot';
+}
+export interface TagSlots {
+    default?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+}
+/** Selo / tag de status — preset de Badge com os tons do ds.css. */
+export declare const Tag: DefineSetupFnComponent<TagProps, {}, SlotsType<TagSlots>>;

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

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

package/dist/components/ThemeToggle/ThemeToggle.d.ts

@@ -0,0 +1,10 @@
+import { type DefineSetupFnComponent } from 'vue';
+import { type ActionIconProps } from '@mantine-vue/core';
+export interface ThemeToggleProps extends ActionIconProps {
+    /** `icon` = ActionIcon · `button` = botão "Alternar tema" (como no DS) @default 'icon' */
+    as?: 'icon' | 'button';
+    /** @default 'Alternar tema' */
+    label?: string;
+}
+/** Alterna entre tema claro e escuro (persistido pelo JcProvider no localStorage). */
+export declare const ThemeToggle: DefineSetupFnComponent<ThemeToggleProps>;

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

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

package/dist/components/TokenSwatch/TokenSwatch.d.ts

@@ -0,0 +1,21 @@
+import { type ButtonHTMLAttributes, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';
+export interface TokenSwatchProps extends Omit<ButtonHTMLAttributes, 'value' | 'name'> {
+    name: string;
+    /** Cor (hex) exibida e copiada */
+    value: string;
+    /** Variável CSS correspondente (ex.: --dc-horizon) */
+    cssVar?: string;
+    /** O que copiar ao clicar @default 'value' */
+    copy?: 'value' | 'cssVar';
+}
+/** Amostra de cor clicável (copia hex ou var CSS). */
+export declare const TokenSwatch: DefineSetupFnComponent<TokenSwatchProps>;
+export interface ColorRampProps extends HTMLAttributes {
+    steps: {
+        label: string;
+        value: string;
+        derived?: boolean;
+    }[];
+}
+/** Rampa de cor horizontal (base → 50). Clique copia o hex. */
+export declare const ColorRamp: DefineSetupFnComponent<ColorRampProps>;

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

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

package/dist/components/TopNav/TopNav.d.ts

@@ -0,0 +1,9 @@
+/** Barra de navegação Obsidian dos painéis (ds-nav). */
+export declare const TopNav: import("@mantine-vue/core").MantineComponent<{
+    props: import("./TopNav.types").TopNavProps;
+    ref: HTMLDivElement;
+    slots: import("./TopNav.types").TopNavSlots;
+    element: "div";
+    stylesNames: import("./TopNav.types").TopNavStylesNames;
+}>;
+export type { TopNavFactory, TopNavLink, TopNavOwnProps, TopNavProps, TopNavSlots, TopNavStylesNames } from './TopNav.types';

package/dist/components/TopNav/TopNav.types.d.ts

@@ -0,0 +1,50 @@
+import type { Component, VNodeChild } from 'vue';
+import type { BoxProps, ClassNames, Factory, MantineNode, Styles, Vars } from '@mantine-vue/core';
+export type TopNavStylesNames = 'root' | 'brand' | 'links' | 'link' | 'right' | 'burger' | 'mobileLinks';
+export interface TopNavLink {
+    /** Texto (ou conteúdo) do link */
+    label: MantineNode;
+    /** Destino; sem `href` o item vira `<button type="button">` */
+    href?: string;
+    /** Marca o link da página atual (`data-active` + `aria-current="page"`) */
+    active?: boolean;
+    /** Chamado no clique (antes de fechar o menu mobile) */
+    onClick?: (event: MouseEvent) => void;
+}
+/** Props declaradas pelo próprio `TopNav`. Veja `TopNavProps` para o tipo público completo. */
+export interface TopNavOwnProps {
+    /** Classes por parte (`root`, `brand`, `links`, `link`, `right`, `burger`, `mobileLinks`) */
+    classNames?: ClassNames<TopNavFactory>;
+    /** Estilos inline por parte */
+    styles?: Styles<TopNavFactory>;
+    /** Variáveis CSS por parte */
+    vars?: Vars<TopNavFactory>;
+    /** Remove as classes do TopNav (classNames/styles continuam valendo) @default false */
+    unstyled?: boolean;
+    /** Marca à esquerda (o slot `brand` tem prioridade) @default <JcLogo variant="dark" :size="28" /> (a barra é navy em ambos os temas) */
+    brand?: MantineNode;
+    /** Link da marca; `null` renderiza a marca como texto @default '/' */
+    brandHref?: string | null;
+    links?: TopNavLink[];
+    /** Componente usado nos links (ex.: `RouterLink` do vue-router, recebe `to`/`href`) @default 'a' */
+    linkComponent?: string | Component;
+    /** Conteúdo à direita, ex.: ThemeToggle, avatar (o slot `rightSection` tem prioridade) */
+    rightSection?: MantineNode;
+    /** Esconde os links em telas pequenas e mostra um hambúrguer @default true */
+    collapseOnMobile?: boolean;
+}
+export interface TopNavProps extends Omit<BoxProps, keyof TopNavOwnProps>, TopNavOwnProps {
+}
+export interface TopNavSlots {
+    /** Marca à esquerda (sobrepõe a prop `brand`) */
+    brand?: () => VNodeChild;
+    /** Conteúdo à direita (sobrepõe a prop `rightSection`) */
+    rightSection?: () => VNodeChild;
+}
+export type TopNavFactory = Factory<{
+    props: TopNavProps;
+    ref: HTMLDivElement;
+    slots: TopNavSlots;
+    element: 'div';
+    stylesNames: TopNavStylesNames;
+}>;

package/dist/components/TopNav/TopNav.vue.d.ts

@@ -0,0 +1,33 @@
+import { type Component, type VNodeChild } from 'vue';
+import type { TopNavLink, TopNavOwnProps, TopNavSlots } from './TopNav.types';
+type __VLS_Slots = TopNavSlots;
+declare const __VLS_base: import("vue").DefineComponent<TopNavOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TopNavOwnProps> & Readonly<{}>, {
+    links: TopNavLink[];
+    vars: import("@mantine-vue/core").FactoryPartialVarsResolver<{
+        props: import("./TopNav.types").TopNavProps;
+        ref: HTMLDivElement;
+        slots: TopNavSlots;
+        element: "div";
+        stylesNames: import("./TopNav.types").TopNavStylesNames;
+    } & import("@mantine-vue/core").FactoryPayload>;
+    classNames: Partial<Record<"right" | "link" | "links" | "root" | "burger" | "brand" | "mobileLinks", string>> | ((theme: import("@mantine-vue/core").MantineTheme, props: import("./TopNav.types").TopNavProps & Record<string, any>, ctx: Record<string, any>) => Partial<Record<"right" | "link" | "links" | "root" | "burger" | "brand" | "mobileLinks", string>>);
+    styles: Partial<Record<"right" | "link" | "links" | "root" | "burger" | "brand" | "mobileLinks", import("vue").CSSProperties>> | ((theme: import("@mantine-vue/core").MantineTheme, props: import("./TopNav.types").TopNavProps & Record<string, any>, ctx: Record<string, any>) => Partial<Record<"right" | "link" | "links" | "root" | "burger" | "brand" | "mobileLinks", import("vue").CSSProperties>>);
+    unstyled: boolean;
+    rightSection: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => VNodeChild) | null;
+    linkComponent: string | Component;
+    brand: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => VNodeChild) | null;
+    brandHref: string | null;
+    collapseOnMobile: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,41 @@
+import { type DefineSetupFnComponent, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineElementType, type TextProps } from '@mantine-vue/core';
+type Scale = 'lg' | 'md' | 'sm';
+type TextSlots = SlotsType<{
+    default?: () => VNodeChild;
+}>;
+export interface DisplayProps extends Omit<TextProps, 'size'> {
+    /** display-large · display-medium · display-small @default 'sm' */
+    size?: Scale;
+}
+/** Títulos de impacto (hero, landing). Bold, tracking levemente negativo. */
+export declare const Display: DefineSetupFnComponent<DisplayProps & {
+    component?: MantineElementType;
+}, {}, TextSlots>;
+export interface HeadlineProps extends Omit<TextProps, 'size'> {
+    /** headline-large (Bold) · headline-medium · headline-small (SemiBold) @default 'md' */
+    size?: Scale;
+}
+/** Títulos de seção e de cards. */
+export declare const Headline: DefineSetupFnComponent<HeadlineProps & {
+    component?: MantineElementType;
+}, {}, TextSlots>;
+export interface SubheadlineProps extends Omit<TextProps, 'size'> {
+    /** subheadline-large (Medium) · regular · small @default 'md' */
+    size?: Scale;
+}
+/** Texto de apoio / corpo. */
+export declare const Subheadline: DefineSetupFnComponent<SubheadlineProps & {
+    component?: MantineElementType;
+}, {}, TextSlots>;
+export type DisclaimerProps = Omit<TextProps, 'size'>;
+/** Microcopy para notas, orientação e suporte legal (12px Medium, texto-3). */
+export declare const Disclaimer: DefineSetupFnComponent<DisclaimerProps & {
+    component?: MantineElementType;
+}, {}, TextSlots>;
+export type KickerProps = Omit<TextProps, 'size'>;
+/** Sobretítulo em caixa-alta na cor primária (ex.: "JC Decor · DS"). Caixa-alta pede tracking positivo. */
+export declare const Kicker: DefineSetupFnComponent<KickerProps & {
+    component?: MantineElementType;
+}, {}, TextSlots>;
+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 './PageHeader';
+export * from './DataTable';
+export * from './ThemeToggle';
+export * from './TokenSwatch';
+export * from './PriceTag';
+export * from './ProductCard';
+export * from './CouponCode';
+export * from './TopNav';

package/dist/format-D40SMATK.js

@@ -0,0 +1,108 @@
+import { p as e } from "./tokens-CDSk_JkY.js";
+import { Text as t } from "@mantine-vue/core";
+import { defineComponent as n, h as r } from "vue";
+//#region src/components/Typography/Typography.ts
+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
+	};
+}
+function a(e, i, a) {
+	return n({
+		name: e,
+		inheritAttrs: !1,
+		props: {
+			size: {
+				type: String,
+				default: void 0
+			},
+			component: {
+				type: [
+					String,
+					Object,
+					Function
+				],
+				default: void 0
+			}
+		},
+		setup(e, { attrs: n, slots: o }) {
+			return () => r(t, {
+				component: e.component ?? i,
+				m: 0,
+				...a(e.size, e.component),
+				...n
+			}, o);
+		}
+	});
+}
+var o = {
+	lg: "displayLg",
+	md: "displayMd",
+	sm: "displaySm"
+}, s = a("Display", "h1", (e = "sm") => i(o[e])), c = {
+	lg: "headlineLg",
+	md: "headlineMd",
+	sm: "headlineSm"
+}, l = {
+	lg: "h2",
+	md: "h3",
+	sm: "h4"
+}, u = a("Headline", "h3", (e = "md", t) => ({
+	...i(c[e]),
+	component: t ?? l[e]
+})), d = {
+	lg: "subheadlineLg",
+	md: "subheadlineRg",
+	sm: "subheadlineSm"
+}, f = a("Subheadline", "p", (e = "md") => i(d[e])), p = a("Disclaimer", "p", () => ({
+	c: "var(--ds-text-3)",
+	...i("disclaimer")
+})), m = a("Kicker", "div", () => ({
+	fz: 12,
+	fw: 600,
+	lh: 1.33,
+	tt: "uppercase",
+	lts: "0.06em",
+	c: "var(--ds-primary)",
+	m: void 0
+})), h = "pt-BR";
+function g(e, t) {
+	return new Intl.NumberFormat(h, t).format(e);
+}
+function _(e, t) {
+	return new Intl.NumberFormat(h, {
+		style: "currency",
+		currency: "BRL",
+		...t
+	}).format(e);
+}
+function v(e, { digits: t = 1, signed: n = !1 } = {}) {
+	return `${new Intl.NumberFormat(h, {
+		minimumFractionDigits: t,
+		maximumFractionDigits: t,
+		signDisplay: n ? "exceptZero" : "auto"
+	}).format(e)}%`;
+}
+function y(e) {
+	return new Intl.NumberFormat(h, {
+		notation: "compact",
+		maximumFractionDigits: 1
+	}).format(e);
+}
+function b(e, t = { dateStyle: "short" }) {
+	return new Intl.DateTimeFormat(h, t).format(new Date(e));
+}
+function x(e) {
+	return new Intl.DateTimeFormat(h, {
+		hour: "2-digit",
+		minute: "2-digit"
+	}).format(new Date(e));
+}
+//#endregion
+export { g as a, p as c, m as d, f, b as i, s as l, y as n, v as o, _ as r, x as s, h as t, u };
+
+//# sourceMappingURL=format-D40SMATK.js.map

package/dist/format-D40SMATK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-D40SMATK.js","names":["typography","scaleProps","t","token","createTextPreset","defineComponent","h","Text","props","defaultComponent","getDefaults","attrs","slots","displayToken","Display","size","headlineToken","headlineTag","Headline","component","subToken","Subheadline","Disclaimer","Kicker","LOCALE","formatNumber","options","value","formatCurrency","formatPercent","digits","signed","formatCompact","formatDate","formatTime"],"sources":["../src/components/Typography/Typography.ts","../src/utils/format.ts"],"sourcesContent":["import { defineComponent, h, type DefineSetupFnComponent, type PropType, type SlotsType, type VNodeChild } from 'vue';\nimport { Text, type MantineElementType, type TextProps } from '@mantine-vue/core';\nimport { typography, type TypographyToken } from '../../theme/tokens';\n\ntype Scale = 'lg' | 'md' | 'sm';\ntype TextSlots = SlotsType<{ default?: () => VNodeChild }>;\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\n/**\n * Preset de `Text` com a escala tipográfica do DS. Atributos e props do Text passados pelo usuário\n * (`c`, `mt`, `component`…) vêm por último e sobrepõem os padrões, como no @jcdecor/ui.\n */\nfunction createTextPreset<P>(\n  name: string,\n  defaultComponent: string,\n  getDefaults: (size: Scale | undefined, component: MantineElementType | undefined) => Record<string, unknown>,\n) {\n  return defineComponent({\n    name,\n    inheritAttrs: false,\n    props: {\n      size: { type: String as PropType<Scale>, default: undefined },\n      component: { type: [String, Object, Function] as PropType<MantineElementType>, default: undefined },\n    },\n    setup(props, { attrs, slots }) {\n      return () =>\n        h(\n          Text as any,\n          { component: props.component ?? defaultComponent, m: 0, ...getDefaults(props.size, props.component), ...attrs },\n          slots,\n        );\n    },\n  }) as unknown as DefineSetupFnComponent<P & { component?: MantineElementType }, {}, TextSlots>;\n}\n\nexport interface DisplayProps extends Omit<TextProps, 'size'> {\n  /** display-large · display-medium · display-small @default 'sm' */\n  size?: Scale;\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 = createTextPreset<DisplayProps>('Display', 'h1', (size = 'sm') => scaleProps(displayToken[size]));\n\nexport interface HeadlineProps extends Omit<TextProps, 'size'> {\n  /** headline-large (Bold) · headline-medium · headline-small (SemiBold) @default 'md' */\n  size?: Scale;\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 = createTextPreset<HeadlineProps>('Headline', 'h3', (size = 'md', component) => ({\n  ...scaleProps(headlineToken[size]),\n  component: component ?? headlineTag[size],\n}));\n\nexport interface SubheadlineProps extends Omit<TextProps, 'size'> {\n  /** subheadline-large (Medium) · regular · small @default 'md' */\n  size?: Scale;\n}\n\nconst subToken: Record<Scale, TypographyToken> = { lg: 'subheadlineLg', md: 'subheadlineRg', sm: 'subheadlineSm' };\n\n/** Texto de apoio / corpo. */\nexport const Subheadline = createTextPreset<SubheadlineProps>('Subheadline', 'p', (size = 'md') => scaleProps(subToken[size]));\n\nexport type DisclaimerProps = Omit<TextProps, 'size'>;\n\n/** Microcopy para notas, orientação e suporte legal (12px Medium, texto-3). */\nexport const Disclaimer = createTextPreset<DisclaimerProps>('Disclaimer', 'p', () => ({\n  c: 'var(--ds-text-3)',\n  ...scaleProps('disclaimer'),\n}));\n\nexport type KickerProps = Omit<TextProps, 'size'>;\n\n/** Sobretítulo em caixa-alta na cor primária (ex.: \"JC Decor · DS\"). Caixa-alta pede tracking positivo. */\nexport const Kicker = createTextPreset<KickerProps>('Kicker', 'div', () => ({\n  fz: 12,\n  fw: 600,\n  lh: 1.33,\n  tt: 'uppercase',\n  lts: '0.06em',\n  c: 'var(--ds-primary)',\n  m: undefined,\n}));\n","// @generated sincronizado de packages/ui/src/utils/format.ts — edite lá e rode `npm run sync -w @jcdecor/vue`\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":";;;;AAOA,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;AAMA,SAASE,EACP,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,cAAc;EACd,OAAO;GACL,MAAM;IAAE,MAAM;IAA2B,SAAS,KAAA;GAAU;GAC5D,WAAW;IAAE,MAAM;KAAC;KAAQ;KAAQ;IAAQ;IAAmC,SAAS,KAAA;GAAU;EACpG;EACA,MAAM,GAAO,EAAE,UAAO,YAAS;GAC7B,aACEC,EACEC,GACA;IAAE,WAAWC,EAAM,aAAaC;IAAkB,GAAG;IAAG,GAAGC,EAAYF,EAAM,MAAMA,EAAM,SAAS;IAAG,GAAGG;GAAM,GAC9GC,CACF;EACJ;CACF,CAAC;AACH;AAOA,IAAMC,IAA+C;CAAE,IAAI;CAAa,IAAI;CAAa,IAAI;AAAY,GAG5FC,IAAUV,EAA+B,WAAW,OAAO,IAAO,SAASH,EAAWY,EAAaE,EAAK,CAAC,GAOhHC,IAAgD;CAAE,IAAI;CAAc,IAAI;CAAc,IAAI;AAAa,GACvGC,IAAqC;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK,GAG7DC,IAAWd,EAAgC,YAAY,OAAO,IAAO,MAAM,OAAe;CACrG,GAAGH,EAAWe,EAAcD,EAAK;CACjC,WAAWI,KAAaF,EAAYF;AACtC,EAAE,GAOIK,IAA2C;CAAE,IAAI;CAAiB,IAAI;CAAiB,IAAI;AAAgB,GAGpGC,IAAcjB,EAAmC,eAAe,MAAM,IAAO,SAASH,EAAWmB,EAASL,EAAK,CAAC,GAKhHO,IAAalB,EAAkC,cAAc,YAAY;CACpF,GAAG;CACH,GAAGH,EAAW,YAAY;AAC5B,EAAE,GAKWsB,IAASnB,EAA8B,UAAU,cAAc;CAC1E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,GAAG;CACH,GAAG,KAAA;AACL,EAAE,GCzFWoB,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,15 @@
+import './styles/global.css';
+export * from '@mantine-vue/core';
+export { Card, Cascader, CheckboxIndicator, Combobox, FileInput, FloatingWindow, NumberFormatter, NumberInput, PillsInput, Table, Tooltip, withThemeDefaults, } from './theme/themeDefaults';
+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, COLOR_SCHEME_STORAGE_KEY } from './provider/JcProvider';
+export type { JcProviderProps } from './provider/JcProvider';
+export * from './components';
+export * from './brand';
+export * from './utils/format';
+export { formatNumber } from './utils/format';