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

package/dist/chunk-6GWO7JNP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Heatmap/Heatmap.tsx"],"names":["ratio"],"mappings":"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","file":"chunk-6GWO7JNP.js","sourcesContent":["\"use client\"\n\nimport type {\n  HeatmapCellEventPayload,\n  HeatmapCellProps,\n  HeatmapData,\n  HeatmapProps,\n} from \"./Heatmap.types\"\n\nimport { cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\n\n// ============================================================================\n// Constants for CSS Variables\n// ============================================================================\n\nconst CSS_VAR_MUTED = \"var(--muted)\"\nconst CSS_VAR_PRIMARY = \"var(--primary)\"\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst heatmapVariants = cva(\"inline-flex flex-col gap-2\", {\n  variants: {\n    variant: {\n      calendar: \"\",\n      grid: \"\",\n      triangular: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"grid\",\n  },\n})\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Interpolate between two colors based on a ratio (0-1)\n */\nfunction interpolateColor(\n  color1: string,\n  color2: string,\n  ratio: number\n): string {\n  // Handle CSS variable format\n  if (color1.startsWith(\"var(\") || color2.startsWith(\"var(\")) {\n    // Use color-mix for CSS variables\n    return `color-mix(in srgb, ${color2} ${String(Math.round(ratio * 100))}%, ${color1})`\n  }\n\n  // Handle HSL format\n  if (color1.startsWith(\"hsl\") || color2.startsWith(\"hsl\")) {\n    // Use opacity-based interpolation for HSL\n    const opacity = Math.max(0.1, Math.min(1, ratio))\n    return color2.replace(\")\", ` / ${String(opacity)})`)\n  }\n\n  // Handle hex colors\n  const hexToRgb = (hex: string): [number, number, number] | null => {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n    if (!result?.[1] || !result[2] || !result[3]) return null\n    return [\n      Number.parseInt(result[1], 16),\n      Number.parseInt(result[2], 16),\n      Number.parseInt(result[3], 16),\n    ]\n  }\n\n  const rgb1 = hexToRgb(color1)\n  const rgb2 = hexToRgb(color2)\n\n  if (!rgb1 || !rgb2) {\n    // Fallback to color-mix for any other format\n    return `color-mix(in srgb, ${color2} ${String(Math.round(ratio * 100))}%, ${color1})`\n  }\n\n  const r = Math.round(rgb1[0] + (rgb2[0] - rgb1[0]) * ratio)\n  const g = Math.round(rgb1[1] + (rgb2[1] - rgb1[1]) * ratio)\n  const b = Math.round(rgb1[2] + (rgb2[2] - rgb1[2]) * ratio)\n\n  return `rgb(${String(r)}, ${String(g)}, ${String(b)})`\n}\n\n/**\n * Get color for a value based on scale type\n */\nfunction getColorForValue(\n  value: number,\n  min: number,\n  max: number,\n  colorScale: \"diverging\" | \"sequential\",\n  minColor: string,\n  maxColor: string,\n  midColor?: string\n): string {\n  if (max === min) return maxColor\n\n  if (colorScale === \"diverging\") {\n    const mid = (max + min) / 2\n    const midColorActual = midColor ?? CSS_VAR_MUTED\n\n    if (value < mid) {\n      const ratio = (value - min) / (mid - min)\n      return interpolateColor(minColor, midColorActual, ratio)\n    } else {\n      const ratio = (value - mid) / (max - mid)\n      return interpolateColor(midColorActual, maxColor, ratio)\n    }\n  }\n\n  // Sequential\n  const ratio = (value - min) / (max - min)\n  return interpolateColor(minColor, maxColor, ratio)\n}\n\n// ============================================================================\n// HeatmapCell Component\n// ============================================================================\n\nfunction HeatmapCell({\n  color,\n  data,\n  isHighlighted,\n  isSelected,\n  onClick,\n  renderTooltip,\n  showTooltip,\n  size,\n}: HeatmapCellProps) {\n  const cellContent = (\n    <div\n      className={cn(\n        \"rounded-sm cursor-pointer transition-all\",\n        \"hover:ring-2 hover:ring-ring hover:ring-offset-1\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        isSelected && \"ring-2 ring-primary ring-offset-2\",\n        isHighlighted && \"ring-1 ring-muted-foreground/50\"\n      )}\n      style={{\n        backgroundColor: color,\n        height: size,\n        width: size,\n      }}\n      aria-label={`${data.label ?? `${String(data.x)}, ${String(data.y)}`}: ${String(data.value)}`}\n      data-highlighted={isHighlighted ? true : undefined}\n      data-selected={isSelected ? true : undefined}\n      data-slot=\"heatmap-cell\"\n      data-value={data.value}\n      role=\"gridcell\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault()\n          onClick?.(e as unknown as React.MouseEvent)\n        }\n      }}\n    />\n  )\n\n  if (!showTooltip) {\n    return cellContent\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{cellContent}</TooltipTrigger>\n      <TooltipContent>\n        {renderTooltip ? (\n          renderTooltip(data)\n        ) : (\n          <div className=\"space-y-1\">\n            {data.label && <p className=\"font-medium\">{data.label}</p>}\n            <p className=\"text-sm\">\n              <span className=\"text-muted-foreground\">Value: </span>\n              <span className=\"font-mono\">{data.value}</span>\n            </p>\n            <p className=\"text-xs text-muted-foreground\">\n              {String(data.x)}, {String(data.y)}\n            </p>\n          </div>\n        )}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\n// ============================================================================\n// HeatmapLegend Component\n// ============================================================================\n\ninterface HeatmapLegendProps {\n  colorScale: \"diverging\" | \"sequential\"\n  max: number\n  maxColor: string\n  midColor?: string\n  min: number\n  minColor: string\n  position: \"bottom\" | \"left\" | \"right\" | \"top\"\n}\n\nfunction HeatmapLegend({\n  colorScale,\n  max,\n  maxColor,\n  midColor,\n  min,\n  minColor,\n  position,\n}: HeatmapLegendProps) {\n  const isHorizontal = position === \"top\" || position === \"bottom\"\n  const gradientStyle =\n    colorScale === \"diverging\"\n      ? {\n          background: `linear-gradient(${isHorizontal ? \"to right\" : \"to top\"}, ${minColor}, ${midColor ?? CSS_VAR_MUTED}, ${maxColor})`,\n        }\n      : {\n          background: `linear-gradient(${isHorizontal ? \"to right\" : \"to top\"}, ${minColor}, ${maxColor})`,\n        }\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 text-xs text-muted-foreground\",\n        isHorizontal ? \"flex-row\" : \"flex-col\"\n      )}\n      data-slot=\"heatmap-legend\"\n    >\n      <span className=\"font-mono\">{min}</span>\n      <div\n        className={cn(\n          \"rounded\",\n          isHorizontal ? \"w-24 h-3\" : \"w-3 h-24\"\n        )}\n        style={gradientStyle}\n      />\n      <span className=\"font-mono\">{max}</span>\n    </div>\n  )\n}\n\n// ============================================================================\n// Main Heatmap Component\n// ============================================================================\n\nfunction Heatmap({\n  ariaLabel,\n  cellGap = 2,\n  cellSize = 20,\n  className,\n  colorScale = \"sequential\",\n  data,\n  highlightedRow,\n  legendPosition = \"bottom\",\n  maxColor = CSS_VAR_PRIMARY,\n  midColor,\n  minColor = CSS_VAR_MUTED,\n  onCellClick,\n  onRowHover,\n  renderTooltip,\n  selectedCell,\n  showLegend = true,\n  showTooltip = true,\n  valueKey,\n  variant = \"grid\",\n  xKey,\n  xLabels,\n  yKey,\n  yLabels,\n  ...props\n}: HeatmapProps) {\n  // Derive labels from data if not provided\n  const derivedXLabels = React.useMemo(() => {\n    if (xLabels) return xLabels\n    const uniqueX = [...new Set(data.map((d) => String(d[xKey as keyof HeatmapData])))]\n    return uniqueX\n  }, [data, xKey, xLabels])\n\n  const derivedYLabels = React.useMemo(() => {\n    if (yLabels) return yLabels\n    const uniqueY = [...new Set(data.map((d) => String(d[yKey as keyof HeatmapData])))]\n    return uniqueY\n  }, [data, yKey, yLabels])\n\n  // Calculate min/max values\n  const { maxValue, minValue } = React.useMemo(() => {\n    const values = data.map((d) => d[valueKey as keyof HeatmapData] as number)\n    return {\n      maxValue: Math.max(...values),\n      minValue: Math.min(...values),\n    }\n  }, [data, valueKey])\n\n  // Build data lookup map\n  const dataMap = React.useMemo(() => {\n    const map = new Map<string, HeatmapData>()\n    data.forEach((d) => {\n      const key = `${String(d[xKey as keyof HeatmapData])}-${String(d[yKey as keyof HeatmapData])}`\n      map.set(key, d)\n    })\n    return map\n  }, [data, xKey, yKey])\n\n  // Handle cell click\n  const handleCellClick = React.useCallback(\n    (cellData: HeatmapData) => (event: React.MouseEvent) => {\n      if (!onCellClick) return\n\n      const payload: HeatmapCellEventPayload = {\n        label: cellData.label,\n        timestamp: Date.now(),\n        value: cellData.value,\n        x: cellData.x,\n        y: cellData.y,\n      }\n      onCellClick(event, payload)\n    },\n    [onCellClick]\n  )\n\n  // Determine which cells to render based on variant\n  const shouldRenderCell = React.useCallback(\n    (xIndex: number, yIndex: number): boolean => {\n      if (variant === \"triangular\") {\n        // Only render lower triangle (including diagonal)\n        return yIndex >= xIndex\n      }\n      return true\n    },\n    [variant]\n  )\n\n  // Get cell data for coordinates\n  const getCellData = React.useCallback(\n    (xLabel: string, yLabel: string): HeatmapData | null => {\n      const key = `${xLabel}-${yLabel}`\n      const found = dataMap.get(key)\n      if (found) return found\n\n      // Also try with the actual data keys\n      const matchingData = data.find(\n        (d) =>\n          String(d[xKey as keyof HeatmapData]) === xLabel &&\n          String(d[yKey as keyof HeatmapData]) === yLabel\n      )\n      return matchingData ?? null\n    },\n    [data, dataMap, xKey, yKey]\n  )\n\n  const renderLegend = showLegend && (\n    <HeatmapLegend\n      colorScale={colorScale}\n      max={maxValue}\n      maxColor={maxColor}\n      midColor={midColor}\n      min={minValue}\n      minColor={minColor}\n      position={legendPosition}\n    />\n  )\n\n  return (\n    <div\n      aria-label={ariaLabel ?? \"Heatmap visualization\"}\n      className={cn(heatmapVariants({ variant }), className)}\n      data-slot=\"heatmap\"\n      role=\"region\"\n      {...props}\n    >\n      {/* Screen reader accessible table */}\n      <table className=\"sr-only\">\n        <caption>{ariaLabel ?? \"Heatmap data\"}</caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Row / Column</th>\n            {derivedXLabels.map((label) => (\n              <th key={label} scope=\"col\">\n                {label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {derivedYLabels.map((yLabel, yIndex) => (\n            <tr key={yLabel}>\n              <th scope=\"row\">{yLabel}</th>\n              {derivedXLabels.map((xLabel, xIndex) => {\n                if (!shouldRenderCell(xIndex, yIndex)) {\n                  return <td key={xLabel}>-</td>\n                }\n                const cellData = getCellData(xLabel, yLabel)\n                return (\n                  <td key={xLabel}>{cellData?.value ?? \"-\"}</td>\n                )\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      {/* Legend at top/left */}\n      {showLegend && (legendPosition === \"top\" || legendPosition === \"left\") && (\n        <div\n          className={cn(\n            legendPosition === \"left\" && \"self-center\"\n          )}\n        >\n          {renderLegend}\n        </div>\n      )}\n\n      {/* Visual heatmap */}\n      <div\n        className={cn(\n          \"flex\",\n          legendPosition === \"left\" || legendPosition === \"right\"\n            ? \"flex-row gap-4\"\n            : \"flex-col\"\n        )}\n      >\n        {/* Y-axis labels */}\n        <div className=\"flex gap-0.5\" data-slot=\"heatmap-container\">\n          <div className=\"flex flex-col\" style={{ gap: cellGap }}>\n            {derivedYLabels.map((yLabel) => (\n              <div\n                key={yLabel}\n                className=\"flex items-center justify-end pr-2 text-xs text-muted-foreground\"\n                style={{ height: cellSize }}\n              >\n                {yLabel}\n              </div>\n            ))}\n          </div>\n\n          {/* Grid */}\n          <div\n            aria-hidden=\"true\"\n            className=\"flex flex-col\"\n            data-slot=\"heatmap-grid\"\n            role=\"grid\"\n            style={{ gap: cellGap }}\n          >\n            {derivedYLabels.map((yLabel, yIndex) => (\n              <div\n                key={yLabel}\n                className=\"flex\"\n                data-slot=\"heatmap-row\"\n                role=\"row\"\n                style={{ gap: cellGap }}\n                onMouseEnter={() => onRowHover?.(yLabel)}\n                onMouseLeave={() => onRowHover?.(null)}\n              >\n                {derivedXLabels.map((xLabel, xIndex) => {\n                  if (!shouldRenderCell(xIndex, yIndex)) {\n                    // Render empty placeholder for triangular layout\n                    return (\n                      <div\n                        key={xLabel}\n                        style={{ height: cellSize, width: cellSize }}\n                      />\n                    )\n                  }\n\n                  const cellData = getCellData(xLabel, yLabel)\n\n                  if (!cellData) {\n                    // Empty cell\n                    return (\n                      <div\n                        key={xLabel}\n                        className=\"rounded-sm bg-muted\"\n                        data-empty=\"true\"\n                        data-slot=\"heatmap-cell\"\n                        role=\"gridcell\"\n                        style={{ height: cellSize, width: cellSize }}\n                      />\n                    )\n                  }\n\n                  const color = getColorForValue(\n                    cellData.value,\n                    minValue,\n                    maxValue,\n                    colorScale,\n                    minColor,\n                    maxColor,\n                    midColor\n                  )\n\n                  const isSelected =\n                    selectedCell?.x === cellData.x &&\n                    selectedCell.y === cellData.y\n\n                  const isHighlighted = highlightedRow === yLabel\n\n                  return (\n                    <HeatmapCell\n                      key={xLabel}\n                      data={{\n                        label: cellData.label,\n                        value: cellData.value,\n                        x: cellData.x,\n                        y: cellData.y,\n                      }}\n                      color={color}\n                      isHighlighted={isHighlighted}\n                      isSelected={isSelected}\n                      renderTooltip={renderTooltip}\n                      showTooltip={showTooltip}\n                      size={cellSize}\n                      onClick={handleCellClick(cellData)}\n                    />\n                  )\n                })}\n              </div>\n            ))}\n\n            {/* X-axis labels */}\n            {variant !== \"calendar\" && (\n              <div\n                className=\"flex pt-1\"\n                data-slot=\"heatmap-x-labels\"\n                style={{ gap: cellGap }}\n              >\n                {derivedXLabels.map((xLabel) => (\n                  <div\n                    key={xLabel}\n                    className=\"flex items-start justify-center text-xs text-muted-foreground\"\n                    style={{ width: cellSize }}\n                  >\n                    <span\n                      className={cn(\n                        derivedXLabels.length > 10 && \"rotate-45 origin-top-left text-xs\"\n                      )}\n                    >\n                      {xLabel}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Legend at bottom/right */}\n      {showLegend && (legendPosition === \"bottom\" || legendPosition === \"right\") && (\n        <div\n          className={cn(\n            \"flex justify-end\",\n            legendPosition === \"right\" && \"self-center\"\n          )}\n        >\n          {renderLegend}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { Heatmap, HeatmapCell, HeatmapLegend, heatmapVariants }\n"]}

