@salesmind-ai/design-system 0.5.0 → 0.7.0

package/dist/charts/index.d.ts

@@ -1,453 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
-import { g as ChartIntent, j as ChartTypeId, M as MBTIType } from '../chart-types-BGVVO-zl.js';
 
-interface ChartContainerProps<T = Record<string, unknown>> {
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle/description */
-    subtitle?: string;
-    /** Chart height */
-    height?: number;
-    /** Chart data for validation */
-    data?: T[];
-    /** Required fields for data validation */
-    requiredFields?: string[];
-    /** Minimum sample size */
-    minSampleSize?: number;
-    /** Show data coverage badge */
-    showCoverage?: boolean;
-    /** Date range for coverage badge */
-    dateRange?: {
-        start: string;
-        end: string;
-    };
-    /** Loading state */
-    loading?: boolean;
-    /** Empty state message */
-    emptyMessage?: string;
-    /** Chart children (Recharts components) */
-    children: React__default.ReactNode;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * ChartContainer wraps charts with responsive sizing, theming, and data state handling.
- * It enforces data contracts and shows appropriate states when data is invalid.
- */
-declare function ChartContainer<T extends Record<string, unknown>>({ title, subtitle, height, data, requiredFields, minSampleSize, showCoverage, dateRange, loading, emptyMessage, children, className, ...props }: ChartContainerProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace ChartContainer {
-    var displayName: string;
-}
-
-interface LineConfig {
-    /** Data key for the line */
-    key: string;
-    /** Display name */
-    name?: string;
-    /** Line color (CSS variable or hex) */
-    color?: string;
-    /** Dashed line */
-    dashed?: boolean;
-    /** Show dots on data points */
-    dot?: boolean;
-}
-interface LineChartProps<T = Record<string, unknown>> {
-    /** Chart data */
-    data: T[];
-    /** X-axis data key */
-    xKey: string;
-    /** Line configurations */
-    lines: LineConfig[];
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Chart height */
-    height?: number;
-    /** Show grid lines */
-    grid?: boolean;
-    /** Show legend */
-    legend?: boolean;
-    /** Curve type */
-    curve?: 'linear' | 'monotone' | 'step';
-    /** Custom tooltip formatter */
-    tooltipFormatter?: (value: number, name: string) => string;
-    /** Minimum sample size */
-    minSampleSize?: number;
-    /** Date range */
-    dateRange?: {
-        start: string;
-        end: string;
-    };
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * LineChart displays time-series or trend data.
- * Requires minimum 7 data points for meaningful visualization.
- */
-declare function LineChart<T extends Record<string, unknown>>({ data, xKey, lines, title, subtitle, height, grid, legend: showLegend, curve, minSampleSize, dateRange, className, }: LineChartProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace LineChart {
-    var displayName: string;
-}
-
-interface BarConfig {
-    /** Data key for the bar */
-    key: string;
-    /** Display name */
-    name?: string;
-    /** Bar color (CSS variable or hex) */
-    color?: string;
-    /** Stack ID for stacked bars */
-    stackId?: string;
-}
-interface BarChartProps<T = Record<string, unknown>> {
-    /** Chart data */
-    data: T[];
-    /** X-axis data key (category key) */
-    xKey: string;
-    /** Bar configurations */
-    bars: BarConfig[];
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Chart height */
-    height?: number;
-    /** Layout direction */
-    layout?: 'horizontal' | 'vertical';
-    /** Show grid lines */
-    grid?: boolean;
-    /** Show legend */
-    legend?: boolean;
-    /** Bar corner radius */
-    radius?: number;
-    /** Show value labels on bars */
-    showLabels?: boolean;
-    /** Custom tooltip formatter */
-    tooltipFormatter?: (value: number, name: string) => string;
-    /** Minimum sample size */
-    minSampleSize?: number;
-    /** Use category colors (different color per bar in single series) */
-    categoryColors?: string[];
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * BarChart displays comparisons and distributions.
- * Requires minimum 5 categories for meaningful visualization.
- */
-declare function BarChart<T extends Record<string, unknown>>({ data, xKey, bars, title, subtitle, height, layout, grid, legend: showLegend, radius, showLabels, minSampleSize, categoryColors, className, }: BarChartProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace BarChart {
-    var displayName: string;
-}
-
-interface PieChartDataItem {
-    name: string;
-    value: number;
-    color?: string;
-}
-interface PieChartProps {
-    /** Chart data */
-    data: PieChartDataItem[];
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Chart height */
-    height?: number;
-    /** Inner radius for donut effect (0 = pie, >0 = donut) */
-    innerRadius?: number;
-    /** Outer radius */
-    outerRadius?: number;
-    /** Show labels */
-    showLabels?: boolean;
-    /** Label type */
-    labelType?: 'percent' | 'value' | 'name';
-    /** Show legend */
-    legend?: boolean;
-    /** Custom tooltip formatter */
-    tooltipFormatter?: (value: number, name: string) => string;
-    /** Minimum sample size (total of all values) */
-    minSampleSize?: number;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * PieChart displays proportions and compositions.
- * Requires minimum 3 segments and n > 30 for meaningful visualization.
- */
-declare function PieChart({ data, title, subtitle, height, innerRadius, outerRadius, showLabels, labelType, legend: showLegend, minSampleSize, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
-declare namespace PieChart {
-    var displayName: string;
-}
-
-interface FunnelStage {
-    /** Stage name */
-    name: string;
-    /** Value/count at this stage */
-    value: number;
-    /** Optional color override */
-    color?: string;
-}
-interface FunnelChartProps {
-    /** Funnel stages (min 3 required) */
-    stages: FunnelStage[];
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Show conversion rates between stages */
-    showConversionRates?: boolean;
-    /** Show drop-off percentages */
-    showDropOff?: boolean;
-    /** Show value labels */
-    showValues?: boolean;
-    /** Height in pixels */
-    height?: number;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * FunnelChart visualizes conversion funnels and drop-off rates.
- * Requires minimum 3 stages for meaningful visualization.
- */
-declare function FunnelChart({ stages, title, subtitle, showConversionRates, showDropOff, showValues, height, className, }: FunnelChartProps): react_jsx_runtime.JSX.Element;
-declare namespace FunnelChart {
-    var displayName: string;
-}
-
-interface HeatmapCell {
-    /** X-axis value (column) */
-    x: string;
-    /** Y-axis value (row) */
-    y: string;
-    /** Cell value */
-    value: number;
-}
-interface HeatmapChartProps {
-    /** Heatmap data */
-    data: HeatmapCell[];
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** X-axis label */
-    xLabel?: string;
-    /** Y-axis label */
-    yLabel?: string;
-    /** Color scale (low to high) */
-    colorScale?: [string, string];
-    /** Show cell values */
-    showValues?: boolean;
-    /** Value formatter */
-    valueFormatter?: (value: number) => string;
-    /** Minimum cells required */
-    minCells?: number;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * HeatmapChart visualizes density and correlation data.
- * Requires minimum 25 cells for meaningful visualization.
- */
-declare function HeatmapChart({ data, title, subtitle, xLabel, yLabel, colorScale, showValues, valueFormatter, minCells, className, }: HeatmapChartProps): react_jsx_runtime.JSX.Element;
-declare namespace HeatmapChart {
-    var displayName: string;
-}
-
-interface ChartDimension {
-    /** Field key in data */
-    key: string;
-    /** Display label */
-    label?: string;
-    /** Is this a time dimension */
-    isTime?: boolean;
-}
-interface ChartMeasure {
-    /** Field key in data */
-    key: string;
-    /** Display label */
-    label?: string;
-    /** Color (CSS variable or hex) */
-    color?: string;
-    /** Stack group ID */
-    stackId?: string;
-}
-interface ChartProps<T = Record<string, unknown>> {
-    /** Semantic intent of the visualization */
-    intent: ChartIntent;
-    /** Chart data */
-    data: T[];
-    /** Dimension fields (categories, time axis) */
-    dimensions: ChartDimension[];
-    /** Measure fields (values to visualize) */
-    measures: ChartMeasure[];
-    /** Default chart type */
-    defaultType?: ChartTypeId;
-    /** Allowed chart types for switching (defaults to all MVP types in family) */
-    allowedTypes?: ChartTypeId[];
-    /** Controlled chart type */
-    chartType?: ChartTypeId;
-    /** Callback when chart type changes */
-    onChartTypeChange?: (type: ChartTypeId) => void;
-    /** Allow user to switch chart types */
-    allowSwitching?: boolean;
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Chart height */
-    height?: number;
-    /** Show legend */
-    legend?: boolean;
-    /** Show grid */
-    grid?: boolean;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * Chart is the unified abstraction layer for all visualizations.
- *
- * It provides:
- * - Intent-based chart selection
- * - Data contract validation
- * - Governed chart switching within semantic families
- * - Consistent theming and accessibility
- *
- * @example
- * ```tsx
- * <Chart
- *   intent="trend"
- *   data={timeSeriesData}
- *   dimensions={[{ key: 'date', isTime: true }]}
- *   measures={[{ key: 'revenue', label: 'Revenue' }]}
- *   defaultType="line"
- *   allowSwitching
- * />
- * ```
- */
-declare function Chart<T extends Record<string, unknown>>({ intent, data, dimensions, measures, defaultType, allowedTypes, chartType: controlledType, onChartTypeChange, allowSwitching, title, subtitle, height, legend: showLegend, grid, className, }: ChartProps<T>): react_jsx_runtime.JSX.Element;
-declare namespace Chart {
-    var displayName: string;
-}
-
-interface ChartSwitchControlProps {
-    /** Currently selected chart type */
-    currentType: ChartTypeId;
-    /** Allowed chart types for switching */
-    allowedTypes: ChartTypeId[];
-    /** Callback when type changes */
-    onTypeChange: (type: ChartTypeId) => void;
-    /** Size variant */
-    size?: 'sm' | 'md';
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * ChartSwitchControl allows users to switch between allowed chart types
- * within the same semantic family.
- */
-declare function ChartSwitchControl({ currentType, allowedTypes, onTypeChange, size, className, }: ChartSwitchControlProps): react_jsx_runtime.JSX.Element | null;
-declare namespace ChartSwitchControl {
-    var displayName: string;
-}
-
-/**
- * MBTI dimension scores representing preference strengths.
- * Values should be 0-100 where 50 is neutral.
- */
-interface MBTIDimensions {
-    /** Extraversion (0) vs Introversion (100) */
-    EI: number;
-    /** Sensing (0) vs Intuition (100) */
-    SN: number;
-    /** Thinking (0) vs Feeling (100) */
-    TF: number;
-    /** Judging (0) vs Perceiving (100) */
-    JP: number;
-}
-interface MBTIRadarProps {
-    /** MBTI dimension scores */
-    dimensions: MBTIDimensions;
-    /** Sample size for confidence calculation */
-    sampleSize: number;
-    /** Optional comparison dimensions (e.g., benchmark) */
-    comparison?: MBTIDimensions;
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Chart size */
-    size?: number;
-    /** Show dimension labels */
-    showLabels?: boolean;
-    /** Show values on hover */
-    showValues?: boolean;
-    /** Minimum sample size (default: 20) */
-    minSampleSize?: number;
-    /** Confidence score (0-100) */
-    confidence?: number;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * MBTIRadar visualizes personality dimension scores as a radar chart.
- * Requires minimum 20 samples for meaningful visualization.
- *
- * Each dimension is scored 0-100:
- * - EI: 0 = Extraversion, 100 = Introversion
- * - SN: 0 = Sensing, 100 = Intuition
- * - TF: 0 = Thinking, 100 = Feeling
- * - JP: 0 = Judging, 100 = Perceiving
- */
-declare function MBTIRadar({ dimensions, sampleSize, comparison, title, subtitle, size, showLabels, showValues, minSampleSize, confidence, className, }: MBTIRadarProps): react_jsx_runtime.JSX.Element;
-declare namespace MBTIRadar {
-    var displayName: string;
-}
-
-interface MBTITypeCount {
-    /** MBTI type */
-    type: MBTIType;
-    /** Count of individuals with this type */
-    count: number;
-    /** Optional response rate for this type */
-    responseRate?: number;
-}
-interface MBTITypeGridProps {
-    /** Distribution of MBTI types */
-    data: MBTITypeCount[];
-    /** Total sample size (sum of all counts) */
-    sampleSize?: number;
-    /** Chart title */
-    title?: string;
-    /** Chart subtitle */
-    subtitle?: string;
-    /** Show percentage labels */
-    showPercentages?: boolean;
-    /** Show count labels */
-    showCounts?: boolean;
-    /** Highlight types above this threshold (percentage) */
-    highlightThreshold?: number;
-    /** Minimum sample size (default: 50) */
-    minSampleSize?: number;
-    /** Confidence score (0-100) */
-    confidence?: number;
-    /** Click handler for type selection */
-    onTypeClick?: (type: MBTIType) => void;
-    /** Currently selected type */
-    selectedType?: MBTIType;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * MBTITypeGrid displays the distribution of all 16 MBTI types in a 4x4 grid.
- * Requires minimum 50 samples for meaningful visualization.
- */
-declare function MBTITypeGrid({ data, sampleSize: propSampleSize, title, subtitle, showPercentages, showCounts, highlightThreshold, minSampleSize, confidence, onTypeClick, selectedType, className, }: MBTITypeGridProps): react_jsx_runtime.JSX.Element;
-declare namespace MBTITypeGrid {
-    var displayName: string;
-}
-
-export { BarChart, type BarChartProps, type BarConfig, Chart, ChartContainer, type ChartContainerProps, type ChartDimension, type ChartMeasure, type ChartProps, ChartSwitchControl, type ChartSwitchControlProps, FunnelChart, type FunnelChartProps, type FunnelStage, type HeatmapCell, HeatmapChart, type HeatmapChartProps, LineChart, type LineChartProps, type LineConfig, type MBTIDimensions, MBTIRadar, type MBTIRadarProps, type MBTITypeCount, MBTITypeGrid, type MBTITypeGridProps, PieChart, type PieChartDataItem, type PieChartProps };
+export {  }

package/dist/charts/index.js

@@ -1,5 +1,3 @@
-export { BarChart, Chart, ChartContainer, ChartSwitchControl, FunnelChart, HeatmapChart, LineChart, MBTIRadar, MBTITypeGrid, PieChart } from '../chunk-RQUFZAZ7.js';
-import '../chunk-B6AVAX4F.js';
-import '../chunk-C2BCDNAV.js';
+
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-HDVAMYSG.js → chunk-27Y5ESMM.js}

@@ -1,4 +1,4 @@
-import { useAppearance } from './chunk-7UZ5DETZ.js';
+import { useAppearance } from './chunk-MBAG654R.js';
 import React from 'react';
 import clsx2 from 'clsx';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -6,6 +6,11 @@ import { Sun, Moon } from 'lucide-react';
 
 var VoidBackground = React.forwardRef(
   ({ showGrid = true, showGrain = true, className, children }, ref) => {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "VoidBackground is deprecated since v2; use AuroraVoid from @salesmind-ai/design-system. Will be removed in v3."
+      );
+    }
     return /* @__PURE__ */ jsxs("div", { ref, className: clsx2("void", className), children: [
       /* @__PURE__ */ jsx("div", { className: "void__base", "aria-hidden": "true" }),
       /* @__PURE__ */ jsxs("div", { className: "void__orbs", "aria-hidden": "true", children: [
@@ -154,4 +159,4 @@ ColorPicker.displayName = "ColorPicker";
 
 export { ColorPicker, ThemeSelector, VoidBackground };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-HDVAMYSG.js.map
+//# sourceMappingURL=chunk-27Y5ESMM.js.map

package/dist/chunk-27Y5ESMM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VoidBackground/VoidBackground.tsx","../src/components/ThemeSelector/ThemeSelector.tsx","../src/components/ColorPicker/ColorPicker.tsx"],"names":["clsx","jsx","jsxs","React"],"mappings":";;;;;AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAwCT,cAGA,YAHA;AAXD,IAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,MAAM,YAAY,MAAM,WAAW,SAAS,GAAG,QAAQ;AACnE,QAAI,QAAQ,IAAI,aAAa,cAAc;AAEzC,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,WACE,qBAAC,SAAI,KAAU,WAAW,KAAK,QAAQ,SAAS,GAE9C;AAAA,0BAAC,SAAI,WAAU,cAAa,eAAY,QAAO;AAAA,MAG/C,qBAAC,SAAI,WAAU,cAAa,eAAY,QACtC;AAAA,4BAAC,SAAI,WAAU,6BAA4B;AAAA,QAC3C,oBAAC,SAAI,WAAU,+BAA8B;AAAA,SAC/C;AAAA,MAGC,YAAY,oBAAC,SAAI,WAAU,cAAa,eAAY,QAAO;AAAA,MAG3D,aAAa,oBAAC,SAAI,WAAU,eAAc,eAAY,QAAO;AAAA,MAG7D,YAAY,oBAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA,OACxD;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;;;AC7D7B,SAAS,KAAK,YAAY;AAC1B,OAAOA,WAAU;AAkBL,SAMI,OAAAC,MANJ,QAAAC,aAAA;AATL,IAAM,gBAA8C,CAAC,EAAE,WAAW,MAAM,MAAM;AACjF,QAAM,EAAE,OAAO,SAAS,IAAI,cAAc;AAE1C,QAAM,oBAAoB,CAAC,aAAoB;AAC3C,aAAS,QAAQ;AAAA,EACrB;AAEA,SACI,gBAAAA,MAAC,SAAI,WAAWF,MAAK,qBAAqB,SAAS,GAAG,OAAc,MAAK,SAAQ,cAAW,kBACxF;AAAA,oBAAAE;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWF,MAAK,0BAA0B,EAAE,kCAAkC,UAAU,QAAQ,CAAC;AAAA,QACjG,SAAS,MAAM,kBAAkB,OAAO;AAAA,QACxC,gBAAc,UAAU;AAAA,QAExB;AAAA,0BAAAC,KAAC,OAAI,WAAU,2BAA0B;AAAA,UACzC,gBAAAA,KAAC,UAAK,WAAU,4BAA2B,mBAAK;AAAA;AAAA;AAAA,IACpD;AAAA,IAEA,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWF,MAAK,0BAA0B,EAAE,kCAAkC,UAAU,iBAAiB,CAAC;AAAA,QAC1G,SAAS,MAAM,kBAAkB,gBAAgB;AAAA,QACjD,gBAAc,UAAU;AAAA,QAExB;AAAA,0BAAAC,KAAC,OAAI,WAAU,2BAA0B;AAAA,UACzC,gBAAAA,KAAC,UAAK,WAAU,4BAA2B,sBAAQ;AAAA;AAAA;AAAA,IACvD;AAAA,IAEA,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWF,MAAK,0BAA0B,EAAE,kCAAkC,UAAU,OAAO,CAAC;AAAA,QAChG,SAAS,MAAM,kBAAkB,MAAM;AAAA,QACvC,gBAAc,UAAU;AAAA,QAExB;AAAA,0BAAAC,KAAC,QAAK,WAAU,2BAA0B;AAAA,UAC1C,gBAAAA,KAAC,UAAK,WAAU,4BAA2B,kBAAI;AAAA;AAAA;AAAA,IACnD;AAAA,IAEA,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWF,MAAK,0BAA0B,EAAE,kCAAkC,UAAU,gBAAgB,CAAC;AAAA,QACzG,SAAS,MAAM,kBAAkB,eAAe;AAAA,QAChD,gBAAc,UAAU;AAAA,QAExB;AAAA,0BAAAC,KAAC,QAAK,WAAU,2BAA0B;AAAA,UAC1C,gBAAAA,KAAC,UAAK,WAAU,4BAA2B,qBAAO;AAAA;AAAA;AAAA,IACtD;AAAA,KACJ;AAER;AAEA,cAAc,cAAc;;;AC/D5B,OAAOE,YAAW;AAClB,OAAOH,WAAU;AAsDL,gBAAAC,MASF,QAAAC,aATE;AAjDZ,IAAM,gBAAkE;AAAA,EACtE,EAAE,OAAO,WAAW,OAAO,qBAAqB,OAAO,UAAU;AAAA,EACjE,EAAE,OAAO,aAAa,OAAO,aAAa,OAAO,UAAU;AAC7D;AAsBO,IAAM,cAAcC,OAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,OAAO,aAAa,MAAM,GAAG,QAAQ;AACjD,UAAM,EAAE,OAAO,UAAU,aAAa,eAAe,IAAI,cAAc;AAEvE,WACE,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAWF,MAAK,mBAAmB,SAAS;AAAA,QAC5C;AAAA,QACA,MAAK;AAAA,QACL,cAAW;AAAA,QAEV;AAAA,wBAAc,IAAI,CAAC,EAAE,OAAO,OAAO,MAAM,MACxC,gBAAAC;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAWD,MAAK,2BAA2B;AAAA,gBACzC,mCAAmC,UAAU;AAAA,cAC/C,CAAC;AAAA,cACD,SAAS,MAAM,SAAS,KAAK;AAAA,cAC7B,cAAY,aAAa,KAAK;AAAA,cAC9B,gBAAc,UAAU;AAAA,cACxB,OAAO;AAAA,cAEP,0BAAAC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,kBAAkB,MAAM;AAAA;AAAA,cACnC;AAAA;AAAA,YAbK;AAAA,UAcP,CACD;AAAA,UAGA,CAAC,cACA,gBAAAC;AAAA,YAAC;AAAA;AAAA,cACC,WAAWF,MAAK,2BAA2B,mCAAmC;AAAA,gBAC5E,mCAAmC,UAAU;AAAA,cAC/C,CAAC;AAAA,cACD,OAAO,WAAW,WAAW;AAAA,cAE7B;AAAA,gCAAAC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,kBAAkB,YAAY;AAAA;AAAA,gBACzC;AAAA,gBACA,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,oBAC9C,WAAU;AAAA,oBACV,cAAW;AAAA;AAAA,gBACb;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc","sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport './VoidBackground.css';\n\nexport interface VoidBackgroundProps {\n  /** Show the engineered grid overlay */\n  showGrid?: boolean;\n  /** Show the film grain texture */\n  showGrain?: boolean;\n  /** Custom class name */\n  className?: string;\n  /** Child content rendered above the void */\n  children?: React.ReactNode;\n}\n\n/**\n * VoidBackground — The Void Signature Design System Level 0 Environment\n *\n * @deprecated since v2; use AuroraVoid from @salesmind-ai/design-system. Will be removed in v3.\n *\n * A four-layer atmospheric background system:\n * 1. Base Color — Deep purple-black (#08040a)\n * 2. Light Orbs — Radial gradients with mix-blend-mode: screen\n * 3. Engineered Grid — 80×80px with radial fade mask\n * 4. Film Grain — Static SVG noise for texture\n *\n * The Void is not decoration — it is the lighting engine for the UI.\n *\n * @see AuroraVoid\n */\nexport const VoidBackground = React.forwardRef<HTMLDivElement, VoidBackgroundProps>(\n  ({ showGrid = true, showGrain = true, className, children }, ref) => {\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'VoidBackground is deprecated since v2; use AuroraVoid from @salesmind-ai/design-system. Will be removed in v3.',\n      );\n    }\n    return (\n      <div ref={ref} className={clsx('void', className)}>\n        {/* Layer 1: Base Color */}\n        <div className=\"void__base\" aria-hidden=\"true\" />\n\n        {/* Layer 2: Light Orbs (Infusion Engine) */}\n        <div className=\"void__orbs\" aria-hidden=\"true\">\n          <div className=\"void__orb void__orb--warm\" />\n          <div className=\"void__orb void__orb--purple\" />\n        </div>\n\n        {/* Layer 3: Engineered Grid */}\n        {showGrid && <div className=\"void__grid\" aria-hidden=\"true\" />}\n\n        {/* Layer 4: Film Grain */}\n        {showGrain && <div className=\"void__grain\" aria-hidden=\"true\" />}\n\n        {/* Content Layer */}\n        {children && <div className=\"void__content\">{children}</div>}\n      </div>\n    );\n  },\n);\n\nVoidBackground.displayName = 'VoidBackground';\n","import React from 'react';\nimport { Sun, Moon } from 'lucide-react';\nimport clsx from 'clsx';\nimport { useAppearance, Theme } from '../../theme/AppearanceProvider';\nimport './ThemeSelector.css';\n\nexport interface ThemeSelectorProps {\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nexport const ThemeSelector: React.FC<ThemeSelectorProps> = ({ className, style }) => {\n    const { theme, setTheme } = useAppearance();\n\n    const handleThemeChange = (newTheme: Theme) => {\n        setTheme(newTheme);\n    };\n\n    return (\n        <div className={clsx('ds-theme-selector', className)} style={style} role=\"group\" aria-label=\"Theme Selector\">\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'light' })}\n                onClick={() => handleThemeChange('light')}\n                aria-pressed={theme === 'light'}\n            >\n                <Sun className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Light</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'light-contrast' })}\n                onClick={() => handleThemeChange('light-contrast')}\n                aria-pressed={theme === 'light-contrast'}\n            >\n                <Sun className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Light HC</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'dark' })}\n                onClick={() => handleThemeChange('dark')}\n                aria-pressed={theme === 'dark'}\n            >\n                <Moon className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Dark</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'dark-contrast' })}\n                onClick={() => handleThemeChange('dark-contrast')}\n                aria-pressed={theme === 'dark-contrast'}\n            >\n                <Moon className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Dark HC</span>\n            </button>\n        </div>\n    );\n};\n\nThemeSelector.displayName = 'ThemeSelector';\n","import React from 'react';\nimport clsx from 'clsx';\nimport { useAppearance, Brand } from '../../theme/AppearanceProvider';\nimport './ColorPicker.css';\n\n/** Pre-configured brand presets shown as swatches. */\nconst BRAND_PRESETS: { value: Brand; label: string; color: string }[] = [\n  { value: 'default', label: 'Warm Intelligence', color: '#f97316' },\n  { value: 'salesmind', label: 'SalesMind', color: '#ff005a' },\n];\n\nexport interface ColorPickerProps {\n  /** Additional CSS class name. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n  /**\n   * Hide the custom color swatch and native color input.\n   * When `true`, only the curated brand presets are shown.\n   * Use this on production surfaces (e.g., marketing website footer)\n   * where arbitrary custom colors would undermine brand consistency.\n   * @default false\n   */\n  hideCustom?: boolean;\n}\n\n/**\n * Compact brand/accent color picker.\n * Renders preset brand swatches and an optional custom color input.\n * Consumes the `useAppearance()` context for state.\n */\nexport const ColorPicker = React.forwardRef<HTMLDivElement, ColorPickerProps>(\n  ({ className, style, hideCustom = false }, ref) => {\n    const { brand, setBrand, customColor, setCustomColor } = useAppearance();\n\n    return (\n      <div\n        ref={ref}\n        className={clsx('ds-color-picker', className)}\n        style={style}\n        role=\"group\"\n        aria-label=\"Brand Color\"\n      >\n        {BRAND_PRESETS.map(({ value, label, color }) => (\n          <button\n            key={value}\n            type=\"button\"\n            className={clsx('ds-color-picker__swatch', {\n              'ds-color-picker__swatch--active': brand === value,\n            })}\n            onClick={() => setBrand(value)}\n            aria-label={`Switch to ${label} color scheme`}\n            aria-pressed={brand === value}\n            title={label}\n          >\n            <span\n              className=\"ds-color-picker__dot\"\n              style={{ '--swatch-color': color } as React.CSSProperties}\n            />\n          </button>\n        ))}\n\n        {/* Custom color — clicking the dot opens the native color picker */}\n        {!hideCustom && (\n          <label\n            className={clsx('ds-color-picker__swatch', 'ds-color-picker__swatch--custom', {\n              'ds-color-picker__swatch--active': brand === 'custom',\n            })}\n            title={`Custom: ${customColor}`}\n          >\n            <span\n              className=\"ds-color-picker__dot\"\n              style={{ '--swatch-color': customColor } as React.CSSProperties}\n            />\n            <input\n              type=\"color\"\n              value={customColor}\n              onChange={(e) => setCustomColor(e.target.value)}\n              className=\"ds-color-picker__native-input\"\n              aria-label=\"Pick a custom accent color\"\n            />\n          </label>\n        )}\n      </div>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n"]}

package/dist/{chunk-YTYDQBVY.cjs → chunk-2VVRZBUR.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkH2Y6BSTL_cjs = require('./chunk-H2Y6BSTL.cjs');
+var chunk7EUR3AKV_cjs = require('./chunk-7EUR3AKV.cjs');
 var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
 var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
 var react = require('react');
@@ -105,8 +105,8 @@ function CookieConsent({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-cookie-consent__actions", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "outline", size: "sm", onClick: handleDecline, children: labels?.declineLabel ?? "Decline" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", size: "sm", onClick: handleAccept, children: labels?.acceptLabel ?? "Accept" })
+          /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "outline", size: "sm", onClick: handleDecline, children: labels?.declineLabel ?? "Decline" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk7EUR3AKV_cjs.Button, { variant: "primary", size: "sm", onClick: handleAccept, children: labels?.acceptLabel ?? "Accept" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -159,4 +159,4 @@ exports.loadClarity = loadClarity;
 exports.loadGoogleAnalytics = loadGoogleAnalytics;
 exports.useCookieConsent = useCookieConsent;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YTYDQBVY.cjs.map
+//# sourceMappingURL=chunk-2VVRZBUR.cjs.map