@flikk/ui 1.0.0-beta.23 → 1.0.0-beta.25

package/dist/index.js

@@ -174,7 +174,7 @@ export { inputTagTheme } from './components/forms/InputTag/InputTag.theme.js';
 export { Combobox } from './components/forms/Combobox/Combobox.js';
 export { comboboxTheme } from './components/forms/Combobox/Combobox.theme.js';
 export { ColorPicker } from './components/forms/ColorPicker/ColorPicker.js';
-export { ColorPickerContext, useColorPicker } from './components/forms/ColorPicker/ColorPickerContext.js';
+export { useColorPicker } from './components/forms/ColorPicker/ColorPickerContext.js';
 export { ColorPickerTrigger } from './components/forms/ColorPicker/ColorPickerTrigger.js';
 export { ColorPickerBody } from './components/forms/ColorPicker/ColorPickerBody.js';
 export { ColorPicker2DCanvas } from './components/forms/ColorPicker/ColorPicker2DCanvas.js';
@@ -196,66 +196,10 @@ export { mentionTheme } from './components/forms/Mention/Mention.theme.js';
 export { CronInput } from './components/forms/CronInput/CronInput.js';
 export { cronInputTheme } from './components/forms/CronInput/CronInput.theme.js';
 export { CRON_PRESETS, cronToDescription, fieldsToCron, formatNextRun, getNextRuns, parseCron, validateCron } from './components/forms/CronInput/CronInput.utils.js';
-export { ChartContainer } from './components/charts/ChartContainer.js';
-export { BarChart } from './components/charts/BarChart/BarChart.js';
-export { StackedBarChart } from './components/charts/StackedBarChart/StackedBarChart.js';
-export { STACKED_BAR_CHART_DEFAULTS } from './components/charts/StackedBarChart/StackedBarChart.types.js';
-export { LineChart } from './components/charts/LineChart/LineChart.js';
-export { AreaChart } from './components/charts/AreaChart/AreaChart.js';
-export { DonutChart } from './components/charts/DonutChart/DonutChart.js';
-export { MultiSegmentDonutChart } from './components/charts/DonutChart/MultiSegmentDonutChart.js';
-export { Heatmap } from './components/charts/Heatmap/Heatmap.js';
-import './components/charts/Heatmap/HeatmapCell.js';
-export { calculateIntensity, createGridMatrix, formatAxisLabel, generateSampleData, getDefaultTooltipContent, processHeatmapData } from './components/charts/Heatmap/utils/heatmapUtils.js';
-export { FunnelChart } from './components/charts/FunnelChart/FunnelChart.js';
-export { ScatterPlot } from './components/charts/ScatterPlot/ScatterPlot.js';
-export { RadarChart } from './components/charts/RadarChart/RadarChart.js';
-export { ComboChart } from './components/charts/ComboChart/ComboChart.js';
-export { ActivityRings } from './components/charts/ActivityRings/ActivityRings.js';
-export { ChartTooltip } from './components/charts/shared/ChartTooltip/ChartTooltip.js';
-export { ChartLegend } from './components/charts/shared/ChartLegend/ChartLegend.js';
-export { ChartLegendContent } from './components/charts/shared/ChartLegend/ChartLegendContent.js';
-export { XAxis } from './components/charts/shared/ChartAxis/XAxis.js';
-export { YAxis } from './components/charts/shared/ChartAxis/YAxis.js';
-export { ChartText } from './components/charts/shared/ChartText/ChartText.js';
-export { ChartMarker } from './components/charts/shared/ChartMarker/ChartMarker.js';
-export { ChartCrosshair } from './components/charts/shared/ChartCrosshair/ChartCrosshair.js';
-export { HorizontalGrid } from './components/charts/shared/ChartGrid/HorizontalGrid.js';
-export { useChartTheme } from './components/charts/hooks/useChartTheme.js';
-export { useTooltipPosition } from './components/charts/hooks/useTooltipPosition.js';
-export { useChartAccessibility } from './components/charts/hooks/useChartAccessibility.js';
-export { useChartValidation } from './components/charts/hooks/useChartValidation.js';
-export { DEFAULT_CHART_COLORS, EXTENDED_CHART_COLORS, MINIMAL_CHART_COLORS, colorClassToVariable, combineClasses, createColorClass, extractFillClass, extractStrokeClass, generateColorPalette, generateSeriesColors, getContrastColor } from './components/charts/utils/color-utils.js';
-export { chartTheme } from './components/charts/theme/chart.theme.js';
-export { SafeMath, calculateSafeScaleRange, generateNiceTicks, niceNum, sanitizeChartData, validateChart, validateChartConfig, validateChartData } from './components/charts/utils/chart-validation.js';
-export { BAR_CHART_DEFAULTS } from './components/charts/BarChart/BarChart.types.js';
-export { LINE_CHART_DEFAULTS } from './components/charts/LineChart/LineChart.types.js';
-export { AREA_CHART_DEFAULTS } from './components/charts/AreaChart/AreaChart.types.js';
-export { ChartErrorBoundary } from './components/charts/shared/ChartErrorBoundary/ChartErrorBoundary.js';
 export { FormLayout } from './components/layout/FormLayout/FormLayout.js';
 export { formLayoutTheme } from './components/layout/FormLayout/FormLayout.theme.js';
 export { PageLayout } from './components/layout/PageLayout/PageLayout.js';
 export { pageLayoutTheme } from './components/layout/PageLayout/PageLayout.theme.js';
