@accreditation/ui 1.0.0

package/dist/components/atoms/password-strength/components/password-strength.d.ts

@@ -0,0 +1,9 @@
+import type { PasswordStrengthProps } from "../types";
+/**
+ * Indicador visual da força da senha (5 níveis). Acessível (output, aria-live, aria-label).
+ */
+export declare function PasswordStrength({ password, minLength, fullWidth, }: PasswordStrengthProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace PasswordStrength {
+    var displayName: string;
+}
+//# sourceMappingURL=password-strength.d.ts.map

package/dist/components/atoms/password-strength/components/password-strength.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/password-strength/components/password-strength.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AActD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAa,EACb,SAAgB,GACjB,EAAE,qBAAqB,kDA2BvB;yBA/Be,gBAAgB"}

package/dist/components/atoms/password-strength/components/password-strength.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+const SEGMENT_KEYS = ["segment-0", "segment-1", "segment-2", "segment-3", "segment-4"];
+function getStrength(value, minLength) {
+  let score = 0;
+  if (value.length >= minLength) score++;
+  if (/[a-z]/.test(value)) score++;
+  if (/[A-Z]/.test(value)) score++;
+  if (/[0-9]/.test(value)) score++;
+  if (/[^A-Za-z0-9]/.test(value)) score++;
+  return score;
+}
+function PasswordStrength({
+  password,
+  minLength = 8,
+  fullWidth = true
+}) {
+  const strength = getStrength(password, minLength);
+  if (!password) return null;
+  const label = variants.STRENGTH_LABELS[strength - 1] ?? "Muito Fraca";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "output",
+    {
+      "aria-label": `For\xE7a da senha: ${label}`,
+      "aria-live": "polite",
+      className: utils.cn("mt-2 block", fullWidth && "w-full"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 flex gap-1", children: SEGMENT_KEYS.map((key, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: utils.cn(
+              variants.passwordStrengthBarClasses,
+              index < strength ? variants.STRENGTH_COLORS[strength - 1] : variants.passwordStrengthInactiveClasses
+            )
+          },
+          key
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: variants.passwordStrengthLabelClasses, children: [
+          "For\xE7a da senha: ",
+          label
+        ] })
+      ]
+    }
+  );
+}
+PasswordStrength.displayName = "PasswordStrength";
+
+exports.PasswordStrength = PasswordStrength;

package/dist/components/atoms/password-strength/components/password-strength.mjs

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '../../../../lib/utils';
+import { STRENGTH_LABELS, passwordStrengthBarClasses, STRENGTH_COLORS, passwordStrengthInactiveClasses, passwordStrengthLabelClasses } from '../variants';
+
+const SEGMENT_KEYS = ["segment-0", "segment-1", "segment-2", "segment-3", "segment-4"];
+function getStrength(value, minLength) {
+  let score = 0;
+  if (value.length >= minLength) score++;
+  if (/[a-z]/.test(value)) score++;
+  if (/[A-Z]/.test(value)) score++;
+  if (/[0-9]/.test(value)) score++;
+  if (/[^A-Za-z0-9]/.test(value)) score++;
+  return score;
+}
+function PasswordStrength({
+  password,
+  minLength = 8,
+  fullWidth = true
+}) {
+  const strength = getStrength(password, minLength);
+  if (!password) return null;
+  const label = STRENGTH_LABELS[strength - 1] ?? "Muito Fraca";
+  return /* @__PURE__ */ jsxs(
+    "output",
+    {
+      "aria-label": `For\xE7a da senha: ${label}`,
+      "aria-live": "polite",
+      className: cn("mt-2 block", fullWidth && "w-full"),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-1 flex gap-1", children: SEGMENT_KEYS.map((key, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              passwordStrengthBarClasses,
+              index < strength ? STRENGTH_COLORS[strength - 1] : passwordStrengthInactiveClasses
+            )
+          },
+          key
+        )) }),
+        /* @__PURE__ */ jsxs("p", { className: passwordStrengthLabelClasses, children: [
+          "For\xE7a da senha: ",
+          label
+        ] })
+      ]
+    }
+  );
+}
+PasswordStrength.displayName = "PasswordStrength";
+
+export { PasswordStrength };

package/dist/components/atoms/password-strength/index.d.ts

