@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/chunk-7ZJ32KRQ.js

@@ -0,0 +1,100 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var tooltipContentVariants = cva(
+  [
+    // Base positioning and z-index
+    "z-[var(--tooltip-content-z-index)] w-fit max-w-[var(--tooltip-content-max-width)]",
+    // Colors and background
+    "bg-[color:var(--tooltip-content-background)] text-[color:var(--tooltip-content-foreground)]",
+    // Typography
+    "text-[length:var(--tooltip-content-text-size)] text-balance",
+    // Spacing
+    "px-[var(--tooltip-content-padding-x)] py-[var(--tooltip-content-padding-y)]",
+    // Border radius
+    "rounded-[var(--tooltip-content-radius)]",
+    // Transform origin for animations
+    "origin-(--radix-tooltip-content-transform-origin)",
+    // Enter animations
+    "animate-in fade-in-0 zoom-in-95",
+    // Exit animations
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+    // Side-specific slide animations
+    "data-[side=top]:slide-in-from-bottom-2",
+    "data-[side=bottom]:slide-in-from-top-2",
+    "data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2"
+  ].join(" ")
+);
+var tooltipArrowVariants = cva(
+  [
+    // Colors
+    "bg-[color:var(--tooltip-content-background)] fill-[color:var(--tooltip-content-background)]",
+    // Z-index
+    "z-[var(--tooltip-content-z-index)]",
+    // Size
+    "size-[var(--tooltip-arrow-size)]",
+    // Transform to position arrow correctly
+    "translate-y-[calc(-50%_-_2px)] rotate-45",
+    // Border radius for rounded corners
+    "rounded-[var(--tooltip-arrow-radius)]"
+  ].join(" ")
+);
+function TooltipProvider({
+  delayDuration = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props,
+      children
+    }
+  );
+}
+function Tooltip({ children, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children }) });
+}
+function TooltipTrigger({ children, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props, children });
+}
+function TooltipArrow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Arrow,
+    {
+      className: cn(tooltipArrowVariants(), className),
+      "data-slot": "tooltip-arrow",
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  showArrow = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      className: cn(tooltipContentVariants(), className),
+      "data-slot": "tooltip-content",
+      sideOffset,
+      ...props,
+      children: [
+        children,
+        showArrow && /* @__PURE__ */ jsx(TooltipArrow, {})
+      ]
+    }
+  ) });
+}
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, tooltipArrowVariants, tooltipContentVariants };
+//# sourceMappingURL=chunk-7ZJ32KRQ.js.map
+//# sourceMappingURL=chunk-7ZJ32KRQ.js.map