-export { CustomCursor, CustomCursorFollow, CustomCursorProvider, useCustomCursor } from './components/effects/CustomCursor/CustomCursor.js';
-export { GlassEffect } from './components/effects/GlassEffect/GlassEffect.js';
-export { Overlay } from './components/effects/Overlay/Overlay.js';
-export { GlassSurface } from './components/effects/GlassSurface/GlassSurface.js';
-export { Animated } from './components/effects/Animated/Animated.js';
-export { ProgressiveBlur } from './components/effects/ProgressiveBlur/ProgressiveBlur.js';
-export { Aurora } from './components/effects/Aurora/Aurora.js';
-export { MagneticElement } from './components/effects/MagneticElement/MagneticElement.js';
-export { MorphingText } from './components/effects/MorphingText/MorphingText.js';
-export { GridPattern } from './components/effects/GridPattern/GridPattern.js';
-export { DotPattern } from './components/effects/DotPattern/DotPattern.js';
-export { NoiseOverlay } from './components/effects/NoiseOverlay/NoiseOverlay.js';
-export { Spotlight } from './components/effects/Spotlight/Spotlight.js';
-export { ParallaxSection } from './components/effects/ParallaxSection/ParallaxSection.js';
-export { ScrollReveal } from './components/effects/ScrollReveal/ScrollReveal.js';
-export { StickyScroll } from './components/effects/StickyScroll/StickyScroll.js';
-export { PageTransition } from './components/effects/PageTransition/PageTransition.js';
-export { InteractiveCharacters } from './components/effects/InteractiveCharacters/InteractiveCharacters.js';
-export { InsetCircleButton } from './components/effects/Neumorphic/InsetCircleButton.js';
-export { InsetPill } from './components/effects/Neumorphic/InsetPill.js';
 export { debounce } from './utils/debounce.js';
 export { useClickOutside } from './hooks/useClickOutside.js';
 export { useOverlay } from './hooks/useOverlay.js';

package/dist/shadcn-compat.css

@@ -0,0 +1,80 @@
+/* Shadcn compatibility: alias shadcn variables to Flikkui variables */
+
+:root {
+  /* Base surfaces */
+  --background: var(--color-background);
+  --foreground: var(--color-text-primary);
+  --card: var(--color-background);
+  --card-foreground: var(--color-text-primary);
+  --popover: var(--color-background);
+  --popover-foreground: var(--color-text-primary);
+
+  /* Primary system */
+  --primary: var(--color-primary);
+  --primary-foreground: var(--color-text-inverse);
+
+  /* Secondary/muted/accent map to neutrals */
+  --secondary: var(--color-background-secondary);
+  --secondary-foreground: var(--color-text-primary);
+  --muted: var(--color-background-tertiary);
+  --muted-foreground: var(--color-text-muted);
+  --accent: var(--color-background-quaternary);
+  --accent-foreground: var(--color-text-primary);
+
+  /* Destructive maps to danger */
+  --destructive: var(--color-danger-600);
+
+  /* Borders/inputs/ring */
+  --border: var(--color-border);
+  --input: var(--color-border);
+  --ring: var(--color-primary-600);
+
+  /* Typography & radius */
+  --radius: var(--form-rounded);
+
+  /* Charts (approximate) */
+  --chart-1: var(--color-primary-600);
+  --chart-2: var(--color-success-600);
+  --chart-3: var(--color-warning-600);
+  --chart-4: var(--color-danger-600);
+  --chart-5: var(--color-primary-400);
+
+  /* Sidebar */
+  --sidebar: var(--color-background-secondary);
+  --sidebar-foreground: var(--color-text-primary);
+  --sidebar-primary: var(--color-primary);
+  --sidebar-primary-foreground: var(--color-text-inverse);
+  --sidebar-accent: var(--color-background-tertiary);
+  --sidebar-accent-foreground: var(--color-text-primary);
+  --sidebar-border: var(--color-border);
+  --sidebar-ring: var(--color-primary-600);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: var(--color-text-inverse);
+  --card: oklch(0.205 0 0);
+  --card-foreground: var(--color-text-inverse);
+  --popover: oklch(0.269 0 0);
+  --popover-foreground: var(--color-text-inverse);
+  --primary: var(--color-primary-400);
+  --primary-foreground: var(--color-text-inverse);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: var(--color-text-inverse);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: var(--color-text-muted);
+  --accent: oklch(0.371 0 0);
+  --accent-foreground: var(--color-text-inverse);
+  --destructive: var(--color-danger-500);
+  --border: color-mix(in oklab, var(--color-border) 80%, black);
+  --input: color-mix(in oklab, var(--color-border) 85%, black);
+  --ring: var(--color-primary-500);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: var(--color-text-inverse);
+  --sidebar-primary: var(--color-primary-400);
+  --sidebar-primary-foreground: var(--color-text-inverse);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: var(--color-text-inverse);
+  --sidebar-border: color-mix(in oklab, var(--color-border) 70%, black);
+  --sidebar-ring: var(--color-primary-500);
+}