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

package/dist/chunk-3MJNJKAF.js

@@ -0,0 +1,264 @@
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { ComposedChart, CartesianGrid, XAxis, Label, YAxis, Bar, Line } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function normalizeBarSeriesConfig(series) {
+  return series.map(
+    (s) => typeof s === "string" ? { dataKey: s } : s
+  );
+}
+function normalizeLineSeriesConfig(series) {
+  return series.map(
+    (s) => typeof s === "string" ? { dataKey: s } : s
+  );
+}
+function ComboChart({
+  barGap = 4,
+  barRadius = 4,
+  barSeries,
+  className,
+  config,
+  data,
+  enableBiaxial = false,
+  enableLegendSlider = false,
+  gridDashArray = "3 3",
+  intervalType,
+  legendPosition = "bottom",
+  lineSeries,
+  onValueChange,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  showXAxis = true,
+  startEndOnly = false,
+  tickGap,
+  tooltipCallback,
+  tooltipIndicator = "dot",
+  xAxisKey,
+  xAxisLabel,
+  xAxisTickFormatter,
+  ...props
+}) {
+  const normalizedBarSeries = normalizeBarSeriesConfig(barSeries.series);
+  const normalizedLineSeries = lineSeries ? normalizeLineSeriesConfig(lineSeries.series) : [];
+  const isStacked = barSeries.variant === "stacked";
+  const prevTooltipStateRef = React.useRef(false);
+  const showBarYAxis = barSeries.showYAxis !== false;
+  const showLineYAxis = lineSeries?.showYAxis !== false && enableBiaxial;
+  const handleBarClick = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (dataKey) => (data2) => {
+      if (!onValueChange || !data2?.payload) return;
+      const payload = data2.payload;
+      const value = payload[dataKey];
+      onValueChange({
+        category: payload[xAxisKey],
+        dataKey,
+        payload,
+        seriesType: "bar",
+        value: typeof value === "number" ? value : 0
+      });
+    },
+    [onValueChange, xAxisKey]
+  );
+  const handleDotClick = React.useCallback(
+    (dataKey) => (data2) => {
+      if (!onValueChange) return;
+      const payload = data2.payload;
+      const value = payload[dataKey];
+      onValueChange({
+        category: payload[xAxisKey],
+        dataKey,
+        payload,
+        seriesType: "line",
+        value: typeof value === "number" ? value : 0
+      });
+    },
+    [onValueChange, xAxisKey]
+  );
+  const TooltipContentWithCallback = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (props2) => {
+      const { active = false, label, payload } = props2;
+      if (tooltipCallback && active !== prevTooltipStateRef.current) {
+        prevTooltipStateRef.current = active;
+        const barDataKeys = new Set(normalizedBarSeries.map((s) => s.dataKey));
+        tooltipCallback({
+          active,
+          label,
+          payload: payload?.map((p) => ({
+            dataKey: String(p.dataKey),
+            payload: p.payload,
+            seriesType: barDataKeys.has(String(p.dataKey)) ? "bar" : "line",
+            value: p.value
+          }))
+        });
+      }
+      return /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, ...props2 });
+    },
+    [normalizedBarSeries, tooltipCallback, tooltipIndicator]
+  );
+  const barYDomain = React.useMemo(() => {
+    const min = barSeries.minValue ?? (barSeries.autoMinValue ? "auto" : 0);
+    const max = barSeries.maxValue ?? "auto";
+    return [min, max];
+  }, [barSeries.autoMinValue, barSeries.maxValue, barSeries.minValue]);
+  const lineYDomain = React.useMemo(() => {
+    if (!lineSeries) return [0, "auto"];
+    const min = lineSeries.minValue ?? (lineSeries.autoMinValue ? "auto" : 0);
+    const max = lineSeries.maxValue ?? "auto";
+    return [min, max];
+  }, [lineSeries]);
+  const xAxisTicks = React.useMemo(() => {
+    if (!startEndOnly || data.length < 2) return;
+    const first = data[0];
+    const last = data[data.length - 1];
+    if (!first || !last) return;
+    return [first[xAxisKey], last[xAxisKey]];
+  }, [data, startEndOnly, xAxisKey]);
+  const margins = React.useMemo(() => {
+    let left = 12;
+    let right = 12;
+    if (barSeries.yAxisLabel) left = 20;
+    if (enableBiaxial && lineSeries?.yAxisLabel) right = 20;
+    return {
+      bottom: xAxisLabel ? 20 : 0,
+      left,
+      right
+    };
+  }, [barSeries.yAxisLabel, enableBiaxial, lineSeries?.yAxisLabel, xAxisLabel]);
+  return /* @__PURE__ */ jsx("div", { "data-slot": "combo-chart", ...props, children: /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      className: cn(className),
+      config,
+      children: /* @__PURE__ */ jsxs(
+        ComposedChart,
+        {
+          accessibilityLayer: true,
+          barGap,
+          data,
+          margin: margins,
+          children: [
+            showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: gridDashArray, vertical: false }),
+            showXAxis && /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                axisLine: false,
+                dataKey: xAxisKey,
+                interval: intervalType,
+                minTickGap: tickGap,
+                tickFormatter: xAxisTickFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                ticks: xAxisTicks,
+                children: xAxisLabel && /* @__PURE__ */ jsx(Label, { offset: -5, position: "insideBottom", value: xAxisLabel })
+              }
+            ),
+            showBarYAxis && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                axisLine: false,
+                domain: barYDomain,
+                orientation: "left",
+                tickFormatter: barSeries.yAxisTickFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                width: barSeries.yAxisWidth,
+                yAxisId: "left",
+                children: barSeries.yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: -90, offset: -5, position: "insideLeft", value: barSeries.yAxisLabel })
+              }
+            ),
+            showLineYAxis && lineSeries && /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                axisLine: false,
+                domain: lineYDomain,
+                orientation: "right",
+                tickFormatter: lineSeries.yAxisTickFormatter,
+                tickLine: false,
+                tickMargin: 8,
+                width: lineSeries.yAxisWidth,
+                yAxisId: "right",
+                children: lineSeries.yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: 90, offset: -5, position: "insideRight", value: lineSeries.yAxisLabel })
+              }
+            ),
+            showTooltip && /* @__PURE__ */ jsx(
+              ChartTooltip,
+              {
+                content: tooltipCallback ? /* @__PURE__ */ jsx(TooltipContentWithCallback, {}) : /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator }),
+                cursor: false
+              }
+            ),
+            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"
+              }
+            ),
+            normalizedBarSeries.map((seriesConfig) => {
+              const { dataKey, radius: seriesRadius, stackId } = seriesConfig;
+              const fill = `var(--color-${dataKey})`;
+              const finalRadius = seriesRadius ?? barRadius;
+              return /* @__PURE__ */ jsx(
+                Bar,
+                {
+                  dataKey,
+                  fill,
+                  radius: finalRadius,
+                  stackId: isStacked ? "combo-stack" : stackId,
+                  style: onValueChange ? { cursor: "pointer" } : void 0,
+                  yAxisId: "left",
+                  onClick: onValueChange ? handleBarClick(dataKey) : void 0
+                },
+                dataKey
+              );
+            }),
+            lineSeries && normalizedLineSeries.map((seriesConfig) => {
+              const {
+                activeDot: seriesActiveDot,
+                dataKey,
+                dot: seriesDot,
+                strokeDasharray,
+                strokeOpacity,
+                strokeWidth: seriesStrokeWidth
+              } = seriesConfig;
+              const stroke = `var(--color-${dataKey})`;
+              const finalDot = seriesDot ?? lineSeries.dot ?? false;
+              const finalStrokeWidth = seriesStrokeWidth ?? lineSeries.strokeWidth ?? 2;
+              const curveType = lineSeries.curveType ?? "monotone";
+              const baseActiveDot = seriesActiveDot ?? lineSeries.activeDot ?? { r: 6 };
+              const finalActiveDot = onValueChange ? typeof baseActiveDot === "object" ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : !baseActiveDot ? false : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : baseActiveDot;
+              return /* @__PURE__ */ jsx(
+                Line,
+                {
+                  activeDot: finalActiveDot,
+                  connectNulls: lineSeries.connectNulls,
+                  dataKey,
+                  dot: finalDot,
+                  stroke,
+                  strokeDasharray,
+                  strokeOpacity,
+                  strokeWidth: finalStrokeWidth,
+                  type: curveType,
+                  yAxisId: enableBiaxial ? "right" : "left"
+                },
+                dataKey
+              );
+            })
+          ]
+        }
+      )
+    }
+  ) });
+}
+ComboChart.displayName = "ComboChart";
+
+export { ComboChart };
+//# sourceMappingURL=chunk-3MJNJKAF.js.map
+//# sourceMappingURL=chunk-3MJNJKAF.js.map