package/dist/chunk-7ZJ32KRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Tooltip/Tooltip.variants.ts","../src/components/feedback/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;AAQO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AAAA;AAAA,IAEE,mFAAA;AAAA;AAAA,IAEA,6FAAA;AAAA;AAAA,IAEA,6DAAA;AAAA;AAAA,IAEA,6EAAA;AAAA;AAAA,IAEA,yCAAA;AAAA;AAAA,IAEA,mDAAA;AAAA;AAAA,IAEA,iCAAA;AAAA;AAAA,IAEA,gGAAA;AAAA;AAAA,IAEA,wCAAA;AAAA,IACA,wCAAA;AAAA,IACA,wCAAA;AAAA,IACA;AAAA,GACF,CAAE,KAAK,GAAG;AACZ;AAQO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC;AAAA;AAAA,IAEE,6FAAA;AAAA;AAAA,IAEA,oCAAA;AAAA;AAAA,IAEA,kCAAA;AAAA;AAAA,IAEA,0CAAA;AAAA;AAAA,IAEA;AAAA,GACF,CAAE,KAAK,GAAG;AACZ;AC/BA,SAAS,eAAA,CAAgB;AAAA,EACvB,aAAA,GAAgB,CAAA;AAAA,EAChB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,QAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,aAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAMA,SAAS,OAAA,CAAQ,EAAE,QAAA,EAAU,GAAG,OAAM,EAAiB;AACrD,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,aAAU,SAAA,EAAW,GAAG,KAAA,EAC5C,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAMA,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,GAAG,OAAM,EAAwB;AACnE,EAAA,2BACoB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,aAAU,iBAAA,EAAmB,GAAG,OACvD,QAAA,EACH,CAAA;AAEJ;AAKA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsB;AAChE,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,KAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,eAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,SAAA,GAAY,IAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,IAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,SAAA,wBAAc,YAAA,EAAA,EAAa;AAAA;AAAA;AAAA,GAC9B,EACF,CAAA;AAEJ","file":"chunk-7ZJ32KRQ.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Tooltip content variant styles using CVA\n *\n * Handles base styling and animations for the tooltip content.\n * Side-specific slide animations are handled via data-[side=*] attributes.\n */\nexport const tooltipContentVariants = cva(\n  [\n    // Base positioning and z-index\n    \"z-[var(--tooltip-content-z-index)] w-fit max-w-[var(--tooltip-content-max-width)]\",\n    // Colors and background\n    \"bg-[color:var(--tooltip-content-background)] text-[color:var(--tooltip-content-foreground)]\",\n    // Typography\n    \"text-[length:var(--tooltip-content-text-size)] text-balance\",\n    // Spacing\n    \"px-[var(--tooltip-content-padding-x)] py-[var(--tooltip-content-padding-y)]\",\n    // Border radius\n    \"rounded-[var(--tooltip-content-radius)]\",\n    // Transform origin for animations\n    \"origin-(--radix-tooltip-content-transform-origin)\",\n    // Enter animations\n    \"animate-in fade-in-0 zoom-in-95\",\n    // Exit animations\n    \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n    // Side-specific slide animations\n    \"data-[side=top]:slide-in-from-bottom-2\",\n    \"data-[side=bottom]:slide-in-from-top-2\",\n    \"data-[side=left]:slide-in-from-right-2\",\n    \"data-[side=right]:slide-in-from-left-2\",\n  ].join(\" \")\n)\n\n/**\n * Tooltip arrow styles\n *\n * Custom arrow styling with rotation and translation\n * to create a proper arrow appearance.\n */\nexport const tooltipArrowVariants = cva(\n  [\n    // Colors\n    \"bg-[color:var(--tooltip-content-background)] fill-[color:var(--tooltip-content-background)]\",\n    // Z-index\n    \"z-[var(--tooltip-content-z-index)]\",\n    // Size\n    \"size-[var(--tooltip-arrow-size)]\",\n    // Transform to position arrow correctly\n    \"translate-y-[calc(-50%_-_2px)] rotate-45\",\n    // Border radius for rounded corners\n    \"rounded-[var(--tooltip-arrow-radius)]\",\n  ].join(\" \")\n)\n","\"use client\"\n\nimport type {\n  TooltipArrowProps,\n  TooltipContentProps,\n  TooltipProps,\n  TooltipProviderProps,\n  TooltipTriggerProps,\n} from \"./Tooltip.types\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tooltipArrowVariants,\n  tooltipContentVariants,\n} from \"./Tooltip.variants\"\n\n/**\n * TooltipProvider wraps your app to enable tooltips.\n * Provides shared configuration for delay and behavior.\n */\nfunction TooltipProvider({\n  delayDuration = 0,\n  children,\n  ...props\n}: TooltipProviderProps) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * Tooltip displays contextual information on hover or focus.\n * Wraps content in its own TooltipProvider for convenience.\n */\nfunction Tooltip({ children, ...props }: TooltipProps) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipProvider>\n  )\n}\n\n/**\n * TooltipTrigger is the element that triggers the tooltip.\n * Use asChild to wrap your own element instead of adding a wrapper.\n */\nfunction TooltipTrigger({ children, ...props }: TooltipTriggerProps) {\n  return (\n    <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props}>\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\n/**\n * TooltipArrow renders the arrow pointing to the trigger.\n */\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  return (\n    <TooltipPrimitive.Arrow\n      className={cn(tooltipArrowVariants(), className)}\n      data-slot=\"tooltip-arrow\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TooltipContent contains the tooltip message.\n * Automatically positioned and animated based on available space.\n */\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  showArrow = true,\n  children,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        className={cn(tooltipContentVariants(), className)}\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        {...props}\n      >\n        {children}\n        {showArrow && <TooltipArrow />}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n}\n"]}

package/dist/chunk-AEE5GDNA.js

@@ -0,0 +1,220 @@
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { ScatterChart as ScatterChart$1, CartesianGrid, XAxis, Label, YAxis, ZAxis, Scatter } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TooltipContentWithCallback({
+  tooltipCallback,
+  tooltipIndicator,
+  xAxisKey,
+  yAxisKey,
+  zAxisKey,
+  ...props
+}) {
+  const prevActiveRef = React.useRef(false);
+  const { active = false, payload } = props;
+  React.useEffect(() => {
+    if (tooltipCallback && active !== prevActiveRef.current) {
+      prevActiveRef.current = active;
+      tooltipCallback({
+        active,
+        payload: payload?.map((p) => ({
+          payload: p.payload,
+          x: p.payload[xAxisKey],
+          y: p.payload[yAxisKey],
+          z: zAxisKey ? p.payload[zAxisKey] : void 0
+        }))
+      });
+    }
+  }, [active, payload, tooltipCallback, xAxisKey, yAxisKey, zAxisKey]);
+  return /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, ...props });
+}
+function ScatterChart({
+  autoMinValue = false,
+  className,
+  config,
+  enableLegendSlider = false,
+  gridDashArray = "3 3",
+  intervalType,
+  legendPosition = "bottom",
+  maxXValue,
+  maxYValue,
+  minXValue,
+  minYValue,
+  onClick,
+  rotateLabelX,
+  series,
+  shape = "circle",
+  showGrid = true,
+  showLegend = false,
+  showOpacity = false,
+  showTooltip = true,
+  showXAxis = true,
+  showYAxis = true,
+  size = 60,
+  sizeRange = [60, 400],
+  startEndOnly = false,
+  tickGap,
+  tooltipCallback,
+  tooltipIndicator = "dot",
+  valueFormatter,
+  xAxisKey,
+  xAxisLabel,
+  xAxisTickFormatter,
+  yAxisKey,
+  yAxisLabel,
+  yAxisTickFormatter,
+  yAxisWidth,
+  zAxisKey,
+  ...props
+}) {
+  const handleClick = React.useCallback((data) => {
+    if (!onClick || !data) return;
+    onClick({
+      payload: data.payload ?? data,
+      x: data[xAxisKey] ?? data.x,
+      y: data[yAxisKey] ?? data.y,
+      z: zAxisKey ? data[zAxisKey] : void 0
+    });
+  }, [onClick, xAxisKey, yAxisKey, zAxisKey]);
+  const xDomain = React.useMemo(() => {
+    const min = minXValue ?? (autoMinValue ? "auto" : "dataMin");
+    const max = maxXValue ?? "dataMax";
+    return [min, max];
+  }, [autoMinValue, maxXValue, minXValue]);
+  const yDomain = React.useMemo(() => {
+    const min = minYValue ?? (autoMinValue ? "auto" : "dataMin");
+    const max = maxYValue ?? "dataMax";
+    return [min, max];
+  }, [autoMinValue, maxYValue, minYValue]);
+  const xAxisTicks = React.useMemo(() => {
+    if (!startEndOnly) return;
+    const allXValues = [];
+    for (const s of series) {
+      for (const point of s.data) {
+        const xVal = point[xAxisKey];
+        if (typeof xVal === "number") {
+          allXValues.push(xVal);
+        }
+      }
+    }
+    if (allXValues.length < 2) return;
+    const minX = Math.min(...allXValues);
+    const maxX = Math.max(...allXValues);
+    return [minX, maxX];
+  }, [series, startEndOnly, xAxisKey]);
+  const effectiveInterval = startEndOnly ? "preserveStartEnd" : intervalType;
+  const effectiveXFormatter = valueFormatter?.x ?? xAxisTickFormatter;
+  const effectiveYFormatter = valueFormatter?.y ?? yAxisTickFormatter;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "scatter-chart", ...props, children: /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      className: cn(className),
+      config,
+      children: /* @__PURE__ */ jsxs(
+        ScatterChart$1,
+        {
+          accessibilityLayer: true,
+          margin: {
+            left: yAxisLabel ? 20 : 12,
+            right: 12,
+            bottom: xAxisLabel ? 20 : 0
+          },
+          children: [
+            showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: gridDashArray }),
+            showXAxis && /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                angle: rotateLabelX,
+                axisLine: false,
+                dataKey: xAxisKey,
+                domain: xDomain,
+                interval: effectiveInterval,
+                minTickGap: tickGap,
+                name: xAxisKey,
+                textAnchor: rotateLabelX ? "end" : "middle",
+                tickFormatter: effectiveXFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                ticks: xAxisTicks,
+                type: "number",
+                children: xAxisLabel && /* @__PURE__ */ jsx(Label, { offset: -5, position: "insideBottom", value: xAxisLabel })
+              }
+            ),
+            showYAxis && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                axisLine: false,
+                dataKey: yAxisKey,
+                domain: yDomain,
+                name: yAxisKey,
+                tickFormatter: effectiveYFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                type: "number",
+                width: yAxisWidth,
+                children: yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: -90, offset: -5, position: "insideLeft", value: yAxisLabel })
+              }
+            ),
+            zAxisKey && /* @__PURE__ */ jsx(ZAxis, { dataKey: zAxisKey, name: zAxisKey, range: sizeRange, type: "number" }),
+            showTooltip && /* @__PURE__ */ jsx(
+              ChartTooltip,
+              {
+                content: tooltipCallback ? /* @__PURE__ */ jsx(
+                  TooltipContentWithCallback,
+                  {
+                    tooltipCallback,
+                    tooltipIndicator,
+                    xAxisKey,
+                    yAxisKey,
+                    zAxisKey
+                  }
+                ) : /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator }),
+                cursor: { strokeDasharray: "3 3" }
+              }
+            ),
+            showLegend && /* @__PURE__ */ jsx(
+              ChartLegend,
+              {
+                align: legendPosition === "left" ? "left" : legendPosition === "right" ? "right" : "center",
+                content: /* @__PURE__ */ jsx(ChartLegendContent, { enableSlider: enableLegendSlider }),
+                layout: legendPosition === "left" || legendPosition === "right" ? "vertical" : "horizontal",
+                verticalAlign: legendPosition === "top" ? "top" : legendPosition === "bottom" ? "bottom" : "middle"
+              }
+            ),
+            series.map((seriesConfig) => {
+              const {
+                data,
+                dataKey,
+                fill: seriesFill,
+                shape: seriesShape,
+                size: seriesSize
+              } = seriesConfig;
+              const fill = seriesFill ?? `var(--color-${dataKey})`;
+              return /* @__PURE__ */ jsx(
+                Scatter,
+                {
+                  data,
+                  fill,
+                  fillOpacity: showOpacity ? 0.7 : 1,
+                  name: dataKey,
+                  shape: seriesShape ?? shape,
+                  style: onClick ? { cursor: "pointer" } : void 0,
+                  onClick: onClick ? handleClick : void 0,
+                  children: !zAxisKey && /* @__PURE__ */ jsx(ZAxis, { range: [seriesSize ?? size, seriesSize ?? size] })
+                },
+                dataKey
+              );
+            })
+          ]
+        }
+      )
+    }
+  ) });
+}
+ScatterChart.displayName = "ScatterChart";
+
+export { ScatterChart };
+//# sourceMappingURL=chunk-AEE5GDNA.js.map
+//# sourceMappingURL=chunk-AEE5GDNA.js.map

