aura-glass/dist/esm/components/website-components/GlassChartsDemo.js

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

'use client';
import { jsxs, jsx } from 'react/jsx-runtime';
import { createGlassStyle } from '../../core/mixins/glassMixins.js';

({
  grid: 'rgba(255,255,255,0.08)',
  axis: 'var(--glass-bg-default)',
  tick: {
    fill: 'rgba(255,255,255,0.88)',
    fontSize: 13
  },
  yTick: {
    fill: 'rgba(255,255,255,0.88)',
    fontSize: 13
  },
  label: text => ({
    value: text,
    fill: 'rgba(var(--glass-color-white) / var(--glass-opacity-80))',
    fontSize: 14
  }),
  tooltip: {
    cursor: {
      stroke: 'rgba(255,255,255,0.12)'
    },
    contentStyle: createGlassStyle({
      intent: "neutral",
      elevation: "level2"
    }),
    itemStyle: {
      color: 'var(--glass-white)'
    },
    labelStyle: {
      color: 'rgba(255,255,255,0.85)'
    }
  },
  brandGrad: base => `url(#${base}-grad)`,
  brandArea: base => `url(#${base}-area)`,
  glow: base => `url(#${base}-glow)`,
  sweep: base => `url(#${base}-sweep)`,
  // Subtle, neutral competitor palette (less saturated)
  comp: ['#475569', '#3A4756', '#2C3947']
});
function GlassChartsDemo({
  className,
  children
}) {
  // TODO: Integrate ContrastGuard in chart labels, tooltips, and legends for WCAG AA compliance
  return jsxs("div", {
    className: className,
    children: [jsx("h3", {
      children: "Glass Charts Demo"
    }), children]
  });
}

export { GlassChartsDemo };
//# sourceMappingURL=GlassChartsDemo.js.map