nemesischart 0.1.15 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nemesischart",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "type": "module",
   "description": "A Vue 3 component library for dashboard cards and charts.",
   "keywords": [

package/types/index.d.ts

@@ -207,11 +207,148 @@ export interface CardColumnProps {
   moeda?: boolean
 }
 
+export interface CardLinesDadosItem {
+  rotulo: string
+  quantidade: number
+}
+
+export interface CardLinesProps {
+  /**
+   * Title text displayed at the top of the card.
+   * @default 'CardLines'
+   */
+  titulo?: string
+
+  /**
+   * Subtitle text displayed below the title.
+   * @default ''
+   */
+  subtitulo?: string
+
+  /**
+   * Primary value displayed in the card body.
+   * @default '0'
+   */
+  valor?: string
+
+  /**
+   * Description text shown below the value.
+   * @default 'This is a card component.'
+   */
+  descricao?: string
+
+  /**
+   * Array of data items to render as a line chart.
+   * Each item must have `rotulo` (label) and `quantidade` (value).
+   * @default []
+   */
+  dados?: CardLinesDadosItem[]
+
+  /**
+   * Background color theme of the card.
+   * @default 'light'
+   */
+  cor?: 'light' | 'dark' | 'transparent'
+
+  /**
+   * Base color used for the line and gradient fill.
+   * @default '#1D4ED8'
+   */
+  corPaleta?: string
+
+  /**
+   * When true, formats tooltip values as Brazilian Real (BRL) currency.
+   * @default false
+   */
+  moeda?: boolean
+}
+
+export interface CardColumnDualSegmento {
+  key: string
+  label: string
+}
+
+export interface CardColumnDualDadosItem {
+  rotulo: string
+  [key: string]: string | number
+}
+
+export interface CardColumnDualProps {
+  /**
+   * Title text displayed at the top of the card.
+   * @default 'CardColumnDual'
+   */
+  titulo?: string
+
+  /**
+   * Subtitle text displayed below the title.
+   * @default ''
+   */
+  subtitulo?: string
+
+  /**
+   * Primary value displayed in large text.
+   * @default '0'
+   */
+  valor?: string
+
+  /**
+   * Description text shown below the value.
+   * @default 'This is a card component.'
+   */
+  descricao?: string
+
+  /**
+   * Array of data items for the stacked bar chart.
+   * Each item must have `rotulo` plus the keys defined in `segmentos` and optionally `segmentoTooltip`.
+   * @default []
+   */
+  dados?: CardColumnDualDadosItem[]
+
+  /**
+   * Background color theme of the card.
+   * @default 'light'
+   */
+  cor?: 'light' | 'dark' | 'transparent'
+
+  /**
+   * Base color used to generate the bar chart color palette.
+   * @default '#1E40AF'
+   */
+  corPaleta?: string
+
+  /**
+   * When true, formats tooltip values as Brazilian Real (BRL) currency.
+   * @default false
+   */
+  moeda?: boolean
+
+  /**
+   * Layout orientation: 'vertical' stacks info and chart; 'horizontal' places them side by side.
+   * @default 'vertical'
+   */
+  eixo?: 'vertical' | 'horizontal'
+
+  /**
+   * Defines the visible bar segments. Order: [top, ..., bottom]. Each item: { key, label }.
+   * @default [{ key: 'total_previsto', label: 'Previsto' }, { key: 'total_recebido', label: 'Recebido' }]
+   */
+  segmentos?: CardColumnDualSegmento[]
+
+  /**
+   * Extra field shown only in the tooltip. Format: { key, label }. Set to null to omit.
+   * @default { key: 'total_em_aberto', label: 'Em aberto' }
+   */
+  segmentoTooltip?: CardColumnDualSegmento | null
+}
+
 declare const Cards: DefineComponent<CardsProps, {}, {}, {}, {}, {}, {}, { click: () => void }>
 declare const Polar: DefineComponent<PolarProps>
 declare const CardColumn: DefineComponent<CardColumnProps>
 declare const CardPizza: DefineComponent<CardPizzaProps>
+declare const CardLines: DefineComponent<CardLinesProps>
+declare const CardColumnDual: DefineComponent<CardColumnDualProps>
 declare const NemesisChart: Plugin
 
-export { Cards, Polar, CardColumn, CardPizza }
+export { Cards, Polar, CardColumn, CardPizza, CardLines, CardColumnDual }
 export default NemesisChart