package/dist/chunk-AEE5GDNA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScatterChart/ScatterChart.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"chunk-AEE5GDNA.js","sourcesContent":["\"use client\"\n\nimport type { ScatterChartProps, ScatterChartTooltipCallbackProps, ScatterChartTooltipIndicator } from \"./ScatterChart.types\"\n\nimport * as React from \"react\"\nimport {\n  CartesianGrid,\n  Label,\n  ScatterChart as RechartsScatterChart,\n  Scatter,\n  XAxis,\n  YAxis,\n  ZAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Internal tooltip content wrapper that calls the tooltipCallback\n */\ninterface TooltipContentWithCallbackProps {\n  tooltipCallback?: (props: ScatterChartTooltipCallbackProps) => void\n  tooltipIndicator: ScatterChartTooltipIndicator\n  xAxisKey: string\n  yAxisKey: string\n  zAxisKey?: string\n}\n\nfunction TooltipContentWithCallback({\n  tooltipCallback,\n  tooltipIndicator,\n  xAxisKey,\n  yAxisKey,\n  zAxisKey,\n  ...props\n}: TooltipContentWithCallbackProps & Record<string, unknown>) {\n  const prevActiveRef = React.useRef<boolean>(false)\n  const { active = false, payload } = props as { active?: boolean; payload?: { payload: Record<string, unknown> }[] }\n\n  // Use effect to call callback when active state changes\n  // This is an intentional callback pattern for tooltip state changes\n  /* eslint-disable react-you-might-not-need-an-effect/no-pass-data-to-parent */\n  React.useEffect(() => {\n    if (tooltipCallback && active !== prevActiveRef.current) {\n      prevActiveRef.current = active\n      tooltipCallback({\n        active,\n        payload: payload?.map((p) => ({\n          payload: p.payload,\n          x: p.payload[xAxisKey] as number,\n          y: p.payload[yAxisKey] as number,\n          z: zAxisKey ? p.payload[zAxisKey] as number : undefined,\n        })),\n      })\n    }\n  }, [active, payload, tooltipCallback, xAxisKey, yAxisKey, zAxisKey])\n  /* eslint-enable react-you-might-not-need-an-effect/no-pass-data-to-parent */\n\n  return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n}\n\n/**\n * ScatterChart - Data visualization for correlation and distribution\n *\n * Displays data points on a two-dimensional plane, ideal for showing\n * relationships between variables, identifying clusters, and\n * detecting outliers.\n *\n * @example\n * ```tsx\n * const data = [\n *   { x: 100, y: 200, name: \"A\" },\n *   { x: 120, y: 100, name: \"B\" },\n *   { x: 170, y: 300, name: \"C\" },\n * ]\n *\n * const config = {\n *   series1: { label: \"Series 1\", color: \"hsl(var(--chart-1))\" },\n * }\n *\n * <ScatterChart\n *   config={config}\n *   series={[{ dataKey: \"series1\", data }]}\n *   xAxisKey=\"x\"\n *   yAxisKey=\"y\"\n * />\n * ```\n */\nexport function ScatterChart({\n  autoMinValue = false,\n  className,\n  config,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  maxXValue,\n  maxYValue,\n  minXValue,\n  minYValue,\n  onClick,\n  rotateLabelX,\n  series,\n  shape = \"circle\",\n  showGrid = true,\n  showLegend = false,\n  showOpacity = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  size = 60,\n  sizeRange = [60, 400],\n  startEndOnly = false,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  valueFormatter,\n  xAxisKey,\n  xAxisLabel,\n  xAxisTickFormatter,\n  yAxisKey,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  zAxisKey,\n  ...props\n}: ScatterChartProps) {\n  // Handle point click - Recharts passes any-typed data\n  /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access */\n  const handleClick = React.useCallback((data: any) => {\n    if (!onClick || !data) return\n    onClick({\n      payload: data.payload ?? data,\n      x: data[xAxisKey] ?? data.x,\n      y: data[yAxisKey] ?? data.y,\n      z: zAxisKey ? data[zAxisKey] : undefined,\n    })\n  }, [onClick, xAxisKey, yAxisKey, zAxisKey])\n  /* eslint-enable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access */\n\n  // Calculate X-axis domain\n  const xDomain = React.useMemo(() => {\n    const min = minXValue ?? (autoMinValue ? \"auto\" : \"dataMin\")\n    const max = maxXValue ?? \"dataMax\"\n    return [min, max] as const\n  }, [autoMinValue, maxXValue, minXValue])\n\n  // Calculate Y-axis domain\n  const yDomain = React.useMemo(() => {\n    const min = minYValue ?? (autoMinValue ? \"auto\" : \"dataMin\")\n    const max = maxYValue ?? \"dataMax\"\n    return [min, max] as const\n  }, [autoMinValue, maxYValue, minYValue])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly) return\n    // For scatter charts, we need to find min/max from all series\n    const allXValues: number[] = []\n    for (const s of series) {\n      for (const point of s.data) {\n        const xVal = point[xAxisKey]\n        if (typeof xVal === \"number\") {\n          allXValues.push(xVal)\n        }\n      }\n    }\n    if (allXValues.length < 2) return\n    const minX = Math.min(...allXValues)\n    const maxX = Math.max(...allXValues)\n    return [minX, maxX]\n  }, [series, startEndOnly, xAxisKey])\n\n  // Determine effective interval based on startEndOnly\n  const effectiveInterval = startEndOnly ? \"preserveStartEnd\" : intervalType\n\n  // Effective tick formatters (valueFormatter takes precedence)\n  const effectiveXFormatter = valueFormatter?.x ?? xAxisTickFormatter\n  const effectiveYFormatter = valueFormatter?.y ?? yAxisTickFormatter\n\n  return (\n    <div data-slot=\"scatter-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsScatterChart\n          accessibilityLayer\n          margin={{\n            left: yAxisLabel ? 20 : 12,\n            right: 12,\n            bottom: xAxisLabel ? 20 : 0,\n          }}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              angle={rotateLabelX}\n              axisLine={false}\n              dataKey={xAxisKey}\n              domain={xDomain}\n              interval={effectiveInterval}\n              minTickGap={tickGap}\n              name={xAxisKey}\n              textAnchor={rotateLabelX ? \"end\" : \"middle\"}\n              tickFormatter={effectiveXFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n              type=\"number\"\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {showYAxis && (\n            <YAxis\n              axisLine={false}\n              dataKey={yAxisKey}\n              domain={yDomain}\n              name={yAxisKey}\n              tickFormatter={effectiveYFormatter}\n              tickLine={false}\n              tickMargin={8}\n              type=\"number\"\n              width={yAxisWidth}\n            >\n              {yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {zAxisKey && (\n            <ZAxis dataKey={zAxisKey} name={zAxisKey} range={sizeRange} type=\"number\" />\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                tooltipCallback\n                  ? <TooltipContentWithCallback\n                      tooltipCallback={tooltipCallback}\n                      tooltipIndicator={tooltipIndicator}\n                      xAxisKey={xAxisKey}\n                      yAxisKey={yAxisKey}\n                      zAxisKey={zAxisKey}\n                    />\n                  : <ChartTooltipContent indicator={tooltipIndicator} />\n              }\n              cursor={{ strokeDasharray: \"3 3\" }}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {series.map((seriesConfig) => {\n            const {\n              data,\n              dataKey,\n              fill: seriesFill,\n              shape: seriesShape,\n              size: seriesSize,\n            } = seriesConfig\n\n            const fill = seriesFill ?? `var(--color-${dataKey})`\n\n            return (\n              <Scatter\n                key={dataKey}\n                data={data}\n                fill={fill}\n                fillOpacity={showOpacity ? 0.7 : 1}\n                name={dataKey}\n                shape={seriesShape ?? shape}\n                style={onClick ? { cursor: \"pointer\" } : undefined}\n                onClick={onClick ? handleClick : undefined}\n              >\n                {!zAxisKey && (\n                  <ZAxis range={[seriesSize ?? size, seriesSize ?? size]} />\n                )}\n              </Scatter>\n            )\n          })}\n        </RechartsScatterChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nScatterChart.displayName = \"ScatterChart\"\n"]}