@@ -0,0 +1,4 @@
+export { PasswordStrength } from "./components/password-strength";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/password-strength/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/password-strength/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/password-strength/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var passwordStrength = require('./components/password-strength');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.defineProperty(exports, "PasswordStrength", {
+  enumerable: true,
+  get: function () { return passwordStrength.PasswordStrength; }
+});
+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/password-strength/index.mjs

@@ -0,0 +1,3 @@
+export { PasswordStrength } from './components/password-strength';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/password-strength/types.d.ts

@@ -0,0 +1,9 @@
+export interface PasswordStrengthProps {
+    /** String da senha a avaliar. Quando vazia, o componente não renderiza. */
+    password: string;
+    /** Comprimento mínimo para o primeiro critério de força (default 8). */
+    minLength?: number;
+    /** Quando true, o indicador ocupa 100% da largura do container. */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/password-strength/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/password-strength/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/atoms/password-strength/types.js

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

package/dist/components/atoms/password-strength/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/password-strength/variants.d.ts

@@ -0,0 +1,6 @@
+export declare const STRENGTH_LABELS: readonly ["Muito Fraca", "Fraca", "Média", "Forte", "Muito Forte"];
+export declare const STRENGTH_COLORS: readonly ["bg-destructive", "bg-orange-500", "bg-yellow-500", "bg-blue-500", "bg-green-500"];
+export declare const passwordStrengthBarClasses = "h-1 flex-1 rounded-full transition-colors duration-[var(--duration-medium,ease-in-out)]";
+export declare const passwordStrengthInactiveClasses = "bg-muted";
+export declare const passwordStrengthLabelClasses = "text-xs text-muted-foreground";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/password-strength/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/password-strength/variants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oEAMlB,CAAC;AAEX,eAAO,MAAM,eAAe,8FAMlB,CAAC;AAEX,eAAO,MAAM,0BAA0B,4FACoD,CAAC;AAC5F,eAAO,MAAM,+BAA+B,aAAa,CAAC;AAC1D,eAAO,MAAM,4BAA4B,kCAAkC,CAAC"}

package/dist/components/atoms/password-strength/variants.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const STRENGTH_LABELS = [
+  "Muito Fraca",
+  "Fraca",
+  "M\xE9dia",
+  "Forte",
+  "Muito Forte"
+];
+const STRENGTH_COLORS = [
+  "bg-destructive",
+  "bg-orange-500",
+  "bg-yellow-500",
+  "bg-blue-500",
+  "bg-green-500"
+];
+const passwordStrengthBarClasses = "h-1 flex-1 rounded-full transition-colors duration-[var(--duration-medium,ease-in-out)]";
+const passwordStrengthInactiveClasses = "bg-muted";
+const passwordStrengthLabelClasses = "text-xs text-muted-foreground";
+
+exports.STRENGTH_COLORS = STRENGTH_COLORS;
+exports.STRENGTH_LABELS = STRENGTH_LABELS;
+exports.passwordStrengthBarClasses = passwordStrengthBarClasses;
+exports.passwordStrengthInactiveClasses = passwordStrengthInactiveClasses;
+exports.passwordStrengthLabelClasses = passwordStrengthLabelClasses;

package/dist/components/atoms/password-strength/variants.mjs

@@ -0,0 +1,19 @@
+const STRENGTH_LABELS = [
+  "Muito Fraca",
+  "Fraca",
+  "M\xE9dia",
+  "Forte",
+  "Muito Forte"
+];
+const STRENGTH_COLORS = [
+  "bg-destructive",
+  "bg-orange-500",
+  "bg-yellow-500",
+  "bg-blue-500",
+  "bg-green-500"
+];
+const passwordStrengthBarClasses = "h-1 flex-1 rounded-full transition-colors duration-[var(--duration-medium,ease-in-out)]";
+const passwordStrengthInactiveClasses = "bg-muted";
+const passwordStrengthLabelClasses = "text-xs text-muted-foreground";
+
+export { STRENGTH_COLORS, STRENGTH_LABELS, passwordStrengthBarClasses, passwordStrengthInactiveClasses, passwordStrengthLabelClasses };

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

@@ -0,0 +1,84 @@
+import type { HTMLAttributes, JSX } from "react";
+import type { ProgressProps, ProgressRootProps } from "../types";
+/**
+ * Progress.Root — provê contexto para Progress.Bar, Progress.Info, Progress.StageLabel.
+ *
+ * @example Linear com info:
+ * <Progress.Root percent={60} size="md" status="normal">
+ *   <Progress.Bar />
+ *   <Progress.Info />
+ * </Progress.Root>
+ *
+ * @example Circular com label de estágio:
+ * <Progress.Root percent={50} variant="circular" size="lg"
+ *   stageLabels={["Aguardando","Iniciando","Em andamento","Finalizando","Feito"]}>
+ *   <Progress.Bar />
+ *   <Progress.StageLabel />
+ * </Progress.Root>
+ */
+export declare function ProgressRoot({ percent: percentProp, size, status, variant, format, stageLabels, children, className, ...other }: ProgressRootProps): JSX.Element;
+export declare namespace ProgressRoot {
+    var displayName: string;
+}
+/**
+ * Progress.Bar — renderiza linear ou circular dependendo do `variant` do Root.
+ * No circular, showInfo=true (padrão) exibe o percentual no centro do SVG.
+ */
+export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement | SVGElement> {
+    /** No circular: exibe info (% ou format) no centro. @default true */
+    showInfo?: boolean;
+    className?: string;
+}
+export declare function ProgressBar({ showInfo, className }: ProgressBarProps): JSX.Element;
+export declare namespace ProgressBar {
+    var displayName: string;
+}
+/**
+ * Progress.Info — percentual ou texto formatado.
+ * No linear: exibido ao lado da barra.
+ * No circular: use showInfo no Progress.Bar para o centro.
+ */
+export declare function ProgressInfo({ className }: {
+    className?: string;
+}): JSX.Element;
+export declare namespace ProgressInfo {
+    var displayName: string;
+}
+/**
+ * Progress.StageLabel — label de estágio atual.
+ *
+ * Lê o `stageLabels` do contexto e exibe o label correspondente ao percentual.
+ * Mapeia 5 estágios: índice 0=0%, 1=1–25%, 2=26–50%, 3=51–75%, 4=76–100%.
+ *
+ * Anima a troca de label com fade (opacity + translate via Tailwind animate-in).
+ * Se `stageLabels` não estiver no contexto, renderiza null.
+ */
+export declare function ProgressStageLabel({ className }: {
+    className?: string;
+}): JSX.Element | null;
+export declare namespace ProgressStageLabel {
+    var displayName: string;
+}
+/**
+ * Progress — componente de uso direto.
+ * Configura o layout correto automaticamente baseado em `variant`.
+ *
+ * Linear: barra + info opcional ao lado + stageLabel abaixo.
+ * Circular: arco SVG + info no centro + stageLabel abaixo.
+ *
+ * @example
+ * <Progress percent={60} showInfo />
+ * <Progress percent={75} variant="circular" size="lg"
+ *   stageLabels={["Aguardando","Iniciando","Em andamento","Finalizando","Feito"]} />
+ */
+export declare function Progress({ percent: percentProp, size, status, variant, showInfo, format, stageLabels, className, ...other }: ProgressProps): JSX.Element;
+export declare namespace Progress {
+    var displayName: string;
+}
+export declare const ProgressComposed: typeof Progress & {
+    Root: typeof ProgressRoot;
+    Bar: typeof ProgressBar;
+    Info: typeof ProgressInfo;
+    StageLabel: typeof ProgressStageLabel;
+};
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/progress/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAEV,aAAa,EACb,iBAAiB,EAClB,MAAM,UAAU,CAAC;AA2ClB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EAAE,WAAW,EACpB,IAAW,EACX,MAAiB,EACjB,OAAkB,EAClB,MAAM,EACN,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA2BjC;yBArCe,YAAY;;;AA0C5B;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,GAAG,UAAU,CAAC;IACnF,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAe,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA0GzF;yBA1Ge,WAAW;;;AA+G3B;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAgB/E;yBAhBe,YAAY;;;AAqB5B;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAwB5F;yBAxBe,kBAAkB;;;AA6BlC;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,IAAW,EACX,MAAiB,EACjB,OAAkB,EAClB,QAAgB,EAChB,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA0C7B;yBApDe,QAAQ;;;AA0DxB,eAAO,MAAM,gBAAgB;;;;;CAK3B,CAAC"}

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

@@ -0,0 +1,273 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var utils = require('../../../../lib/utils');
+var context = require('../context');
+var variants = require('../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 = react.useMemo(
+    () => buildContext(percentProp, size, status, variant, format, stageLabels),
+    [percentProp, size, status, variant, format, stageLabels]
+  );
+  const isCircular = variant === "circular";
+  return /* @__PURE__ */ jsxRuntime.jsx(context.ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.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 = react.useContext(context.ProgressContext);
+  if (!ctx) return /* @__PURE__ */ jsxRuntime.jsx("div", { className });
+  const { size, status, clampedPercent, isIndeterminate, variant, percent, format } = ctx;
+  if (variant === "circular") {
+    const diameter = variants.circularSizeMap[size];
+    const strokeWidth = variants.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 = variants.statusStrokeMap[status];
+    const infoFontClass = variants.circularInfoSizeMap[size];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn("relative inline-flex items-center justify-center shrink-0", className),
+        style: { width: diameter, height: diameter },
+        children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                  "circle",
+                  {
+                    cx: diameter / 2,
+                    cy: diameter / 2,
+                    r: radius,
+                    stroke: "currentColor",
+                    strokeWidth,
+                    className: "text-muted"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: utils.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "relative w-full flex-1 min-w-0 overflow-hidden rounded-md bg-muted",
+        variants.sizeMap[size],
+        className
+      ),
+      children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: utils.cn("h-full rounded-md", variants.statusBarClasses[status]),
+          style: {
+            width: "30%",
+            animation: "progress-indeterminate 1.5s ease-in-out infinite"
+          }
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: utils.cn(
+            "h-full rounded-md transition-[width] duration-300 ease-out",
+            variants.statusBarClasses[status]
+          ),
+          style: { width: `${clampedPercent}%` }
+        }
+      )
+    }
+  );
+}
+ProgressBar.displayName = "Progress.Bar";
+function ProgressInfo({ className }) {
+  const ctx = react.useContext(context.ProgressContext);
+  if (!ctx) return /* @__PURE__ */ jsxRuntime.jsx("span", { className });
+  const { percent, clampedPercent, format } = ctx;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.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 = react.useContext(context.ProgressContext);
+  if (!ctx?.stageLabels) return null;
+  const { clampedPercent, size, stageLabels } = ctx;
+  const idx = variants.getStageIndex(clampedPercent);
+  const label = stageLabels[idx];
+  if (!label) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "text-muted-foreground text-center leading-tight",
+        variants.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 = react.useMemo(
+    () => buildContext(percentProp, size, status, variant, format, stageLabels),
+    [percentProp, size, status, variant, format, stageLabels]
+  );
+  const isCircular = variant === "circular";
+  return /* @__PURE__ */ jsxRuntime.jsx(context.ProgressContext.Provider, { value: ctx, children: isCircular ? (
+    // Circular: arco + label abaixo
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.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__ */ jsxRuntime.jsx(ProgressBar, { showInfo }),
+          stageLabels && /* @__PURE__ */ jsxRuntime.jsx(ProgressStageLabel, {})
+        ]
+      }
+    )
+  ) : (
+    // Linear: barra + info ao lado, label abaixo
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.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__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 w-full", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { showInfo: false }),
+            showInfo && /* @__PURE__ */ jsxRuntime.jsx(ProgressInfo, {})
+          ] }),
+          stageLabels && /* @__PURE__ */ jsxRuntime.jsx(ProgressStageLabel, {})
+        ]
+      }
+    )
+  ) });
+}
+Progress.displayName = "Progress";
+const ProgressComposed = Object.assign(Progress, {
+  Root: ProgressRoot,
+  Bar: ProgressBar,
+  Info: ProgressInfo,
+  StageLabel: ProgressStageLabel
+});
+
+exports.Progress = Progress;
+exports.ProgressBar = ProgressBar;
+exports.ProgressComposed = ProgressComposed;
+exports.ProgressInfo = ProgressInfo;
+exports.ProgressRoot = ProgressRoot;
+exports.ProgressStageLabel = ProgressStageLabel;