@accreditation/ui 1.0.0

package/dist/components/atoms/progress/components/progress.mjs

@@ -0,0 +1,266 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo, useContext } from 'react';
+import { cn } from '../../../../lib/utils';
+import { ProgressContext } from '../context';
+import { circularSizeMap, circularStrokeWidthMap, statusStrokeMap, circularInfoSizeMap, statusBarClasses, sizeMap, getStageIndex, stageLabelSizeMap } from '../variants';
+
+function clamp(value, min = 0, max = 100) {
+  return Math.min(max, Math.max(min, value));
+}
+function buildContext(percentProp, size, status, variant, format, stageLabels) {
+  const isIndeterminate = percentProp === void 0 || percentProp < 0;
+  const clampedPercent = isIndeterminate ? 0 : clamp(percentProp);
+  return {
+    size: size ?? "md",
+    status: status ?? "normal",
+    variant: variant ?? "linear",
+    percent: percentProp ?? 0,
+    clampedPercent,
+    isIndeterminate,
+    format,
+    stageLabels
+  };
+}
+function ProgressRoot({
+  percent: percentProp,
+  size = "md",
+  status = "normal",
+  variant = "linear",
+  format,
+  stageLabels,
+  children,
+  className,
+  ...other
+}) {
+  const ctx = useMemo(
+    () => buildContext(percentProp, size, status, variant, format, stageLabels),
+    [percentProp, size, status, variant, format, stageLabels]
+  );
+  const isCircular = variant === "circular";
+  return /* @__PURE__ */ jsx(ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        isCircular ? "inline-flex flex-col items-center gap-2" : "inline-flex items-center gap-2 w-full min-w-0",
+        className
+      ),
+      role: "progressbar",
+      "aria-valuenow": ctx.isIndeterminate ? void 0 : ctx.clampedPercent,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      ...other,
+      children
+    }
+  ) });
+}
+ProgressRoot.displayName = "Progress.Root";
+function ProgressBar({ showInfo = true, className }) {
+  const ctx = useContext(ProgressContext);
+  if (!ctx) return /* @__PURE__ */ jsx("div", { className });
+  const { size, status, clampedPercent, isIndeterminate, variant, percent, format } = ctx;
+  if (variant === "circular") {
+    const diameter = circularSizeMap[size];
+    const strokeWidth = circularStrokeWidthMap[size];
+    const radius = (diameter - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const offset = isIndeterminate ? circumference * 0.7 : circumference * (1 - clampedPercent / 100);
+    const strokeColor = statusStrokeMap[status];
+    const infoFontClass = circularInfoSizeMap[size];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("relative inline-flex items-center justify-center shrink-0", className),
+        style: { width: diameter, height: diameter },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: diameter,
+              height: diameter,
+              viewBox: `0 0 ${diameter} ${diameter}`,
+              fill: "none",
+              "aria-hidden": true,
+              style: isIndeterminate ? { animation: "spin 1.5s linear infinite" } : void 0,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: diameter / 2,
+                    cy: diameter / 2,
+                    r: radius,
+                    stroke: "currentColor",
+                    strokeWidth,
+                    className: "text-muted"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: diameter / 2,
+                    cy: diameter / 2,
+                    r: radius,
+                    strokeWidth,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeDasharray: `${circumference} ${circumference}`,
+                    strokeDashoffset: offset,
+                    transform: `rotate(-90 ${diameter / 2} ${diameter / 2})`,
+                    className: strokeColor,
+                    style: {
+                      transition: isIndeterminate ? "none" : "stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.3s ease"
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          showInfo && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-0 flex items-center justify-center",
+                "text-foreground font-medium tabular-nums",
+                infoFontClass
+              ),
+              "aria-hidden": true,
+              children: format ? format(percent) : isIndeterminate ? "\u2026" : `${clampedPercent}%`
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative w-full flex-1 min-w-0 overflow-hidden rounded-md bg-muted",
+        sizeMap[size],
+        className
+      ),
+      children: isIndeterminate ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("h-full rounded-md", statusBarClasses[status]),
+          style: {
+            width: "30%",
+            animation: "progress-indeterminate 1.5s ease-in-out infinite"
+          }
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-full rounded-md transition-[width] duration-300 ease-out",
+            statusBarClasses[status]
+          ),
+          style: { width: `${clampedPercent}%` }
+        }
+      )
+    }
+  );
+}
+ProgressBar.displayName = "Progress.Bar";
+function ProgressInfo({ className }) {
+  const ctx = useContext(ProgressContext);
+  if (!ctx) return /* @__PURE__ */ jsx("span", { className });
+  const { percent, clampedPercent, format } = ctx;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 text-sm text-muted-foreground min-w-10 text-right tabular-nums",
+        className
+      ),
+      children: format ? format(percent) : `${clampedPercent}%`
+    }
+  );
+}
+ProgressInfo.displayName = "Progress.Info";
+function ProgressStageLabel({ className }) {
+  const ctx = useContext(ProgressContext);
+  if (!ctx?.stageLabels) return null;
+  const { clampedPercent, size, stageLabels } = ctx;
+  const idx = getStageIndex(clampedPercent);
+  const label = stageLabels[idx];
+  if (!label) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "text-muted-foreground text-center leading-tight",
+        stageLabelSizeMap[size],
+        // Fade-in suave ao trocar de estágio
+        "animate-in fade-in duration-300",
+        className
+      ),
+      children: label
+    },
+    idx
+  );
+}
+ProgressStageLabel.displayName = "Progress.StageLabel";
+function Progress({
+  percent: percentProp,
+  size = "md",
+  status = "normal",
+  variant = "linear",
+  showInfo = false,
+  format,
+  stageLabels,
+  className,
+  ...other
+}) {
+  const ctx = useMemo(
+    () => buildContext(percentProp, size, status, variant, format, stageLabels),
+    [percentProp, size, status, variant, format, stageLabels]
+  );
+  const isCircular = variant === "circular";
+  return /* @__PURE__ */ jsx(ProgressContext.Provider, { value: ctx, children: isCircular ? (
+    // Circular: arco + label abaixo
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("inline-flex flex-col items-center gap-2", className),
+        role: "progressbar",
+        "aria-valuenow": ctx.isIndeterminate ? void 0 : ctx.clampedPercent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        ...other,
+        children: [
+          /* @__PURE__ */ jsx(ProgressBar, { showInfo }),
+          stageLabels && /* @__PURE__ */ jsx(ProgressStageLabel, {})
+        ]
+      }
+    )
+  ) : (
+    // Linear: barra + info ao lado, label abaixo
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex flex-col gap-1 w-full min-w-0", className),
+        role: "progressbar",
+        "aria-valuenow": ctx.isIndeterminate ? void 0 : ctx.clampedPercent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        ...other,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2 w-full", children: [
+            /* @__PURE__ */ jsx(ProgressBar, { showInfo: false }),
+            showInfo && /* @__PURE__ */ jsx(ProgressInfo, {})
+          ] }),
+          stageLabels && /* @__PURE__ */ jsx(ProgressStageLabel, {})
+        ]
+      }
+    )
+  ) });
+}
+Progress.displayName = "Progress";
+const ProgressComposed = Object.assign(Progress, {
+  Root: ProgressRoot,
+  Bar: ProgressBar,
+  Info: ProgressInfo,
+  StageLabel: ProgressStageLabel
+});
+
+export { Progress, ProgressBar, ProgressComposed, ProgressInfo, ProgressRoot, ProgressStageLabel };

