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

package/dist/chunk-BQMQULAC.js

@@ -0,0 +1,37 @@
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from './chunk-7I6KK6QE.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, Radar } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function RadarChart({
+  className,
+  config,
+  data,
+  dataKeys,
+  angleKey = "subject",
+  showGrid = true,
+  showDots = true,
+  fillOpacity = 0.3,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ChartContainer, { className: cn("aspect-square", className), config, ...props, children: /* @__PURE__ */ jsxs(RadarChart$1, { data, children: [
+    showGrid && /* @__PURE__ */ jsx(PolarGrid, {}),
+    /* @__PURE__ */ jsx(PolarAngleAxis, { dataKey: angleKey }),
+    /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
+    dataKeys.map((key) => /* @__PURE__ */ jsx(
+      Radar,
+      {
+        dataKey: key,
+        dot: showDots ? { r: 3 } : false,
+        fill: `var(--color-${key})`,
+        fillOpacity,
+        stroke: `var(--color-${key})`
+      },
+      key
+    ))
+  ] }) });
+}
+
+export { RadarChart };
+//# sourceMappingURL=chunk-BQMQULAC.js.map
+//# sourceMappingURL=chunk-BQMQULAC.js.map

package/dist/chunk-BQMQULAC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/RadarChart/RadarChart.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;AAcA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,SAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX,WAAA,GAAc,GAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAAG,MAAA,EAAiB,GAAG,KAAA,EAC7E,QAAA,kBAAA,IAAA,CAACA,YAAA,EAAA,EAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,IAAA,QAAA,wBAAa,SAAA,EAAA,EAAU,CAAA;AAAA,oBACxB,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAS,QAAA,EAAU,CAAA;AAAA,oBACnC,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,kBAAS,GAAA,CAAC,uBAAoB,CAAA,EAAI,CAAA;AAAA,IAC/C,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,qBACb,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,OAAA,EAAS,GAAA;AAAA,QACT,GAAA,EAAK,QAAA,GAAW,EAAE,CAAA,EAAG,GAAE,GAAI,KAAA;AAAA,QAC3B,IAAA,EAAM,eAAe,GAAG,CAAA,CAAA,CAAA;AAAA,QACxB,WAAA;AAAA,QACA,MAAA,EAAQ,eAAe,GAAG,CAAA,CAAA;AAAA,OAAA;AAAA,MALrB;AAAA,KAOR;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ","file":"chunk-BQMQULAC.js","sourcesContent":["\"use client\"\n\nimport type { RadarChartProps } from \"./RadarChart.types\"\n\nimport {\n  PolarAngleAxis,\n  PolarGrid,\n  Radar,\n  RadarChart as RechartsRadarChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\"\n\nfunction RadarChart({\n  className,\n  config,\n  data,\n  dataKeys,\n  angleKey = \"subject\",\n  showGrid = true,\n  showDots = true,\n  fillOpacity = 0.3,\n  ...props\n}: RadarChartProps) {\n  return (\n    <ChartContainer className={cn(\"aspect-square\", className)} config={config} {...props}>\n      <RechartsRadarChart data={data}>\n        {showGrid && <PolarGrid />}\n        <PolarAngleAxis dataKey={angleKey} />\n        <ChartTooltip content={<ChartTooltipContent />} />\n        {dataKeys.map((key) => (\n          <Radar\n            key={key}\n            dataKey={key}\n            dot={showDots ? { r: 3 } : false}\n            fill={`var(--color-${key})`}\n            fillOpacity={fillOpacity}\n            stroke={`var(--color-${key})`}\n          />\n        ))}\n      </RechartsRadarChart>\n    </ChartContainer>\n  )\n}\n\nexport { RadarChart }\n"]}

package/dist/chunk-BWGZKU3I.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-BWGZKU3I.js.map
+//# sourceMappingURL=chunk-BWGZKU3I.js.map

package/dist/chunk-BWGZKU3I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-BWGZKU3I.js"}

package/dist/chunk-CKD4UBV6.js