package/dist/chunk-6SHOL6WR.js

@@ -0,0 +1,163 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var accordionItemVariants = cva(
+  // Base styles (always applied)
+  ["last:border-b-0"],
+  {
+    variants: {
+      variant: {
+        default: "border-b-[var(--accordion-item-border-width)]",
+        flush: "",
+        separated: "border-[var(--accordion-item-border-width)] rounded-[var(--accordion-item-radius)] mb-[var(--accordion-root-gap)] last:mb-0 px-[var(--accordion-item-padding-x)]",
+        contained: "border-x-[var(--accordion-item-border-width)] first:border-t-[var(--accordion-item-border-width)] first:rounded-t-[var(--accordion-item-radius)] last:border-b-[var(--accordion-item-border-width)] last:rounded-b-[var(--accordion-item-radius)] px-[var(--accordion-item-padding-x)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var accordionTriggerVariants = cva(
+  // Base styles (always applied)
+  [
+    "flex flex-1 items-start justify-between gap-[var(--accordion-trigger-gap)]",
+    "rounded-[var(--accordion-trigger-radius)] text-left font-medium",
+    "transition-all outline-none",
+    "hover:underline",
+    "focus-visible:border-ring focus-visible:ring-[color:var(--accordion-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--accordion-trigger-ring-width)]",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&[data-state=open]>svg]:rotate-180",
+    "[&>svg]:size-[var(--accordion-icon-size)]",
+    "[&>svg]:transition-transform [&>svg]:duration-[var(--accordion-icon-transition-duration)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "py-[var(--accordion-trigger-padding-y-sm)] text-[length:var(--accordion-trigger-text-size-sm)]",
+        default: "py-[var(--accordion-trigger-padding-y-md)] text-[length:var(--accordion-trigger-text-size-md)]",
+        lg: "py-[var(--accordion-trigger-padding-y-lg)] text-[length:var(--accordion-trigger-text-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var accordionContentVariants = cva(
+  // Base styles (always applied)
+  [
+    "overflow-hidden text-sm",
+    "data-[state=closed]:animate-accordion-up",
+    "data-[state=open]:animate-accordion-down"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var accordionContentInnerVariants = cva(["pt-0"], {
+  variants: {
+    size: {
+      sm: "pb-[var(--accordion-content-padding-bottom-sm)]",
+      default: "pb-[var(--accordion-content-padding-bottom-md)]",
+      lg: "pb-[var(--accordion-content-padding-bottom-lg)]"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var AccordionContext = React.createContext({
+  variant: "default",
+  size: "default"
+});
+function useAccordionContext() {
+  return React.use(AccordionContext);
+}
+function Accordion({
+  variant = "default",
+  size = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionContext, { value: { variant, size }, children: /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      className: cn(
+        variant === "separated" && "space-y-[var(--accordion-root-gap)]",
+        className
+      ),
+      "data-slot": "accordion",
+      ...props
+    }
+  ) });
+}
+Accordion.displayName = "Accordion";
+function AccordionItem({ className, ...props }) {
+  const { variant } = useAccordionContext();
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      className: cn(accordionItemVariants({ variant }), className),
+      "data-slot": "accordion-item",
+      ...props
+    }
+  );
+}
+AccordionItem.displayName = "AccordionItem";
+function AccordionTrigger({
+  className,
+  children,
+  chevron,
+  ...props
+}) {
+  const { size } = useAccordionContext();
+  const iconClasses = "text-muted-foreground pointer-events-none size-[var(--accordion-icon-size)] shrink-0 translate-y-0.5 transition-transform duration-[var(--accordion-icon-transition-duration)]";
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      className: cn(accordionTriggerVariants({ size }), className),
+      "data-slot": "accordion-trigger",
+      ...props,
+      children: [
+        children,
+        chevron ? /* @__PURE__ */ jsx("span", { className: iconClasses, "data-slot": "accordion-icon", children: chevron }) : /* @__PURE__ */ jsx(ChevronDown, { className: iconClasses, "data-slot": "accordion-icon" })
+      ]
+    }
+  ) });
+}
+AccordionTrigger.displayName = "AccordionTrigger";
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  const { size } = useAccordionContext();
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      className: cn(accordionContentVariants({ size })),
+      "data-slot": "accordion-content",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn(accordionContentInnerVariants({ size }), className), children })
+    }
+  );
+}
+AccordionContent.displayName = "AccordionContent";
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionContentInnerVariants, accordionContentVariants, accordionItemVariants, accordionTriggerVariants };
+//# sourceMappingURL=chunk-6SHOL6WR.js.map
+//# sourceMappingURL=chunk-6SHOL6WR.js.map