package/dist/chunk-AEHYYTFW.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var formValidationVariants = cva(
+  "text-sm mt-1.5",
+  {
+    variants: {
+      state: {
+        idle: "text-muted-foreground",
+        error: "text-destructive",
+        success: "text-success",
+        warning: "text-warning"
+      }
+    },
+    defaultVariants: {
+      state: "idle"
+    }
+  }
+);
+function getAutoState(props) {
+  if (props.error) return "error";
+  if (props.warning) return "warning";
+  if (props.success) return "success";
+  return "idle";
+}
+function getMessage(state, props) {
+  switch (state) {
+    case "error":
+      return props.error;
+    case "warning":
+      return props.warning;
+    case "success":
+      return props.success;
+    case "idle":
+    default:
+      return props.help;
+  }
+}
+function FormValidation({
+  className,
+  state,
+  error,
+  success,
+  warning,
+  help,
+  ...props
+}) {
+  const resolvedState = state ?? getAutoState({ error, success, warning});
+  const message = getMessage(resolvedState, { error, success, warning, help });
+  if (!message) {
+    return null;
+  }
+  const role = resolvedState === "error" ? "alert" : resolvedState === "success" ? "status" : void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(formValidationVariants({ state: resolvedState }), className),
+      "data-slot": "form-validation",
+      "data-state": resolvedState,
+      role,
+      ...props,
+      children: message
+    }
+  );
+}
+
+export { FormValidation, formValidationVariants };
+//# sourceMappingURL=chunk-AEHYYTFW.js.map
+//# sourceMappingURL=chunk-AEHYYTFW.js.map