@@ -0,0 +1,138 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var folderStackVariants = cva(
+  "relative flex-shrink-0 [&_[data-slot='folder-stack-tile']]:absolute [&_[data-slot='folder-stack-tile']]:bg-[color:var(--tint,theme(colors.neutral.200))] [&_[data-slot='folder-stack-tile']]:transition-colors",
+  {
+    variants: {
+      size: {
+        xs: "w-[var(--folder-stack-size-xs-width)] h-[var(--folder-stack-size-xs-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-xs-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-xs-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-xs-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-xs-outline-width)]",
+        sm: "w-[var(--folder-stack-size-sm-width)] h-[var(--folder-stack-size-sm-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-sm-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-sm-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-sm-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-sm-outline-width)]",
+        default: "w-[var(--folder-stack-size-default-width)] h-[var(--folder-stack-size-default-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-default-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-default-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-default-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-default-outline-width)]",
+        lg: "w-[var(--folder-stack-size-lg-width)] h-[var(--folder-stack-size-lg-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-lg-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-lg-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-lg-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-lg-outline-width)]",
+        xl: "w-[var(--folder-stack-size-xl-width)] h-[var(--folder-stack-size-xl-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-xl-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-xl-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-xl-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-xl-outline-width)]"
+      },
+      interactive: {
+        true: "cursor-pointer transition-transform hover:scale-[1.02] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[color:var(--ring)] motion-reduce:transition-none motion-reduce:hover:scale-100",
+        false: ""
+      },
+      active: {
+        true: "ring-2 ring-[color:var(--folder-stack-interactive-active-ring-color,var(--primary))] ring-offset-2 ring-offset-[color:var(--background)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      interactive: false,
+      active: false
+    }
+  }
+);
+var folderStackTilePositions = {
+  xs: [
+    { left: "1px", top: "0" },
+    { left: "11px", top: "0" },
+    { left: "1px", top: "10px" },
+    { left: "11px", top: "10px" }
+  ],
+  sm: [
+    { left: "1px", top: "0" },
+    { left: "15px", top: "0" },
+    { left: "1px", top: "13px" },
+    { left: "15px", top: "13px" }
+  ],
+  default: [
+    { left: "0", top: "0" },
+    { left: "18px", top: "0" },
+    { left: "0", top: "22px" },
+    { left: "18px", top: "22px" }
+  ],
+  lg: [
+    { left: "0", top: "0" },
+    { left: "28px", top: "0" },
+    { left: "0", top: "30px" },
+    { left: "28px", top: "30px" }
+  ],
+  xl: [
+    { left: "0", top: "0" },
+    { left: "36px", top: "0" },
+    { left: "0", top: "38px" },
+    { left: "36px", top: "38px" }
+  ]
+};
+function FolderStack({
+  tints,
+  size = "default",
+  interactive = false,
+  active = false,
+  className,
+  "aria-label": ariaLabel,
+  onClick,
+  ...props
+}) {
+  const sizeKey = size ?? "default";
+  const positions = folderStackTilePositions[sizeKey];
+  const slots = Array.from({ length: 4 }, (_, i) => tints[i] ?? null);
+  const handleClick = React.useCallback(
+    (event) => {
+      if (!interactive) return;
+      onClick?.(event, { tints, timestamp: Date.now() });
+    },
+    [interactive, onClick, tints]
+  );
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (!interactive) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        onClick?.(
+          event,
+          { tints, timestamp: Date.now() }
+        );
+      }
+    },
+    [interactive, onClick, tints]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        folderStackVariants({ size, interactive, active }),
+        className
+      ),
+      "aria-label": ariaLabel,
+      "aria-pressed": interactive && active ? true : void 0,
+      "data-active": active || void 0,
+      "data-empty": slots.every((s) => s === null) || void 0,
+      "data-size": size,
+      "data-slot": "folder-stack",
+      role: interactive ? "button" : "img",
+      tabIndex: interactive ? 0 : void 0,
+      onClick: interactive ? handleClick : void 0,
+      onKeyDown: interactive ? handleKeyDown : void 0,
+      ...props,
+      children: slots.map((tint, i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            ...positions[i],
+            "--tint": tint ?? "var(--folder-stack-empty-bg, var(--muted))"
+          },
+          "aria-hidden": "true",
+          className: "outline outline-[color:var(--folder-stack-outline-color,var(--background))]",
+          "data-empty": tint === null || void 0,
+          "data-position": i,
+          "data-slot": "folder-stack-tile"
+        },
+        `folder-stack-tile-${String(i)}`
+      ))
+    }
+  );
+}
+FolderStack.displayName = "FolderStack";
+
+export { FolderStack, folderStackVariants };
+//# sourceMappingURL=chunk-CKD4UBV6.js.map
+//# sourceMappingURL=chunk-CKD4UBV6.js.map