package/dist/chunk-6SHOL6WR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Accordion/Accordion.variants.ts","../src/components/data-display/Accordion/Accordion.tsx"],"names":[],"mappings":"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","file":"chunk-6SHOL6WR.js","sourcesContent":["// Accordion/Accordion.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * AccordionItem style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const accordionItemVariants = cva(\n  // Base styles (always applied)\n  [\"last:border-b-0\"],\n  {\n    variants: {\n      variant: {\n        default: \"border-b-[var(--accordion-item-border-width)]\",\n        flush: \"\",\n        separated: \"border-[var(--accordion-item-border-width)] rounded-[var(--accordion-item-radius)] mb-[var(--accordion-root-gap)] last:mb-0 px-[var(--accordion-item-padding-x)]\",\n        contained: \"border-x-[var(--accordion-item-border-width)] first:border-t-[var(--accordion-item-border-width)] first:rounded-t-[var(--accordion-item-radius)] last:border-b-[var(--accordion-item-border-width)] last:rounded-b-[var(--accordion-item-radius)] px-[var(--accordion-item-padding-x)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * AccordionTrigger style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const accordionTriggerVariants = cva(\n  // Base styles (always applied)\n  [\n    \"flex flex-1 items-start justify-between gap-[var(--accordion-trigger-gap)]\",\n    \"rounded-[var(--accordion-trigger-radius)] text-left font-medium\",\n    \"transition-all outline-none\",\n    \"hover:underline\",\n    \"focus-visible:border-ring focus-visible:ring-[color:var(--accordion-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--accordion-trigger-ring-width)]\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&[data-state=open]>svg]:rotate-180\",\n    \"[&>svg]:size-[var(--accordion-icon-size)]\",\n    \"[&>svg]:transition-transform [&>svg]:duration-[var(--accordion-icon-transition-duration)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"py-[var(--accordion-trigger-padding-y-sm)] text-[length:var(--accordion-trigger-text-size-sm)]\",\n        default: \"py-[var(--accordion-trigger-padding-y-md)] text-[length:var(--accordion-trigger-text-size-md)]\",\n        lg: \"py-[var(--accordion-trigger-padding-y-lg)] text-[length:var(--accordion-trigger-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * AccordionContent style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const accordionContentVariants = cva(\n  // Base styles (always applied)\n  [\n    \"overflow-hidden text-sm\",\n    \"data-[state=closed]:animate-accordion-up\",\n    \"data-[state=open]:animate-accordion-down\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * AccordionContent inner wrapper style variants using CVA\n */\nexport const accordionContentInnerVariants = cva([\"pt-0\"], {\n  variants: {\n    size: {\n      sm: \"pb-[var(--accordion-content-padding-bottom-sm)]\",\n      default: \"pb-[var(--accordion-content-padding-bottom-md)]\",\n      lg: \"pb-[var(--accordion-content-padding-bottom-lg)]\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\n// Export variant prop types\nexport type AccordionItemVariantProps = VariantProps<typeof accordionItemVariants>\nexport type AccordionTriggerVariantProps = VariantProps<typeof accordionTriggerVariants>\nexport type AccordionContentVariantProps = VariantProps<typeof accordionContentVariants>\n\n// Combined variant props for the compound component\nexport interface AccordionVariantProps {\n  /** Size of the accordion items */\n  size?: AccordionTriggerVariantProps[\"size\"]\n  /** Visual style variant */\n  variant?: AccordionItemVariantProps[\"variant\"]\n}\n","// Accordion/Accordion.tsx\n\"use client\"\n\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  accordionContentInnerVariants,\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  type AccordionVariantProps,\n} from \"./Accordion.variants\"\n\n// ============================================\n// CONTEXT FOR VARIANT PROPAGATION\n// ============================================\n\ntype AccordionContextValue = AccordionVariantProps\n\nconst AccordionContext = React.createContext<AccordionContextValue>({\n  variant: \"default\",\n  size: \"default\",\n})\n\nfunction useAccordionContext() {\n  return React.use(AccordionContext)\n}\n\n// ============================================\n// ACCORDION ROOT\n// ============================================\n\ntype AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root> &\n  AccordionVariantProps\n\n/**\n * Accordion - Collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion type=\"single\" collapsible variant=\"default\" size=\"default\">\n *   <AccordionItem value=\"item-1\">\n *     <AccordionTrigger>Section 1</AccordionTrigger>\n *     <AccordionContent>Content for section 1</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nfunction Accordion({\n  variant = \"default\",\n  size = \"default\",\n  className,\n  ...props\n}: AccordionProps) {\n  return (\n    <AccordionContext value={{ variant, size }}>\n      <AccordionPrimitive.Root\n        className={cn(\n          variant === \"separated\" && \"space-y-[var(--accordion-root-gap)]\",\n          className\n        )}\n        data-slot=\"accordion\"\n        {...props}\n      />\n    </AccordionContext>\n  )\n}\n\nAccordion.displayName = \"Accordion\"\n\n// ============================================\n// ACCORDION ITEM\n// ============================================\n\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  const { variant } = useAccordionContext()\n\n  return (\n    <AccordionPrimitive.Item\n      className={cn(accordionItemVariants({ variant }), className)}\n      data-slot=\"accordion-item\"\n      {...props}\n    />\n  )\n}\n\nAccordionItem.displayName = \"AccordionItem\"\n\n// ============================================\n// ACCORDION TRIGGER\n// ============================================\n\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger> & {\n  /**\n   * Custom icon to render in place of the default chevron.\n   * When provided, the icon receives the same transition + transform\n   * animations as the default chevron (rotates on expand).\n   *\n   * @example\n   * <AccordionTrigger chevron={<PlusIcon />}>Section 1</AccordionTrigger>\n   */\n  chevron?: React.ReactNode\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  chevron,\n  ...props\n}: AccordionTriggerProps) {\n  const { size } = useAccordionContext()\n\n  const iconClasses = \"text-muted-foreground pointer-events-none size-[var(--accordion-icon-size)] shrink-0 translate-y-0.5 transition-transform duration-[var(--accordion-icon-transition-duration)]\"\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        className={cn(accordionTriggerVariants({ size }), className)}\n        data-slot=\"accordion-trigger\"\n        {...props}\n      >\n        {children}\n        {chevron ? (\n          <span className={iconClasses} data-slot=\"accordion-icon\">\n            {chevron}\n          </span>\n        ) : (\n          <ChevronDown className={iconClasses} data-slot=\"accordion-icon\" />\n        )}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\"\n\n// ============================================\n// ACCORDION CONTENT\n// ============================================\n\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  const { size } = useAccordionContext()\n\n  return (\n    <AccordionPrimitive.Content\n      className={cn(accordionContentVariants({ size }))}\n      data-slot=\"accordion-content\"\n      {...props}\n    >\n      <div className={cn(accordionContentInnerVariants({ size }), className)}>\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nAccordionContent.displayName = \"AccordionContent\"\n\n// ============================================\n// EXPORTS\n// ============================================\n\nexport {\n  Accordion,\n  AccordionContent,\n  type AccordionContentProps,\n  AccordionItem,\n  type AccordionItemProps,\n  type AccordionProps,\n  AccordionTrigger,\n  type AccordionTriggerProps,\n}\n"]}