package/dist/chunk-AEHYYTFW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/FormValidation/FormValidation.variants.ts","../src/components/forms/FormValidation/FormValidation.tsx"],"names":[],"mappings":";;;;AAKO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC,gBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,uBAAA;AAAA,QACN,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO;AAAA;AACT;AAEJ;ACRA,SAAS,aAAa,KAAA,EAAiD;AACrE,EAAA,IAAI,KAAA,CAAM,OAAO,OAAO,OAAA;AACxB,EAAA,IAAI,KAAA,CAAM,SAAS,OAAO,SAAA;AAC1B,EAAA,IAAI,KAAA,CAAM,SAAS,OAAO,SAAA;AAC1B,EAAA,OAAO,MAAA;AACT;AAKA,SAAS,UAAA,CAAW,OAA4B,KAAA,EAA4B;AAC1E,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,OAAA;AACH,MAAA,OAAO,KAAA,CAAM,KAAA;AAAA,IACf,KAAK,SAAA;AACH,MAAA,OAAO,KAAA,CAAM,OAAA;AAAA,IACf,KAAK,SAAA;AACH,MAAA,OAAO,KAAA,CAAM,OAAA;AAAA,IACf,KAAK,MAAA;AAAA,IACL;AACE,MAAA,OAAO,KAAA,CAAM,IAAA;AAAA;AAEnB;AA8BA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqD;AAEnD,EAAA,MAAM,aAAA,GAAgB,SAAS,YAAA,CAAa,EAAE,OAAO,OAAA,EAAS,OAAc,CAAC,CAAA;AAC7E,EAAA,MAAM,OAAA,GAAU,WAAW,aAAA,EAAe,EAAE,OAAO,OAAA,EAAS,OAAA,EAAS,MAAM,CAAA;AAG3E,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAM,OAAO,aAAA,KAAkB,OAAA,GAAU,OAAA,GAAU,aAAA,KAAkB,YAAY,QAAA,GAAW,MAAA;AAE5F,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,sBAAA,CAAuB,EAAE,OAAO,aAAA,EAAe,GAAG,SAAS,CAAA;AAAA,MACzE,WAAA,EAAU,iBAAA;AAAA,MACV,YAAA,EAAY,aAAA;AAAA,MACZ,IAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-AEHYYTFW.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * FormValidation variant styles using CVA\n */\nexport const formValidationVariants = cva(\n  \"text-sm mt-1.5\",\n  {\n    variants: {\n      state: {\n        idle: \"text-muted-foreground\",\n        error: \"text-destructive\",\n        success: \"text-success\",\n        warning: \"text-warning\",\n      },\n    },\n    defaultVariants: {\n      state: \"idle\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type FormValidationVariantProps = VariantProps<typeof formValidationVariants>\n","import type { FormValidationProps, FormValidationState } from \"./FormValidation.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  type FormValidationVariantProps,\n  formValidationVariants,\n} from \"./FormValidation.variants\"\n\n/**\n * Determines the validation state based on which message prop is provided.\n * Priority order: error > warning > success > help (idle)\n */\nfunction getAutoState(props: FormValidationProps): FormValidationState {\n  if (props.error) return \"error\"\n  if (props.warning) return \"warning\"\n  if (props.success) return \"success\"\n  return \"idle\"\n}\n\n/**\n * Gets the message content based on the validation state.\n */\nfunction getMessage(state: FormValidationState, props: FormValidationProps) {\n  switch (state) {\n    case \"error\":\n      return props.error\n    case \"warning\":\n      return props.warning\n    case \"success\":\n      return props.success\n    case \"idle\":\n    default:\n      return props.help\n  }\n}\n\n/**\n * FormValidation displays form validation feedback with appropriate styling.\n *\n * @example\n * ```tsx\n * // Auto-detect state from message prop\n * <FormValidation error=\"This field is required\" />\n * <FormValidation success=\"Email is available\" />\n * <FormValidation warning=\"Password is weak\" />\n * <FormValidation help=\"Enter your email address\" />\n * ```\n *\n * @example\n * ```tsx\n * // Explicit state control\n * <FormValidation state=\"error\" error=\"Invalid format\" />\n * ```\n *\n * @example\n * ```tsx\n * // With conditional rendering\n * <FormValidation\n *   error={errors.email?.message}\n *   success={isValid ? \"Looks good!\" : undefined}\n *   help=\"We'll never share your email\"\n * />\n * ```\n */\nfunction FormValidation({\n  className,\n  state,\n  error,\n  success,\n  warning,\n  help,\n  ...props\n}: FormValidationProps & FormValidationVariantProps) {\n  // Auto-detect state if not explicitly provided\n  const resolvedState = state ?? getAutoState({ error, success, warning, help })\n  const message = getMessage(resolvedState, { error, success, warning, help })\n\n  // Don't render if no message to display\n  if (!message) {\n    return null\n  }\n\n  // Determine appropriate role for accessibility\n  const role = resolvedState === \"error\" ? \"alert\" : resolvedState === \"success\" ? \"status\" : undefined\n\n  return (\n    <div\n      className={cn(formValidationVariants({ state: resolvedState }), className)}\n      data-slot=\"form-validation\"\n      data-state={resolvedState}\n      role={role}\n      {...props}\n    >\n      {message}\n    </div>\n  )\n}\n\nexport { FormValidation }\n"]}