package/dist/chunk-CKD4UBV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/FolderStack/FolderStack.variants.ts","../src/components/primitives/FolderStack/FolderStack.tsx"],"names":[],"mappings":"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","file":"chunk-CKD4UBV6.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const folderStackVariants = cva(\n  \"relative flex-shrink-0 [&_[data-slot='folder-stack-tile']]:absolute [&_[data-slot='folder-stack-tile']]:bg-[color:var(--tint,theme(colors.neutral.200))] [&_[data-slot='folder-stack-tile']]:transition-colors\",\n  {\n    variants: {\n      size: {\n        xs: \"w-[var(--folder-stack-size-xs-width)] h-[var(--folder-stack-size-xs-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-xs-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-xs-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-xs-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-xs-outline-width)]\",\n        sm: \"w-[var(--folder-stack-size-sm-width)] h-[var(--folder-stack-size-sm-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-sm-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-sm-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-sm-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-sm-outline-width)]\",\n        default:\n          \"w-[var(--folder-stack-size-default-width)] h-[var(--folder-stack-size-default-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-default-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-default-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-default-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-default-outline-width)]\",\n        lg: \"w-[var(--folder-stack-size-lg-width)] h-[var(--folder-stack-size-lg-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-lg-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-lg-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-lg-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-lg-outline-width)]\",\n        xl: \"w-[var(--folder-stack-size-xl-width)] h-[var(--folder-stack-size-xl-height)] [&_[data-slot='folder-stack-tile']]:w-[var(--folder-stack-size-xl-tile-width)] [&_[data-slot='folder-stack-tile']]:h-[var(--folder-stack-size-xl-tile-height)] [&_[data-slot='folder-stack-tile']]:rounded-[var(--folder-stack-size-xl-tile-radius)] [&_[data-slot='folder-stack-tile']]:outline-[length:var(--folder-stack-size-xl-outline-width)]\",\n      },\n      interactive: {\n        true: \"cursor-pointer transition-transform hover:scale-[1.02] focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[color:var(--ring)] motion-reduce:transition-none motion-reduce:hover:scale-100\",\n        false: \"\",\n      },\n      active: {\n        true: \"ring-2 ring-[color:var(--folder-stack-interactive-active-ring-color,var(--primary))] ring-offset-2 ring-offset-[color:var(--background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      interactive: false,\n      active: false,\n    },\n  },\n)\n\n/** Tile positions per size — top-left, top-right, bottom-left, bottom-right.\n * Returned as inline styles so each tile can be positioned absolutely without\n * exploding the className surface. Values derived from prototype `dam.css`. */\nexport const folderStackTilePositions: Record<\n  \"default\" | \"lg\" | \"sm\" | \"xl\" | \"xs\",\n  { left: string; top: string }[]\n> = {\n  xs: [\n    { left: \"1px\", top: \"0\" },\n    { left: \"11px\", top: \"0\" },\n    { left: \"1px\", top: \"10px\" },\n    { left: \"11px\", top: \"10px\" },\n  ],\n  sm: [\n    { left: \"1px\", top: \"0\" },\n    { left: \"15px\", top: \"0\" },\n    { left: \"1px\", top: \"13px\" },\n    { left: \"15px\", top: \"13px\" },\n  ],\n  default: [\n    { left: \"0\", top: \"0\" },\n    { left: \"18px\", top: \"0\" },\n    { left: \"0\", top: \"22px\" },\n    { left: \"18px\", top: \"22px\" },\n  ],\n  lg: [\n    { left: \"0\", top: \"0\" },\n    { left: \"28px\", top: \"0\" },\n    { left: \"0\", top: \"30px\" },\n    { left: \"28px\", top: \"30px\" },\n  ],\n  xl: [\n    { left: \"0\", top: \"0\" },\n    { left: \"36px\", top: \"0\" },\n    { left: \"0\", top: \"38px\" },\n    { left: \"36px\", top: \"38px\" },\n  ],\n}\n","import type { FolderStackProps } from \"./FolderStack.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { folderStackTilePositions, folderStackVariants } from \"./FolderStack.variants\"\n\n/**\n * FolderStack — 2×2 tile preview of folder contents.\n *\n * Renders 4 absolute-positioned tiles tinted with the colors passed in `tints`.\n * Excess tints are ignored; missing slots get a neutral empty fill. Used as\n * leading slot in file-tree rows, inside FolderCards, and as the visual for\n * ShortcutCard/Item nav targets.\n *\n * @example\n * <FolderStack tints={[\"#f97316\", \"#19e699\", \"#a78bfa\", \"#3b82f6\"]} aria-label=\"Folder with 12 files\" />\n *\n * @example\n * <FolderStack tints={collectTints(folder)} size=\"default\" interactive onClick={navigate} aria-label={folder.name} />\n */\nfunction FolderStack({\n  tints,\n  size = \"default\",\n  interactive = false,\n  active = false,\n  className,\n  \"aria-label\": ariaLabel,\n  onClick,\n  ...props\n}: FolderStackProps) {\n  const sizeKey = (size ?? \"default\")\n  const positions = folderStackTilePositions[sizeKey]\n\n  // Pad to exactly 4 entries — extra tints discarded, missing slots stay empty.\n  const slots = Array.from({ length: 4 }, (_, i) => tints[i] ?? null)\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!interactive) return\n      onClick?.(event, { tints, timestamp: Date.now() })\n    },\n    [interactive, onClick, tints],\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!interactive) return\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault()\n        onClick?.(\n          event as unknown as React.MouseEvent<HTMLDivElement>,\n          { tints, timestamp: Date.now() },\n        )\n      }\n    },\n    [interactive, onClick, tints],\n  )\n\n  return (\n    <div\n      className={cn(\n        folderStackVariants({ size, interactive, active }),\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-pressed={interactive && active ? true : undefined}\n      data-active={active || undefined}\n      data-empty={slots.every((s) => s === null) || undefined}\n      data-size={size}\n      data-slot=\"folder-stack\"\n      role={interactive ? \"button\" : \"img\"}\n      tabIndex={interactive ? 0 : undefined}\n      onClick={interactive ? handleClick : undefined}\n      onKeyDown={interactive ? handleKeyDown : undefined}\n      {...props}\n    >\n      {slots.map((tint, i) => (\n        <span\n          key={`folder-stack-tile-${String(i)}`}\n          style={\n            {\n              ...positions[i],\n              \"--tint\": tint ?? \"var(--folder-stack-empty-bg, var(--muted))\",\n            } as React.CSSProperties\n          }\n          aria-hidden=\"true\"\n          className=\"outline outline-[color:var(--folder-stack-outline-color,var(--background))]\"\n          data-empty={tint === null || undefined}\n          data-position={i}\n          data-slot=\"folder-stack-tile\"\n        />\n      ))}\n    </div>\n  )\n}\n\nFolderStack.displayName = \"FolderStack\"\n\nexport { FolderStack, folderStackVariants }\n"]}