package/dist/components/atoms/progress/context.d.ts

@@ -0,0 +1,4 @@
+import { ProgressContextValue } from "./types";
+export declare const ProgressContext: import("react").Context<ProgressContextValue | null>;
+export declare const useProgress: () => ProgressContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/atoms/progress/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe,sDAAmD,CAAC;AAEhF,eAAO,MAAM,WAAW,4BAMvB,CAAC"}

package/dist/components/atoms/progress/context.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var react = require('react');
+
+const ProgressContext = react.createContext(null);
+const useProgress = () => {
+  const context = react.useContext(ProgressContext);
+  if (!context) {
+    throw new Error("useProgress must be used within a ProgressProvider");
+  }
+  return context;
+};
+
+exports.ProgressContext = ProgressContext;
+exports.useProgress = useProgress;

package/dist/components/atoms/progress/context.mjs

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+
+const ProgressContext = createContext(null);
+const useProgress = () => {
+  const context = useContext(ProgressContext);
+  if (!context) {
+    throw new Error("useProgress must be used within a ProgressProvider");
+  }
+  return context;
+};
+
+export { ProgressContext, useProgress };

package/dist/components/atoms/progress/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components/progress";
+export * from "./context";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/progress/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var progress = require('./components/progress');
+var context = require('./context');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(progress).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return progress[k]; }
+	});
+});
+Object.keys(context).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return context[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/progress/index.mjs

@@ -0,0 +1,4 @@
+export * from './components/progress';
+export * from './context';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/progress/types.d.ts

@@ -0,0 +1,48 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { ProgressSize, ProgressStatus, ProgressVariant } from "./variants";
+export interface ProgressContextValue {
+    size: ProgressSize;
+    status: ProgressStatus;
+    variant: ProgressVariant;
+    percent: number;
+    clampedPercent: number;
+    isIndeterminate: boolean;
+    /** Formata o texto exibido no info. Recebe o percent bruto. */
+    format?: (percent: number) => ReactNode;
+    /**
+     * Labels de estágio — exatamente 5 strings mapeadas a 0/25/50/75/100%.
+     * Exibidas abaixo do circular ou no lugar do ProgressInfo no linear.
+     * Opcional — se omitido, nenhum label de estágio é exibido.
+     */
+    stageLabels?: [string, string, string, string, string];
+}
+/**
+ * Array de exatamente 5 strings, uma por estágio (0%, 25%, 50%, 75%, 100%).
+ * Use strings vazias "" para omitir um estágio específico.
+ */
+export type StageLabelsTuple = [string, string, string, string, string];
+export interface ProgressRootProps extends HTMLAttributes<HTMLDivElement> {
+    percent?: number;
+    size?: ProgressSize;
+    status?: ProgressStatus;
+    variant?: ProgressVariant;
+    format?: (percent: number) => ReactNode;
+    stageLabels?: StageLabelsTuple;
+    children: ReactNode;
+}
+export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+    percent?: number;
+    size?: ProgressSize;
+    status?: ProgressStatus;
+    variant?: ProgressVariant;
+    /** Exibe info (percentual ou format). No circular: centro. No linear: ao lado. */
+    showInfo?: boolean;
+    format?: (percent: number) => ReactNode;
+    /**
+     * Labels de estágio — exatamente 5.
+     * No circular: exibidos abaixo do SVG.
+     * No linear: exibidos abaixo da barra (substitui ou complementa ProgressInfo).
+     */
+    stageLabels?: StageLabelsTuple;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/progress/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEhF,MAAM,WAAW,oBAAoB;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACvD;AAID;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAIxE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACpB;AAID,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B"}

package/dist/components/atoms/progress/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/atoms/progress/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/progress/variants.d.ts

@@ -0,0 +1,25 @@
+export type ProgressSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ProgressStatus = "normal" | "success" | "exception";
+export type ProgressVariant = "linear" | "circular";
+/** Altura da track linear por size. */
+export declare const sizeMap: Record<ProgressSize, string>;
+/** Diâmetro em px do SVG circular por size. */
+export declare const circularSizeMap: Record<ProgressSize, number>;
+/** Espessura do stroke relativa ao diâmetro (fração). */
+export declare const circularStrokeWidthMap: Record<ProgressSize, number>;
+/** Tamanho da fonte do info central por size. */
+export declare const circularInfoSizeMap: Record<ProgressSize, string>;
+/** Tamanho da fonte do label de estágio (abaixo do circular / no linear). */
+export declare const stageLabelSizeMap: Record<ProgressSize, string>;
+/** Cor da barra/arco preenchido por status — Tailwind stroke/fill via CSS var. */
+export declare const statusBarClasses: Record<ProgressStatus, string>;
+/** Classes de cor do stroke SVG circular por status. */
+export declare const statusStrokeMap: Record<ProgressStatus, string>;
+/**
+ * Mapeia percent → índice de estágio (0–4).
+ * 0%=0, 1–25%=1, 26–50%=2, 51–75%=3, 76–99%=4, 100%=4(último).
+ */
+export declare function getStageIndex(clampedPercent: number): number;
+/** Labels de estágio padrão quando o array não é fornecido. */
+export declare const defaultStageLabels: [string, string, string, string, string];
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/progress/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/variants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAIpD,uCAAuC;AACvC,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMhD,CAAC;AAIF,+CAA+C;AAC/C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMxD,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM/D,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM5D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM1D,CAAC;AAIF,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI3D,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI1D,CAAC;AAIF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAM5D;AAED,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAMvE,CAAC"}

package/dist/components/atoms/progress/variants.js

@@ -0,0 +1,71 @@
+'use strict';
+
+const sizeMap = {
+  xs: "h-1",
+  sm: "h-1",
+  md: "h-1.5",
+  lg: "h-2",
+  xl: "h-2.5"
+};
+const circularSizeMap = {
+  xs: 40,
+  sm: 56,
+  md: 72,
+  lg: 96,
+  xl: 120
+};
+const circularStrokeWidthMap = {
+  xs: 4,
+  sm: 4,
+  md: 5,
+  lg: 6,
+  xl: 7
+};
+const circularInfoSizeMap = {
+  xs: "text-[9px]",
+  sm: "text-[11px]",
+  md: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+const stageLabelSizeMap = {
+  xs: "text-[9px]",
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm",
+  xl: "text-sm"
+};
+const statusBarClasses = {
+  normal: "bg-primary",
+  success: "bg-[#52c41a]",
+  exception: "bg-destructive"
+};
+const statusStrokeMap = {
+  normal: "stroke-primary",
+  success: "stroke-[#52c41a]",
+  exception: "stroke-destructive"
+};
+function getStageIndex(clampedPercent) {
+  if (clampedPercent === 0) return 0;
+  if (clampedPercent <= 25) return 1;
+  if (clampedPercent <= 50) return 2;
+  if (clampedPercent <= 75) return 3;
+  return 4;
+}
+const defaultStageLabels = [
+  "Aguardando",
+  "Iniciando",
+  "Em andamento",
+  "Finalizando",
+  "Conclu\xEDdo"
+];
+
+exports.circularInfoSizeMap = circularInfoSizeMap;
+exports.circularSizeMap = circularSizeMap;
+exports.circularStrokeWidthMap = circularStrokeWidthMap;
+exports.defaultStageLabels = defaultStageLabels;
+exports.getStageIndex = getStageIndex;
+exports.sizeMap = sizeMap;
+exports.stageLabelSizeMap = stageLabelSizeMap;
+exports.statusBarClasses = statusBarClasses;
+exports.statusStrokeMap = statusStrokeMap;

package/dist/components/atoms/progress/variants.mjs

@@ -0,0 +1,61 @@
+const sizeMap = {
+  xs: "h-1",
+  sm: "h-1",
+  md: "h-1.5",
+  lg: "h-2",
+  xl: "h-2.5"
+};
+const circularSizeMap = {
+  xs: 40,
+  sm: 56,
+  md: 72,
+  lg: 96,
+  xl: 120
+};
+const circularStrokeWidthMap = {
+  xs: 4,
+  sm: 4,
+  md: 5,
+  lg: 6,
+  xl: 7
+};
+const circularInfoSizeMap = {
+  xs: "text-[9px]",
+  sm: "text-[11px]",
+  md: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+const stageLabelSizeMap = {
+  xs: "text-[9px]",
+  sm: "text-xs",
+  md: "text-xs",
+  lg: "text-sm",
+  xl: "text-sm"
+};
+const statusBarClasses = {
+  normal: "bg-primary",
+  success: "bg-[#52c41a]",
+  exception: "bg-destructive"
+};
+const statusStrokeMap = {
+  normal: "stroke-primary",
+  success: "stroke-[#52c41a]",
+  exception: "stroke-destructive"
+};
+function getStageIndex(clampedPercent) {
+  if (clampedPercent === 0) return 0;
+  if (clampedPercent <= 25) return 1;
+  if (clampedPercent <= 50) return 2;
+  if (clampedPercent <= 75) return 3;
+  return 4;
+}
+const defaultStageLabels = [
+  "Aguardando",
+  "Iniciando",
+  "Em andamento",
+  "Finalizando",
+  "Conclu\xEDdo"
+];
+
+export { circularInfoSizeMap, circularSizeMap, circularStrokeWidthMap, defaultStageLabels, getStageIndex, sizeMap, stageLabelSizeMap, statusBarClasses, statusStrokeMap };

package/dist/components/atoms/scroll-area/components/scroll-area.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import type { ScrollAreaProps } from "../types";
+/**
+ * ScrollArea.Bar — scrollbar individual.
+ * Inclui o thumb internamente.
+ * orientation: "vertical" | "horizontal"
+ */
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ScrollArea — componente de uso direto.
+ *
+ * Configura automaticamente scrollbars e fades baseado nas props.
+ *
+ * @example Vertical simples:
+ * <ScrollArea className="h-64">
+ *   {longContent}
+ * </ScrollArea>
+ *
+ * @example Horizontal:
+ * <ScrollArea orientation="horizontal" className="w-full">
+ *   <div className="flex gap-4">{items}</div>
+ * </ScrollArea>
+ *
+ * @example Ambos os eixos com fade e delay customizado:
+ * <ScrollArea orientation="both" showFade type="scroll" scrollHideDelay={300}>
+ *   {content}
+ * </ScrollArea>
+ */
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaNamespace: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Bar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Corner: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/atoms/scroll-area/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/scroll-area/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAgBnE,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,UAAU,CAAC;AAoClB;;;;GAIG;AACH,QAAA,MAAM,SAAS,wKAiBb,CAAC;AAiBH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,UAAU,wFA8Fd,CAAC;AAKH,eAAO,MAAM,mBAAmB;;;;;CAK9B,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}