package/dist/chunk-AFCSDND5.js

@@ -0,0 +1,58 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var popoverContentVariants = cva(
+  [
+    "bg-[color:var(--popover-content-background)]",
+    "text-[color:var(--popover-content-foreground)]",
+    "border-[var(--popover-content-border-width)] border-solid border-[color:var(--popover-border)]",
+    "rounded-[var(--popover-content-radius)]",
+    "shadow-[var(--popover-content-shadow)]",
+    "p-[var(--popover-content-padding)]",
+    "w-[var(--popover-content-width)]",
+    "z-[var(--popover-content-z-index)]",
+    "origin-(--radix-popover-content-transform-origin)",
+    "outline-hidden",
+    "duration-[var(--popover-content-animation-duration)]",
+    "ease-[var(--popover-content-animation-easing)]",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "data-[side=bottom]:slide-in-from-top-2",
+    "data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2",
+    "data-[side=top]:slide-in-from-bottom-2"
+  ]
+);
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      align,
+      className: cn(popoverContentVariants(), className),
+      "data-slot": "popover-content",
+      sideOffset,
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=chunk-AFCSDND5.js.map
+//# sourceMappingURL=chunk-AFCSDND5.js.map

package/dist/chunk-AFCSDND5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Popover/Popover.variants.ts","../src/components/feedback/Popover/Popover.tsx"],"names":[],"mappings":";;;;;AAGO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AAAA,IACE,8CAAA;AAAA,IACA,gDAAA;AAAA,IACA,gGAAA;AAAA,IACA,yCAAA;AAAA,IACA,wCAAA;AAAA,IACA,oCAAA;AAAA,IACA,kCAAA;AAAA,IACA,oCAAA;AAAA,IACA,mDAAA;AAAA,IACA,gBAAA;AAAA,IACA,sDAAA;AAAA,IACA,gDAAA;AAAA,IACA,8DAAA;AAAA,IACA,4DAAA;AAAA,IACA,8DAAA;AAAA,IACA,wCAAA;AAAA,IACA,wCAAA;AAAA,IACA,wCAAA;AAAA,IACA;AAAA;AAEJ,CAAA;ACTA,SAAS,OAAA,CAAQ,EAAE,GAAG,KAAA,EAAM,EAAiB;AAC3C,EAAA,2BAAyB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,WAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC/D;AAMA,SAAS,cAAA,CAAe,EAAE,GAAG,KAAA,EAAM,EAAwB;AACzD,EAAA,2BAAyB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,WAAA,EAAU,iBAAA,EAAmB,GAAG,KAAA,EAAO,CAAA;AAC1E;AAMA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,KAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAMA,SAAS,aAAA,CAAc,EAAE,GAAG,KAAA,EAAM,EAAuB;AACvD,EAAA,2BAAyB,gBAAA,CAAA,MAAA,EAAjB,EAAwB,WAAA,EAAU,gBAAA,EAAkB,GAAG,KAAA,EAAO,CAAA;AACxE","file":"chunk-AFCSDND5.js","sourcesContent":["// Popover/Popover.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const popoverContentVariants = cva(\n  [\n    \"bg-[color:var(--popover-content-background)]\",\n    \"text-[color:var(--popover-content-foreground)]\",\n    \"border-[var(--popover-content-border-width)] border-solid border-[color:var(--popover-border)]\",\n    \"rounded-[var(--popover-content-radius)]\",\n    \"shadow-[var(--popover-content-shadow)]\",\n    \"p-[var(--popover-content-padding)]\",\n    \"w-[var(--popover-content-width)]\",\n    \"z-[var(--popover-content-z-index)]\",\n    \"origin-(--radix-popover-content-transform-origin)\",\n    \"outline-hidden\",\n    \"duration-[var(--popover-content-animation-duration)]\",\n    \"ease-[var(--popover-content-animation-easing)]\",\n    \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n    \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n    \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n    \"data-[side=bottom]:slide-in-from-top-2\",\n    \"data-[side=left]:slide-in-from-right-2\",\n    \"data-[side=right]:slide-in-from-left-2\",\n    \"data-[side=top]:slide-in-from-bottom-2\",\n  ]\n)\n\nexport type PopoverContentVariantProps = VariantProps<typeof popoverContentVariants>\n","import type {\n  PopoverAnchorProps,\n  PopoverContentProps,\n  PopoverProps,\n  PopoverTriggerProps,\n} from \"./Popover.types\"\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { popoverContentVariants } from \"./Popover.variants\"\n\n/**\n * Popover Root component\n * Manages the open/closed state of the popover\n */\nfunction Popover({ ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\n/**\n * PopoverTrigger component\n * Element that opens the popover when clicked\n */\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\n/**\n * PopoverContent component\n * The floating content container with animations\n */\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        align={align}\n        className={cn(popoverContentVariants(), className)}\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\n/**\n * PopoverAnchor component\n * Alternative anchor element for positioning\n */\nfunction PopoverAnchor({ ...props }: PopoverAnchorProps) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"]}