package/dist/chunk-CNRV2IGH.js

@@ -0,0 +1,111 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var scrollAreaVariants = cva(["relative", "overflow-hidden"]);
+var scrollAreaViewportVariants = cva([
+  "size-full rounded-[inherit]",
+  "overflow-auto",
+  "transition-[color,box-shadow] outline-none",
+  "focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1"
+]);
+var scrollBarVariants = cva(
+  ["flex touch-none select-none transition-colors"],
+  {
+    variants: {
+      /**
+       * Orientation of the scrollbar
+       * - vertical: Vertical scrollbar on the right
+       * - horizontal: Horizontal scrollbar at the bottom
+       */
+      orientation: {
+        vertical: "h-full w-[var(--scroll-bar-width-default)] border-l border-l-transparent p-px",
+        horizontal: "h-[var(--scroll-bar-width-default)] w-full flex-col border-t border-t-transparent p-px"
+      },
+      /**
+       * Size of the scrollbar
+       * - default: Standard scrollbar size (2.5 = 10px)
+       * - thin: Thinner scrollbar (1.5 = 6px)
+       * - wide: Wider scrollbar (3.5 = 14px)
+       */
+      size: {
+        default: "",
+        thin: "",
+        wide: ""
+      }
+    },
+    compoundVariants: [
+      // Vertical size variants
+      { orientation: "vertical", size: "thin", class: "w-[var(--scroll-bar-width-thin)]" },
+      { orientation: "vertical", size: "wide", class: "w-[var(--scroll-bar-width-wide)]" },
+      // Horizontal size variants
+      { orientation: "horizontal", size: "thin", class: "h-[var(--scroll-bar-width-thin)]" },
+      { orientation: "horizontal", size: "wide", class: "h-[var(--scroll-bar-width-wide)]" }
+    ],
+    defaultVariants: {
+      orientation: "vertical",
+      size: "default"
+    }
+  }
+);
+var scrollBarThumbVariants = cva([
+  "bg-[color:var(--scroll-bar-thumb-bg)] relative flex-1 rounded-full"
+]);
+var scrollAreaCornerVariants = cva(["bg-transparent"]);
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      className: cn(scrollAreaVariants(), className),
+      "data-slot": "scroll-area",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            className: cn(scrollAreaViewportVariants()),
+            "data-slot": "scroll-area-viewport",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Corner,
+          {
+            className: cn(scrollAreaCornerVariants())
+          }
+        )
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  size,
+  ...props
+}) {
+  const resolvedOrientation = orientation ?? "vertical";
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      className: cn(scrollBarVariants({ orientation: resolvedOrientation, size }), className),
+      "data-slot": "scroll-area-scrollbar",
+      orientation: resolvedOrientation,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          className: cn(scrollBarThumbVariants()),
+          "data-slot": "scroll-area-thumb"
+        }
+      )
+    }
+  );
+}
+
+export { ScrollArea, ScrollBar, scrollAreaCornerVariants, scrollAreaVariants, scrollAreaViewportVariants, scrollBarThumbVariants, scrollBarVariants };
+//# sourceMappingURL=chunk-CNRV2IGH.js.map
+//# sourceMappingURL=chunk-CNRV2IGH.js.map