package/dist/chunk-3MJNJKAF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ComboChart/ComboChart.tsx"],"names":["data","props"],"mappings":"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","file":"chunk-3MJNJKAF.js","sourcesContent":["\"use client\"\n\nimport type {\n  ComboChartBarSeriesConfig,\n  ComboChartLineSeriesConfig,\n  ComboChartProps,\n  ComboChartTooltipCallbackProps,\n} from \"./ComboChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Bar,\n  CartesianGrid,\n  ComposedChart,\n  Label,\n  Line,\n  XAxis,\n  YAxis,\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 * Normalize bar series to ComboChartBarSeriesConfig format\n */\nfunction normalizeBarSeriesConfig(\n  series: (ComboChartBarSeriesConfig | string)[]\n): ComboChartBarSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * Normalize line series to ComboChartLineSeriesConfig format\n */\n// eslint-disable-next-line sonarjs/no-identical-functions -- Intentional: separate functions for type safety with different generic types\nfunction normalizeLineSeriesConfig(\n  series: (ComboChartLineSeriesConfig | string)[]\n): ComboChartLineSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * ComboChart - Data visualization combining bars and lines\n *\n * Displays multiple data series using different chart types (bars and lines)\n * in the same chart. Supports biaxial mode with separate Y-axes for each\n * series type. Ideal for comparing metrics with different scales or\n * showing both totals and rates together.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", revenue: 186000, growth: 12 },\n *   { month: \"Feb\", revenue: 305000, growth: 18 },\n * ]\n *\n * const config = {\n *   revenue: { label: \"Revenue\", color: \"hsl(var(--chart-1))\" },\n *   growth: { label: \"Growth %\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <ComboChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   barSeries={{ series: [\"revenue\"] }}\n *   lineSeries={{ series: [\"growth\"] }}\n *   enableBiaxial\n * />\n * ```\n */\nexport function ComboChart({\n  barGap = 4,\n  barRadius = 4,\n  barSeries,\n  className,\n  config,\n  data,\n  enableBiaxial = false,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  lineSeries,\n  onValueChange,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  showXAxis = true,\n  startEndOnly = false,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  xAxisKey,\n  xAxisLabel,\n  xAxisTickFormatter,\n  ...props\n}: ComboChartProps) {\n  const normalizedBarSeries = normalizeBarSeriesConfig(barSeries.series)\n  const normalizedLineSeries = lineSeries ? normalizeLineSeriesConfig(lineSeries.series) : []\n  const isStacked = barSeries.variant === \"stacked\"\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Determine if we should show Y-axes\n  const showBarYAxis = barSeries.showYAxis !== false\n  const showLineYAxis = lineSeries?.showYAxis !== false && enableBiaxial\n\n  // Handle bar click for onValueChange\n  const handleBarClick = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dataKey: string) => (data: any) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      if (!onValueChange || !data?.payload) return\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      const payload = data.payload as Record<string, unknown>\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        seriesType: \"bar\",\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  // Handle line dot click for onValueChange\n  const handleDotClick = React.useCallback(\n    (dataKey: string) => (data: { payload: Record<string, unknown> }) => {\n      if (!onValueChange) return\n      const payload = data.payload\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        seriesType: \"line\",\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n\n        // Determine series type for each payload item\n        const barDataKeys = new Set(normalizedBarSeries.map((s) => s.dataKey))\n\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            payload: p.payload,\n            seriesType: barDataKeys.has(String(p.dataKey)) ? \"bar\" : \"line\",\n            value: p.value,\n          })),\n        } as ComboChartTooltipCallbackProps)\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [normalizedBarSeries, tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate bar Y-axis domain\n  const barYDomain = React.useMemo(() => {\n    const min = barSeries.minValue ?? (barSeries.autoMinValue ? \"auto\" : 0)\n    const max = barSeries.maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [barSeries.autoMinValue, barSeries.maxValue, barSeries.minValue])\n\n  // Calculate line Y-axis domain\n  const lineYDomain = React.useMemo(() => {\n    if (!lineSeries) return [0, \"auto\"] as const\n    const min = lineSeries.minValue ?? (lineSeries.autoMinValue ? \"auto\" : 0)\n    const max = lineSeries.maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [lineSeries])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  // Calculate margins based on labels\n  const margins = React.useMemo(() => {\n    let left = 12\n    let right = 12\n\n    if (barSeries.yAxisLabel) left = 20\n    if (enableBiaxial && lineSeries?.yAxisLabel) right = 20\n\n    return {\n      bottom: xAxisLabel ? 20 : 0,\n      left,\n      right,\n    }\n  }, [barSeries.yAxisLabel, enableBiaxial, lineSeries?.yAxisLabel, xAxisLabel])\n\n  return (\n    <div data-slot=\"combo-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <ComposedChart\n          accessibilityLayer\n          barGap={barGap}\n          data={data}\n          margin={margins}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} vertical={false} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              axisLine={false}\n              dataKey={xAxisKey}\n              interval={intervalType}\n              minTickGap={tickGap}\n              tickFormatter={xAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {/* Left Y-axis (bars) */}\n          {showBarYAxis && (\n            <YAxis\n              axisLine={false}\n              domain={barYDomain}\n              orientation=\"left\"\n              tickFormatter={barSeries.yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={barSeries.yAxisWidth}\n              yAxisId=\"left\"\n            >\n              {barSeries.yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={barSeries.yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {/* Right Y-axis (lines) - only in biaxial mode */}\n          {showLineYAxis && lineSeries && (\n            <YAxis\n              axisLine={false}\n              domain={lineYDomain}\n              orientation=\"right\"\n              tickFormatter={lineSeries.yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={lineSeries.yAxisWidth}\n              yAxisId=\"right\"\n            >\n              {lineSeries.yAxisLabel && (\n                <Label angle={90} offset={-5} position=\"insideRight\" value={lineSeries.yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                tooltipCallback\n                  ? <TooltipContentWithCallback />\n                  : <ChartTooltipContent indicator={tooltipIndicator} />\n              }\n              cursor={false}\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          {/* Render bar series */}\n          {normalizedBarSeries.map((seriesConfig) => {\n            const { dataKey, radius: seriesRadius, stackId } = seriesConfig\n            const fill = `var(--color-${dataKey})`\n            const finalRadius = seriesRadius ?? barRadius\n\n            return (\n              <Bar\n                key={dataKey}\n                dataKey={dataKey}\n                fill={fill}\n                radius={finalRadius}\n                stackId={isStacked ? \"combo-stack\" : stackId}\n                style={onValueChange ? { cursor: \"pointer\" } : undefined}\n                yAxisId=\"left\"\n                onClick={onValueChange ? handleBarClick(dataKey) : undefined}\n              />\n            )\n          })}\n\n          {/* Render line series */}\n          {lineSeries && normalizedLineSeries.map((seriesConfig) => {\n            const {\n              activeDot: seriesActiveDot,\n              dataKey,\n              dot: seriesDot,\n              strokeDasharray,\n              strokeOpacity,\n              strokeWidth: seriesStrokeWidth,\n            } = seriesConfig\n\n            const stroke = `var(--color-${dataKey})`\n            const finalDot = seriesDot ?? lineSeries.dot ?? false\n            const finalStrokeWidth = seriesStrokeWidth ?? lineSeries.strokeWidth ?? 2\n            const curveType = lineSeries.curveType ?? \"monotone\"\n\n            // Merge activeDot config with click handler\n            const baseActiveDot = seriesActiveDot ?? lineSeries.activeDot ?? { r: 6 }\n            const finalActiveDot = onValueChange\n              ? typeof baseActiveDot === \"object\"\n                ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n                : !baseActiveDot\n                  ? false\n                  : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n              : baseActiveDot\n\n            return (\n              <Line\n                key={dataKey}\n                activeDot={finalActiveDot}\n                connectNulls={lineSeries.connectNulls}\n                dataKey={dataKey}\n                dot={finalDot}\n                stroke={stroke}\n                strokeDasharray={strokeDasharray}\n                strokeOpacity={strokeOpacity}\n                strokeWidth={finalStrokeWidth}\n                type={curveType}\n                yAxisId={enableBiaxial ? \"right\" : \"left\"}\n              />\n            )\n          })}\n        </ComposedChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nComboChart.displayName = \"ComboChart\"\n"]}