package/dist/chunk-AR3OXNPL.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var iconVariants = cva(
+  "shrink-0 transition-colors motion-reduce:animate-none",
+  {
+    variants: {
+      variant: {
+        default: "text-[color:var(--icon-color-default)]",
+        muted: "text-[color:var(--icon-color-muted)]",
+        primary: "text-[color:var(--icon-color-primary)]",
+        destructive: "text-[color:var(--icon-color-destructive)]",
+        success: "text-[color:var(--icon-color-success)]",
+        warning: "text-[color:var(--icon-color-warning)]"
+      },
+      size: {
+        xs: "size-[var(--icon-size-xs)]",
+        sm: "size-[var(--icon-size-sm)]",
+        md: "size-[var(--icon-size-md)]",
+        lg: "size-[var(--icon-size-lg)]",
+        xl: "size-[var(--icon-size-xl)]",
+        "2xl": "size-[var(--icon-size-2xl)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Icon({
+  name: IconComponent,
+  variant,
+  size,
+  spin = false,
+  pulse = false,
+  decorative = true,
+  className,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden,
+  role,
+  ref,
+  ...props
+}) {
+  const computedAriaHidden = ariaHidden ?? (decorative ? true : void 0);
+  const computedRole = role ?? (!decorative && ariaLabel ? "img" : void 0);
+  return /* @__PURE__ */ jsx(
+    IconComponent,
+    {
+      ref,
+      className: cn(
+        iconVariants({ variant, size }),
+        spin && "animate-spin",
+        pulse && "animate-pulse",
+        className
+      ),
+      "aria-hidden": computedAriaHidden,
+      "aria-label": ariaLabel,
+      "data-slot": "icon",
+      focusable: "false",
+      role: computedRole,
+      ...props
+    }
+  );
+}
+
+export { Icon, iconVariants };
+//# sourceMappingURL=chunk-AR3OXNPL.js.map
+//# sourceMappingURL=chunk-AR3OXNPL.js.map

package/dist/chunk-AR3OXNPL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,YAAA,GAAe,GAAA;AAAA,EACnB,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,KAAA,EAAO,sCAAA;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,WAAA,EAAa,4CAAA;AAAA,QACb,OAAA,EAAS,wCAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,IAAA,CAAK;AAAA,EACZ,IAAA,EAAM,aAAA;AAAA,EACN,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,KAAA;AAAA,EACR,UAAA,GAAa,IAAA;AAAA,EACb,SAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AAIZ,EAAA,MAAM,kBAAA,GAAqB,UAAA,KAAe,UAAA,GAAa,IAAA,GAAO,MAAA,CAAA;AAC9D,EAAA,MAAM,YAAA,GAAe,IAAA,KAAS,CAAC,UAAA,IAAc,YAAY,KAAA,GAAQ,MAAA,CAAA;AAEjE,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,YAAA,CAAa,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QAC9B,IAAA,IAAQ,cAAA;AAAA,QACR,KAAA,IAAS,eAAA;AAAA,QACT;AAAA,OACF;AAAA,MACA,aAAA,EAAa,kBAAA;AAAA,MACb,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAM,YAAA;AAAA,MACL,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-AR3OXNPL.js","sourcesContent":["import type { IconProps } from \"./Icon.types\"\n\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst iconVariants = cva(\n  \"shrink-0 transition-colors motion-reduce:animate-none\",\n  {\n    variants: {\n      variant: {\n        default: \"text-[color:var(--icon-color-default)]\",\n        muted: \"text-[color:var(--icon-color-muted)]\",\n        primary: \"text-[color:var(--icon-color-primary)]\",\n        destructive: \"text-[color:var(--icon-color-destructive)]\",\n        success: \"text-[color:var(--icon-color-success)]\",\n        warning: \"text-[color:var(--icon-color-warning)]\",\n      },\n      size: {\n        xs: \"size-[var(--icon-size-xs)]\",\n        sm: \"size-[var(--icon-size-sm)]\",\n        md: \"size-[var(--icon-size-md)]\",\n        lg: \"size-[var(--icon-size-lg)]\",\n        xl: \"size-[var(--icon-size-xl)]\",\n        \"2xl\": \"size-[var(--icon-size-2xl)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)\n\nfunction Icon({\n  name: IconComponent,\n  variant,\n  size,\n  spin = false,\n  pulse = false,\n  decorative = true,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n  role,\n  ref,\n  ...props\n}: IconProps) {\n  // Determine accessibility attributes\n  // If decorative is explicitly true, always hide from screen readers\n  // If decorative is false and has aria-label, make it accessible\n  const computedAriaHidden = ariaHidden ?? (decorative ? true : undefined)\n  const computedRole = role ?? (!decorative && ariaLabel ? \"img\" : undefined)\n\n  return (\n    <IconComponent\n      ref={ref}\n      className={cn(\n        iconVariants({ variant, size }),\n        spin && \"animate-spin\",\n        pulse && \"animate-pulse\",\n        className\n      )}\n      aria-hidden={computedAriaHidden}\n      aria-label={ariaLabel}\n      data-slot=\"icon\"\n      focusable=\"false\"\n      role={computedRole}\n      {...props}\n    />\n  )\n}\n\nexport { Icon, iconVariants }\n"]}