package/dist/chunk-CNRV2IGH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ScrollArea/ScrollArea.variants.ts","../src/components/layout/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"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","file":"chunk-CNRV2IGH.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ScrollArea root variant styles\n * Container for scrollable content\n */\nexport const scrollAreaVariants = cva([\"relative\", \"overflow-hidden\"])\n\n/**\n * ScrollArea viewport variant styles\n * The scrollable content container\n */\nexport const scrollAreaViewportVariants = cva([\n  \"size-full rounded-[inherit]\",\n  \"overflow-auto\",\n  \"transition-[color,box-shadow] outline-none\",\n  \"focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1\",\n])\n\n/**\n * ScrollBar variant styles\n * The scrollbar track with size and visibility variants\n */\nexport const scrollBarVariants = cva(\n  [\"flex touch-none select-none transition-colors\"],\n  {\n    variants: {\n      /**\n       * Orientation of the scrollbar\n       * - vertical: Vertical scrollbar on the right\n       * - horizontal: Horizontal scrollbar at the bottom\n       */\n      orientation: {\n        vertical: \"h-full w-[var(--scroll-bar-width-default)] border-l border-l-transparent p-px\",\n        horizontal: \"h-[var(--scroll-bar-width-default)] w-full flex-col border-t border-t-transparent p-px\",\n      },\n      /**\n       * Size of the scrollbar\n       * - default: Standard scrollbar size (2.5 = 10px)\n       * - thin: Thinner scrollbar (1.5 = 6px)\n       * - wide: Wider scrollbar (3.5 = 14px)\n       */\n      size: {\n        default: \"\",\n        thin: \"\",\n        wide: \"\",\n      },\n    },\n    compoundVariants: [\n      // Vertical size variants\n      { orientation: \"vertical\", size: \"thin\", class: \"w-[var(--scroll-bar-width-thin)]\" },\n      { orientation: \"vertical\", size: \"wide\", class: \"w-[var(--scroll-bar-width-wide)]\" },\n      // Horizontal size variants\n      { orientation: \"horizontal\", size: \"thin\", class: \"h-[var(--scroll-bar-width-thin)]\" },\n      { orientation: \"horizontal\", size: \"wide\", class: \"h-[var(--scroll-bar-width-wide)]\" },\n    ],\n    defaultVariants: {\n      orientation: \"vertical\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * ScrollBar thumb variant styles\n * The draggable part of the scrollbar\n */\nexport const scrollBarThumbVariants = cva([\n  \"bg-[color:var(--scroll-bar-thumb-bg)] relative flex-1 rounded-full\",\n])\n\n/**\n * ScrollArea corner variant styles\n * Corner element when both scrollbars are visible\n */\nexport const scrollAreaCornerVariants = cva([\"bg-transparent\"])\n\nexport type ScrollAreaVariantProps = VariantProps<typeof scrollAreaVariants>\nexport type ScrollAreaViewportVariantProps = VariantProps<\n  typeof scrollAreaViewportVariants\n>\nexport type ScrollBarVariantProps = VariantProps<typeof scrollBarVariants>\nexport type ScrollBarThumbVariantProps = VariantProps<\n  typeof scrollBarThumbVariants\n>\n","\"use client\"\n\nimport type { ScrollAreaProps, ScrollBarProps } from \"./ScrollArea.types\"\n\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  scrollAreaCornerVariants,\n  scrollAreaVariants,\n  scrollAreaViewportVariants,\n  scrollBarThumbVariants,\n  scrollBarVariants,\n} from \"./ScrollArea.variants\"\n\nfunction ScrollArea({ className, children, ...props }: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitive.Root\n      className={cn(scrollAreaVariants(), className)}\n      data-slot=\"scroll-area\"\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        className={cn(scrollAreaViewportVariants())}\n        data-slot=\"scroll-area-viewport\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner\n        className={cn(scrollAreaCornerVariants())}\n      />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  size,\n  ...props\n}: ScrollBarProps) {\n  // Ensure orientation is never null (CVA allows null, Radix expects undefined)\n  const resolvedOrientation = orientation ?? \"vertical\"\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      className={cn(scrollBarVariants({ orientation: resolvedOrientation, size }), className)}\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={resolvedOrientation}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        className={cn(scrollBarThumbVariants())}\n        data-slot=\"scroll-area-thumb\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"]}