package/dist/chunk-3NFQXZHO.js

@@ -0,0 +1,199 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var sheetOverlayVariants = cva(
+  "fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  {
+    variants: {
+      /**
+       * Overlay background style
+       * - default: Semi-transparent black (50% opacity)
+       * - light: Semi-transparent white (50% opacity)
+       * - blur: Light black with backdrop blur effect
+       */
+      variant: {
+        default: "bg-[color:var(--sheet-overlay-bg-default)]",
+        light: "bg-[color:var(--sheet-overlay-bg-light)]",
+        blur: "bg-[color:var(--sheet-overlay-bg-blur)] backdrop-blur-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var sheetContentVariants = cva(
+  "bg-[color:var(--sheet-content-bg)] border-[color:var(--sheet-content-border)] shadow-[var(--sheet-content-shadow)] p-[var(--sheet-content-padding)] fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      /**
+       * Side from which the sheet slides in
+       * - top: Slides down from top edge
+       * - right: Slides in from right edge (default)
+       * - bottom: Slides up from bottom edge
+       * - left: Slides in from left edge
+       */
+      side: {
+        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
+        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l",
+        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r"
+      },
+      /**
+       * Size of the sheet
+       * - sm: Compact size (w-64 or max-h-250px)
+       * - default: Standard size (w-80/sm:max-w-sm or max-h-400px)
+       * - lg: Large size (w-500px or max-h-600px)
+       * - full: Full width/height
+       */
+      size: {
+        sm: "",
+        default: "",
+        lg: "",
+        full: ""
+      }
+    },
+    compoundVariants: [
+      // Horizontal sheets (left/right) - width sizing
+      { side: "left", size: "sm", class: "w-[var(--sheet-content-width-sm)] max-w-[80vw]" },
+      { side: "left", size: "default", class: "w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm" },
+      { side: "left", size: "lg", class: "w-[var(--sheet-content-width-lg)] max-w-[90vw]" },
+      { side: "left", size: "full", class: "w-full" },
+      { side: "right", size: "sm", class: "w-[var(--sheet-content-width-sm)] max-w-[80vw]" },
+      {
+        side: "right",
+        size: "default",
+        class: "w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm"
+      },
+      { side: "right", size: "lg", class: "w-[var(--sheet-content-width-lg)] max-w-[90vw]" },
+      { side: "right", size: "full", class: "w-full" },
+      // Vertical sheets (top/bottom) - height sizing
+      { side: "top", size: "sm", class: "max-h-[var(--sheet-content-max-height-sm)]" },
+      { side: "top", size: "default", class: "max-h-[var(--sheet-content-max-height-default)]" },
+      { side: "top", size: "lg", class: "max-h-[var(--sheet-content-max-height-lg)]" },
+      { side: "top", size: "full", class: "h-full" },
+      { side: "bottom", size: "sm", class: "max-h-[var(--sheet-content-max-height-sm)]" },
+      { side: "bottom", size: "default", class: "max-h-[var(--sheet-content-max-height-default)]" },
+      { side: "bottom", size: "lg", class: "max-h-[var(--sheet-content-max-height-lg)]" },
+      { side: "bottom", size: "full", class: "h-full" }
+    ],
+    defaultVariants: {
+      side: "right",
+      size: "default"
+    }
+  }
+);
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    {
+      className: cn(sheetOverlayVariants({ variant }), className),
+      "data-slot": "sheet-overlay",
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  size = "default",
+  showCloseButton = true,
+  overlayVariant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, { variant: overlayVariant }),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        className: cn(sheetContentVariants({ side, size }), className),
+        "data-slot": "sheet-content",
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            SheetPrimitive.Close,
+            {
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[var(--sheet-close-top)] right-[var(--sheet-close-right)] rounded-[var(--sheet-close-radius)] opacity-[var(--sheet-close-opacity-default)] transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+              "data-slot": "sheet-close",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      "data-slot": "sheet-header",
+      ...props
+    }
+  );
+}
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex-1 overflow-auto px-4", className),
+      "data-slot": "sheet-body",
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      "data-slot": "sheet-footer",
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    {
+      className: cn("text-foreground font-semibold", className),
+      "data-slot": "sheet-title",
+      ...props
+    }
+  );
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "sheet-description",
+      ...props
+    }
+  );
+}
+
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetContentVariants, sheetOverlayVariants };
+//# sourceMappingURL=chunk-3NFQXZHO.js.map
+//# sourceMappingURL=chunk-3NFQXZHO.js.map