package/dist/chunk-6SZRWNPT.js

@@ -0,0 +1,67 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var topbarVariants = cva(
+  [
+    "flex w-full items-center justify-between",
+    "bg-[color:var(--topbar-root-background)]",
+    "px-[var(--topbar-root-padding-x)] py-[var(--topbar-root-padding-y)]",
+    "gap-[var(--topbar-root-gap)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "h-[var(--topbar-root-height-default)]",
+        filters: "h-[var(--topbar-root-height-filters)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var topbarLeadingVariants = cva(
+  "flex items-center gap-[var(--topbar-leading-gap)] min-w-0"
+);
+var topbarTrailingVariants = cva(
+  "flex items-center gap-[var(--topbar-trailing-gap)] shrink-0"
+);
+function Topbar({ className, variant = "default", children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(topbarVariants({ variant }), className),
+      "data-slot": "topbar",
+      "data-variant": variant,
+      ...props,
+      children
+    }
+  );
+}
+function TopbarLeading({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(topbarLeadingVariants(), className),
+      "data-slot": "topbar-leading",
+      ...props,
+      children
+    }
+  );
+}
+function TopbarTrailing({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(topbarTrailingVariants(), className),
+      "data-slot": "topbar-trailing",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Topbar, TopbarLeading, TopbarTrailing, topbarLeadingVariants, topbarTrailingVariants, topbarVariants };
+//# sourceMappingURL=chunk-6SZRWNPT.js.map
+//# sourceMappingURL=chunk-6SZRWNPT.js.map

package/dist/chunk-6SZRWNPT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Topbar/Topbar.variants.ts","../src/components/navigation/Topbar/Topbar.tsx"],"names":[],"mappings":";;;;AAUO,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,0CAAA;AAAA,IACA,0CAAA;AAAA,IACA,qEAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,uCAAA;AAAA,QACT,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,qBAAA,GAAwB,GAAA;AAAA,EACnC;AACF;AAMO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AACF;ACdA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,OAAA,GAAU,WAAW,QAAA,EAAU,GAAG,OAAM,EAAgB;AACnF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACpD,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACb,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAKA,SAAS,cAAc,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAAuB;AAC5E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAsB,EAAG,SAAS,CAAA;AAAA,MAChD,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAKA,SAAS,eAAe,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAAwB;AAC9E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-6SZRWNPT.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Topbar root variant styles.\n *\n * Figma: `Core Components — Seven > Topbar` (node 1403:15038).\n * All sizing/spacing/color values flow from `@etus/tokens` (`--topbar-*`) —\n * never hardcoded. Two variants share the same horizontal layout (breadcrumb\n * left, actions right), differing only in height.\n */\nexport const topbarVariants = cva(\n  [\n    \"flex w-full items-center justify-between\",\n    \"bg-[color:var(--topbar-root-background)]\",\n    \"px-[var(--topbar-root-padding-x)] py-[var(--topbar-root-padding-y)]\",\n    \"gap-[var(--topbar-root-gap)]\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"h-[var(--topbar-root-height-default)]\",\n        filters: \"h-[var(--topbar-root-height-filters)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n)\n\n/**\n * TopbarLeading variant styles — left slot, typically holding a Breadcrumb.\n */\nexport const topbarLeadingVariants = cva(\n  \"flex items-center gap-[var(--topbar-leading-gap)] min-w-0\",\n)\n\n/**\n * TopbarTrailing variant styles — right slot, typically holding Search + AccountSwitch\n * (default variant) or DatePicker + Selects (filters variant).\n */\nexport const topbarTrailingVariants = cva(\n  \"flex items-center gap-[var(--topbar-trailing-gap)] shrink-0\",\n)\n","\"use client\"\n\nimport type { TopbarLeadingProps, TopbarProps, TopbarTrailingProps } from \"./Topbar.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  topbarLeadingVariants,\n  topbarTrailingVariants,\n  topbarVariants,\n} from \"./Topbar.variants\"\n\n/**\n * Topbar — page-level horizontal bar combining a leading area (breadcrumb / title)\n * with a trailing area (search, account switcher, filters).\n *\n * Distinct from `Navbar` (primary site navigation) and `Header` (app chrome):\n * Topbar sits at the top of a content area to surface location + contextual actions.\n *\n * @example\n * <Topbar variant=\"default\">\n *   <TopbarLeading>\n *     <Breadcrumb>...</Breadcrumb>\n *   </TopbarLeading>\n *   <TopbarTrailing>\n *     <TextInput type=\"search\" />\n *     <AccountSwitch accounts={...} />\n *   </TopbarTrailing>\n * </Topbar>\n */\nfunction Topbar({ className, variant = \"default\", children, ...props }: TopbarProps) {\n  return (\n    <div\n      className={cn(topbarVariants({ variant }), className)}\n      data-slot=\"topbar\"\n      data-variant={variant}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * TopbarLeading — left-aligned slot inside a Topbar.\n */\nfunction TopbarLeading({ className, children, ...props }: TopbarLeadingProps) {\n  return (\n    <div\n      className={cn(topbarLeadingVariants(), className)}\n      data-slot=\"topbar-leading\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * TopbarTrailing — right-aligned slot inside a Topbar.\n */\nfunction TopbarTrailing({ className, children, ...props }: TopbarTrailingProps) {\n  return (\n    <div\n      className={cn(topbarTrailingVariants(), className)}\n      data-slot=\"topbar-trailing\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport { Topbar, TopbarLeading, TopbarTrailing }\n"]}

package/dist/chunk-6VCJU6XD.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+// src/hooks/use-on-window-resize.ts
+function useOnWindowResize(handler) {
+  React.useEffect(() => {
+    const handleResize = () => {
+      handler();
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [handler]);
+}
+
+export { useOnWindowResize };
+//# sourceMappingURL=chunk-6VCJU6XD.js.map
+//# sourceMappingURL=chunk-6VCJU6XD.js.map

package/dist/chunk-6VCJU6XD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-on-window-resize.ts"],"names":[],"mappings":";;;AAeO,SAAS,kBAAkB,OAAA,EAAqB;AACrD,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,OAAA,EAAQ;AAAA,IACV,CAAA;AAEA,IAAA,YAAA,EAAa;AAEb,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC9C,IAAA,OAAO,MAAM;AAAE,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IAAE,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"chunk-6VCJU6XD.js","sourcesContent":["import * as React from \"react\"\n\n/**\n * Hook that triggers a callback on window resize\n * Useful for responsive charts and components that need to recalculate dimensions\n *\n * @example\n * ```tsx\n * const [width, setWidth] = useState(0)\n *\n * useOnWindowResize(() => {\n *   setWidth(containerRef.current?.clientWidth ?? 0)\n * })\n * ```\n */\nexport function useOnWindowResize(handler: () => void) {\n  React.useEffect(() => {\n    const handleResize = () => {\n      handler()\n    }\n    // Call handler immediately to set initial state\n    handleResize()\n\n    window.addEventListener(\"resize\", handleResize)\n    return () => { window.removeEventListener(\"resize\", handleResize) }\n  }, [handler])\n}\n"]}