package/dist/chunk-CYIFWQ5Y.js

@@ -0,0 +1,197 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Loader2, RefreshCw, ArrowLeft, Home, CircleAlert, Settings, WifiOff, Lock, ServerCrash, Ban } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var errorDefaults = {
+  "401": {
+    code: "401",
+    description: "Fa\xE7a login para acessar este conte\xFAdo.",
+    title: "N\xE3o autenticado"
+  },
+  "403": {
+    code: "403",
+    description: "Voc\xEA n\xE3o tem permiss\xE3o para acessar este recurso.",
+    title: "Acesso negado"
+  },
+  "404": {
+    code: "404",
+    description: "A p\xE1gina que voc\xEA est\xE1 procurando n\xE3o existe ou foi movida.",
+    title: "P\xE1gina n\xE3o encontrada"
+  },
+  "500": {
+    code: "500",
+    description: "Ocorreu um erro inesperado. Nossa equipe foi notificada.",
+    title: "Erro interno"
+  },
+  generic: {
+    code: "",
+    description: "Ocorreu um erro. Por favor, tente novamente.",
+    title: "Algo deu errado"
+  },
+  maintenance: {
+    code: "",
+    description: "Estamos realizando melhorias. Voltamos em breve!",
+    title: "Em manuten\xE7\xE3o"
+  },
+  offline: {
+    code: "",
+    description: "Verifique sua conex\xE3o com a internet e tente novamente.",
+    title: "Sem conex\xE3o"
+  }
+};
+function getDefaultIcon(type) {
+  const iconClassName = "size-16 text-muted-foreground";
+  switch (type) {
+    case "404":
+      return /* @__PURE__ */ jsx(Ban, { className: iconClassName });
+    case "500":
+      return /* @__PURE__ */ jsx(ServerCrash, { className: iconClassName });
+    case "403":
+      return /* @__PURE__ */ jsx(Lock, { className: iconClassName });
+    case "401":
+      return /* @__PURE__ */ jsx(Lock, { className: iconClassName });
+    case "offline":
+      return /* @__PURE__ */ jsx(WifiOff, { className: iconClassName });
+    case "maintenance":
+      return /* @__PURE__ */ jsx(Settings, { className: iconClassName });
+    default:
+      return /* @__PURE__ */ jsx(CircleAlert, { className: cn(iconClassName, "text-destructive") });
+  }
+}
+function ErrorPage({
+  actions,
+  className,
+  code,
+  description,
+  fullScreen = false,
+  homeHref = "/",
+  icon,
+  illustration,
+  loading = false,
+  onRetry,
+  retryLabel = "Tentar novamente",
+  showBackLink = true,
+  showHomeLink = true,
+  title,
+  type = "generic",
+  ...props
+}) {
+  const defaults = errorDefaults[type];
+  const displayTitle = title ?? defaults.title;
+  const displayDescription = description ?? defaults.description;
+  const displayCode = code ?? defaults.code;
+  const displayIcon = icon ?? getDefaultIcon(type);
+  const handleBack = () => {
+    if (typeof window !== "undefined" && window.history.length > 1) {
+      window.history.back();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center gap-6 bg-background p-8 text-center md:p-12",
+        fullScreen && "min-h-screen",
+        className
+      ),
+      "aria-live": "polite",
+      "data-slot": "error-page",
+      role: "main",
+      ...props,
+      children: [
+        illustration ? /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "error-illustration", children: illustration }) : /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "error-icon", children: displayIcon }),
+        displayCode && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "text-6xl font-bold text-muted-foreground md:text-8xl",
+            "data-slot": "error-code",
+            children: displayCode
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: "text-2xl font-semibold tracking-tight text-foreground",
+            "data-slot": "error-title",
+            children: displayTitle
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "max-w-md text-base text-muted-foreground",
+            "data-slot": "error-description",
+            children: displayDescription
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col items-center gap-4",
+            "data-slot": "error-actions",
+            children: [
+              actions,
+              onRetry && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: cn(
+                    "inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                    "disabled:pointer-events-none disabled:opacity-50"
+                  ),
+                  "aria-busy": loading || void 0,
+                  "data-slot": "error-retry-button",
+                  disabled: loading,
+                  type: "button",
+                  onClick: onRetry,
+                  children: [
+                    loading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { "aria-hidden": "true", className: "size-4" }),
+                    retryLabel
+                  ]
+                }
+              ),
+              (showHomeLink || showBackLink) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex flex-wrap items-center justify-center gap-4 text-sm",
+                  "data-slot": "error-navigation",
+                  children: [
+                    showBackLink && /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        className: "inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                        "data-slot": "error-back-link",
+                        type: "button",
+                        onClick: handleBack,
+                        children: [
+                          /* @__PURE__ */ jsx(ArrowLeft, { "aria-hidden": "true", className: "size-4" }),
+                          "Voltar"
+                        ]
+                      }
+                    ),
+                    showHomeLink && /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        className: "inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                        "data-slot": "error-home-link",
+                        href: homeHref,
+                        children: [
+                          /* @__PURE__ */ jsx(Home, { "aria-hidden": "true", className: "size-4" }),
+                          "Inicio"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ErrorPage, errorDefaults };
+//# sourceMappingURL=chunk-CYIFWQ5Y.js.map
+//# sourceMappingURL=chunk-CYIFWQ5Y.js.map