package/dist/chunk-3NFQXZHO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Sheet/Sheet.variants.ts","../src/components/layout/Sheet/Sheet.tsx"],"names":[],"mappings":"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","file":"chunk-3NFQXZHO.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Sheet overlay variant styles\n * Controls the background overlay appearance\n */\nexport const sheetOverlayVariants = cva(\n  \"fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n  {\n    variants: {\n      /**\n       * Overlay background style\n       * - default: Semi-transparent black (50% opacity)\n       * - light: Semi-transparent white (50% opacity)\n       * - blur: Light black with backdrop blur effect\n       */\n      variant: {\n        default: \"bg-[color:var(--sheet-overlay-bg-default)]\",\n        light: \"bg-[color:var(--sheet-overlay-bg-light)]\",\n        blur: \"bg-[color:var(--sheet-overlay-bg-blur)] backdrop-blur-sm\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Sheet content variant styles\n * Controls the slide-out panel position and size\n */\nexport const sheetContentVariants = cva(\n  \"bg-[color:var(--sheet-content-bg)] border-[color:var(--sheet-content-border)] shadow-[var(--sheet-content-shadow)] p-[var(--sheet-content-padding)] fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      /**\n       * Side from which the sheet slides in\n       * - top: Slides down from top edge\n       * - right: Slides in from right edge (default)\n       * - bottom: Slides up from bottom edge\n       * - left: Slides in from left edge\n       */\n      side: {\n        top: \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b\",\n        right:\n          \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l\",\n        bottom:\n          \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t\",\n        left: \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r\",\n      },\n      /**\n       * Size of the sheet\n       * - sm: Compact size (w-64 or max-h-250px)\n       * - default: Standard size (w-80/sm:max-w-sm or max-h-400px)\n       * - lg: Large size (w-500px or max-h-600px)\n       * - full: Full width/height\n       */\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n        full: \"\",\n      },\n    },\n    compoundVariants: [\n      // Horizontal sheets (left/right) - width sizing\n      { side: \"left\", size: \"sm\", class: \"w-[var(--sheet-content-width-sm)] max-w-[80vw]\" },\n      { side: \"left\", size: \"default\", class: \"w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm\" },\n      { side: \"left\", size: \"lg\", class: \"w-[var(--sheet-content-width-lg)] max-w-[90vw]\" },\n      { side: \"left\", size: \"full\", class: \"w-full\" },\n      { side: \"right\", size: \"sm\", class: \"w-[var(--sheet-content-width-sm)] max-w-[80vw]\" },\n      {\n        side: \"right\",\n        size: \"default\",\n        class: \"w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm\",\n      },\n      { side: \"right\", size: \"lg\", class: \"w-[var(--sheet-content-width-lg)] max-w-[90vw]\" },\n      { side: \"right\", size: \"full\", class: \"w-full\" },\n      // Vertical sheets (top/bottom) - height sizing\n      { side: \"top\", size: \"sm\", class: \"max-h-[var(--sheet-content-max-height-sm)]\" },\n      { side: \"top\", size: \"default\", class: \"max-h-[var(--sheet-content-max-height-default)]\" },\n      { side: \"top\", size: \"lg\", class: \"max-h-[var(--sheet-content-max-height-lg)]\" },\n      { side: \"top\", size: \"full\", class: \"h-full\" },\n      { side: \"bottom\", size: \"sm\", class: \"max-h-[var(--sheet-content-max-height-sm)]\" },\n      { side: \"bottom\", size: \"default\", class: \"max-h-[var(--sheet-content-max-height-default)]\" },\n      { side: \"bottom\", size: \"lg\", class: \"max-h-[var(--sheet-content-max-height-lg)]\" },\n      { side: \"bottom\", size: \"full\", class: \"h-full\" },\n    ],\n    defaultVariants: {\n      side: \"right\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type SheetOverlayVariantProps = VariantProps<typeof sheetOverlayVariants>\nexport type SheetContentVariantProps = VariantProps<typeof sheetContentVariants>\n","\"use client\"\n\nimport type {\n  SheetBodyProps,\n  SheetCloseProps,\n  SheetContentProps,\n  SheetDescriptionProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n  SheetPortalProps,\n  SheetProps,\n  SheetTitleProps,\n  SheetTriggerProps,\n} from \"./Sheet.types\"\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { sheetContentVariants, sheetOverlayVariants } from \"./Sheet.variants\"\n\nfunction Sheet({ ...props }: SheetProps) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: SheetTriggerProps) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: SheetCloseProps) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: SheetPortalProps) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, variant, ...props }: SheetOverlayProps) {\n  return (\n    <SheetPrimitive.Overlay\n      className={cn(sheetOverlayVariants({ variant }), className)}\n      data-slot=\"sheet-overlay\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  size = \"default\",\n  showCloseButton = true,\n  overlayVariant,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay variant={overlayVariant} />\n      <SheetPrimitive.Content\n        className={cn(sheetContentVariants({ side, size }), className)}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[var(--sheet-close-top)] right-[var(--sheet-close-right)] rounded-[var(--sheet-close-radius)] opacity-[var(--sheet-close-opacity-default)] transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n            data-slot=\"sheet-close\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetBody({ className, ...props }: SheetBodyProps) {\n  return (\n    <div\n      className={cn(\"flex-1 overflow-auto px-4\", className)}\n      data-slot=\"sheet-body\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps) {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: SheetTitleProps) {\n  return (\n    <SheetPrimitive.Title\n      className={cn(\"text-foreground font-semibold\", className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({ className, ...props }: SheetDescriptionProps) {\n  return (\n    <SheetPrimitive.Description\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"sheet-description\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n}\n"]}