package/dist/chunk-CYIFWQ5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"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","file":"chunk-CYIFWQ5Y.js","sourcesContent":["import type { ErrorDefault, ErrorPageProps, ErrorType } from \"./ErrorPage.types\"\n\nimport {\n  ArrowLeft,\n  Ban,\n  CircleAlert,\n  Home,\n  Loader2,\n  Lock,\n  RefreshCw,\n  ServerCrash,\n  Settings,\n  WifiOff,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Default content for each error type\n */\nconst errorDefaults: Record<ErrorType, ErrorDefault> = {\n  \"401\": {\n    code: \"401\",\n    description: \"Faça login para acessar este conteúdo.\",\n    title: \"Não autenticado\",\n  },\n  \"403\": {\n    code: \"403\",\n    description: \"Você não tem permissão para acessar este recurso.\",\n    title: \"Acesso negado\",\n  },\n  \"404\": {\n    code: \"404\",\n    description: \"A página que você está procurando não existe ou foi movida.\",\n    title: \"Página não encontrada\",\n  },\n  \"500\": {\n    code: \"500\",\n    description: \"Ocorreu um erro inesperado. Nossa equipe foi notificada.\",\n    title: \"Erro interno\",\n  },\n  generic: {\n    code: \"\",\n    description: \"Ocorreu um erro. Por favor, tente novamente.\",\n    title: \"Algo deu errado\",\n  },\n  maintenance: {\n    code: \"\",\n    description: \"Estamos realizando melhorias. Voltamos em breve!\",\n    title: \"Em manutenção\",\n  },\n  offline: {\n    code: \"\",\n    description:\n      \"Verifique sua conexão com a internet e tente novamente.\",\n    title: \"Sem conexão\",\n  },\n}\n\n/**\n * Default icon for each error type\n */\nfunction getDefaultIcon(type: ErrorType): React.ReactNode {\n  const iconClassName = \"size-16 text-muted-foreground\"\n\n  switch (type) {\n    case \"404\":\n      return <Ban className={iconClassName} />\n    case \"500\":\n      return <ServerCrash className={iconClassName} />\n    case \"403\":\n      return <Lock className={iconClassName} />\n    case \"401\":\n      return <Lock className={iconClassName} />\n    case \"offline\":\n      return <WifiOff className={iconClassName} />\n    case \"maintenance\":\n      return <Settings className={iconClassName} />\n    default:\n      return <CircleAlert className={cn(iconClassName, \"text-destructive\")} />\n  }\n}\n\n/**\n * ErrorPage component displays user-friendly error pages with contextual\n * information, navigation options, and recovery actions.\n */\nfunction ErrorPage({\n  actions,\n  className,\n  code,\n  description,\n  fullScreen = false,\n  homeHref = \"/\",\n  icon,\n  illustration,\n  loading = false,\n  onRetry,\n  retryLabel = \"Tentar novamente\",\n  showBackLink = true,\n  showHomeLink = true,\n  title,\n  type = \"generic\",\n  ...props\n}: ErrorPageProps) {\n  const defaults = errorDefaults[type]\n  const displayTitle = title ?? defaults.title\n  const displayDescription = description ?? defaults.description\n  const displayCode = code ?? defaults.code\n  const displayIcon = icon ?? getDefaultIcon(type)\n\n  const handleBack = () => {\n    if (typeof window !== \"undefined\" && window.history.length > 1) {\n      window.history.back()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 bg-background p-8 text-center md:p-12\",\n        fullScreen && \"min-h-screen\",\n        className\n      )}\n      aria-live=\"polite\"\n      data-slot=\"error-page\"\n      role=\"main\"\n      {...props}\n    >\n      {/* Illustration or Icon */}\n      {illustration ? (\n        <div className=\"mb-2\" data-slot=\"error-illustration\">\n          {illustration}\n        </div>\n      ) : (\n        <div className=\"mb-2\" data-slot=\"error-icon\">\n          {displayIcon}\n        </div>\n      )}\n\n      {/* Error Code */}\n      {displayCode && (\n        <div\n          className=\"text-6xl font-bold text-muted-foreground md:text-8xl\"\n          data-slot=\"error-code\"\n        >\n          {displayCode}\n        </div>\n      )}\n\n      {/* Title */}\n      <h1\n        className=\"text-2xl font-semibold tracking-tight text-foreground\"\n        data-slot=\"error-title\"\n      >\n        {displayTitle}\n      </h1>\n\n      {/* Description */}\n      <p\n        className=\"max-w-md text-base text-muted-foreground\"\n        data-slot=\"error-description\"\n      >\n        {displayDescription}\n      </p>\n\n      {/* Actions */}\n      <div\n        className=\"flex flex-col items-center gap-4\"\n        data-slot=\"error-actions\"\n      >\n        {/* Custom actions */}\n        {actions}\n\n        {/* Retry button */}\n        {onRetry && (\n          <button\n            className={cn(\n              \"inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n              \"disabled:pointer-events-none disabled:opacity-50\"\n            )}\n            aria-busy={loading || undefined}\n            data-slot=\"error-retry-button\"\n            disabled={loading}\n            type=\"button\"\n            onClick={onRetry}\n          >\n            {loading ? (\n              <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" />\n            ) : (\n              <RefreshCw aria-hidden=\"true\" className=\"size-4\" />\n            )}\n            {retryLabel}\n          </button>\n        )}\n\n        {/* Navigation links */}\n        {(showHomeLink || showBackLink) && (\n          <div\n            className=\"flex flex-wrap items-center justify-center gap-4 text-sm\"\n            data-slot=\"error-navigation\"\n          >\n            {showBackLink && (\n              <button\n                className=\"inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                data-slot=\"error-back-link\"\n                type=\"button\"\n                onClick={handleBack}\n              >\n                <ArrowLeft aria-hidden=\"true\" className=\"size-4\" />\n                Voltar\n              </button>\n            )}\n            {showHomeLink && (\n              <a\n                className=\"inline-flex items-center gap-1.5 text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline\"\n                data-slot=\"error-home-link\"\n                href={homeHref}\n              >\n                <Home aria-hidden=\"true\" className=\"size-4\" />\n                Inicio\n              </a>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport { errorDefaults, ErrorPage }\n"]}