@fluencypassdevs/cycle 0.3.0 → 0.5.0

package/dist/sizes-BZ5ZUk8g.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Cycle Design — Icon Size Map
+ *
+ * Fonte da verdade para componentes React.
+ * Derivado de: figma/Icons size/icon-{size}.json
+ *
+ * REGRA: strokeWidth nunca é prop — é sempre derivado de size.
+ * Isso garante consistência visual em todos os ícones.
+ */
+declare const ICON_SIZES: {
+    readonly '2xs': {
+        readonly size: 12;
+        readonly stroke: 1;
+    };
+    readonly xs: {
+        readonly size: 16;
+        readonly stroke: 1.2;
+    };
+    readonly sm: {
+        readonly size: 24;
+        readonly stroke: 1.5;
+    };
+    readonly md: {
+        readonly size: 32;
+        readonly stroke: 1.8;
+    };
+    readonly lg: {
+        readonly size: 40;
+        readonly stroke: 2.1;
+    };
+    readonly xl: {
+        readonly size: 48;
+        readonly stroke: 2.4;
+    };
+};
+type IconSize = keyof typeof ICON_SIZES;
+
+export { ICON_SIZES as I, type IconSize as a };

package/dist/styles/tokens.css

@@ -1,12 +1,13 @@
 /**
  * @fluencypassdevs/cycle — Complete Styles
  *
- * One-line setup in your globals.css:
+ * Setup in your globals.css:
  *
  *   @import "tailwindcss";
+ *   @source "../../node_modules/@fluencypassdevs/cycle/dist";
  *   @import "@fluencypassdevs/cycle/styles.css";
  *
- * That's it. Tokens, theme mapping, dark mode — all included.
+ * The @source line is required — Tailwind v4 doesn't scan node_modules by default.
  * You can override any CSS variable after this import.
  */
 
@@ -570,3 +571,112 @@ body {
     transform: translateY(-18px) scaleY(0.4);
   }
 }
+
+/* ============================================
+ * CYCLE TYPOGRAPHY - Composite Styles
+ * ============================================
+ * Estilos tipograficos compostos extraidos do Figma.
+ * Cada classe aplica font-size, font-weight,
+ * line-height e letter-spacing de uma vez.
+ *
+ * Uso: <p class="body-md"> ou <h2 class="heading-xl">
+ * ============================================
+ */
+
+/* --- Body --- */
+@utility body-xs {
+  font-family: var(--font-sans);
+  font-size: 0.625rem;     /* 10px */
+  font-weight: 400;
+  line-height: 1rem;        /* 16px */
+  letter-spacing: 0em;
+}
+
+@utility body-sm {
+  font-family: var(--font-sans);
+  font-size: 0.75rem;      /* 12px */
+  font-weight: 400;
+  line-height: 1.125rem;    /* 18px */
+  letter-spacing: 0em;
+}
+
+@utility body-md {
+  font-family: var(--font-sans);
+  font-size: 0.875rem;     /* 14px */
+  font-weight: 400;
+  line-height: 1.25rem;     /* 20px */
+  letter-spacing: 0em;
+}
+
+@utility body-lg {
+  font-family: var(--font-sans);
+  font-size: 1rem;         /* 16px */
+  font-weight: 400;
+  line-height: 1.5rem;      /* 24px */
+  letter-spacing: 0em;
+}
+
+/* --- Heading --- */
+@utility heading-xs {
+  font-family: var(--font-sans);
+  font-size: 0.875rem;     /* 14px */
+  font-weight: 600;
+  line-height: 1.25rem;     /* 20px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-sm {
+  font-family: var(--font-sans);
+  font-size: 1rem;         /* 16px */
+  font-weight: 600;
+  line-height: 1.5rem;      /* 24px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-md {
+  font-family: var(--font-sans);
+  font-size: 1.125rem;     /* 18px */
+  font-weight: 600;
+  line-height: 1.75rem;     /* 28px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-lg {
+  font-family: var(--font-sans);
+  font-size: 1.25rem;      /* 20px */
+  font-weight: 600;
+  line-height: 1.875rem;    /* 30px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-xl {
+  font-family: var(--font-sans);
+  font-size: 1.5rem;       /* 24px */
+  font-weight: 600;
+  line-height: 2rem;         /* 32px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-2xl {
+  font-family: var(--font-sans);
+  font-size: 2rem;         /* 32px */
+  font-weight: 700;
+  line-height: 2.5rem;      /* 40px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-3xl {
+  font-family: var(--font-sans);
+  font-size: 2.5rem;       /* 40px */
+  font-weight: 700;
+  line-height: 3rem;         /* 48px */
+  letter-spacing: -0.025em;
+}
+
+@utility heading-4xl {
+  font-family: var(--font-sans);
+  font-size: 3rem;         /* 48px */
+  font-weight: 700;
+  line-height: 3.75rem;     /* 60px */
+  letter-spacing: -0.05em;
+}

package/dist/ui/alert.js

@@ -1,6 +1,6 @@
-export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from '../chunk-POQUVBVT.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from '../chunk-7ZXAU2CD.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=alert.js.map

package/dist/ui/audio-player.js

@@ -1,6 +1,6 @@
-export { AudioPlayer } from '../chunk-VECLN5AT.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { AudioPlayer } from '../chunk-UAHCRXAG.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=audio-player.js.map

package/dist/ui/badge.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "progress" | "muted" | "success" | "progress-completed" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "progress" | "muted" | "success" | "progress-completed" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     asChild?: boolean;

package/dist/ui/button.d.ts

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/ui/chat-panel.js

@@ -1,7 +1,7 @@
-export { ChatPanel } from '../chunk-UVCEQOQR.js';
+export { ChatPanel } from '../chunk-WUZODCC2.js';
 import '../chunk-HZJRM5EK.js';
 import '../chunk-MSLQRGSP.js';
-import '../chunk-OT2HCBR2.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-3LXU5C35.js';
 import '../chunk-7UMEJDC3.js';
 import '../chunk-TYCPXAXF.js';

package/dist/ui/checkbox.d.ts

@@ -5,7 +5,7 @@ import { Checkbox as Checkbox$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const checkboxVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
     variant?: "default" | "circular" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CheckboxProps extends React.ComponentProps<typeof Checkbox$1.Root>, VariantProps<typeof checkboxVariants> {

package/dist/ui/empty.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
+    variant?: "icon" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
 declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;

package/dist/ui/file-card.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const fileCardVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface FileCardProps extends Omit<React.ComponentProps<"button">, "children" | "size">, VariantProps<typeof fileCardVariants> {
     /** Nome do arquivo exibido como titulo */

package/dist/ui/like-dislike.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const likeDislikeVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LikeDislikeValue = "like" | "dislike" | null;
 interface LikeDislikeProps extends Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">, VariantProps<typeof likeDislikeVariants> {

package/dist/ui/like-dislike.js

@@ -1,6 +1,6 @@
-export { LikeDislike, likeDislikeVariants } from '../chunk-PXWCEJ2C.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { LikeDislike, likeDislikeVariants } from '../chunk-EXVLL3JP.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-7UMEJDC3.js';
 import '../chunk-2WPH3IQP.js';
 import '../chunk-TYCPXAXF.js';

package/dist/ui/live-waiting.js

@@ -1,6 +1,6 @@
-export { LiveWaiting } from '../chunk-7XT6ISPQ.js';
+export { LiveWaiting } from '../chunk-WXJKTVRI.js';
 import '../chunk-MSLQRGSP.js';
-import '../chunk-OT2HCBR2.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-NGOZFA33.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';

package/dist/ui/progress-dot.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressDotVariants: (props?: ({
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dotVariants: (props?: ({
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressDotProps extends React.ComponentProps<"div">, VariantProps<typeof dotVariants> {
+    /** Numero total de stages (2–10) */
+    stages: number;
+    /** Quantos stages estao preenchidos (0–stages) */
+    value: number;
+    /** Classe de tema aplicada apenas nos dots preenchidos (ex: "theme-class") */
+    theme?: string;
+}
+declare function ProgressDot({ stages, value, size, theme, className, ...props }: ProgressDotProps): react_jsx_runtime.JSX.Element;
+
+export { ProgressDot, type ProgressDotProps, dotVariants, progressDotVariants };

package/dist/ui/progress-dot.js

@@ -0,0 +1,5 @@
+export { ProgressDot, dotVariants, progressDotVariants } from '../chunk-LHSUEXOW.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=progress-dot.js.map
+//# sourceMappingURL=progress-dot.js.map

package/dist/ui/progress-dot.js.map

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

package/dist/ui/progress-stage.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressStagePillVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ProgressStageProps extends React.ComponentProps<"div">, VariantProps<typeof progressStagePillVariants> {
     /** Numero total de stages (2–10) */

package/dist/ui/progress-stage.js

@@ -1,4 +1,4 @@
-export { ProgressStage } from '../chunk-QTL6W4I2.js';
+export { ProgressStage } from '../chunk-NYJMA2T7.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=progress-stage.js.map

package/dist/ui/progress.d.ts

@@ -5,7 +5,7 @@ import { Progress as Progress$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const indicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "muted" | null | undefined;

package/dist/ui/progress.js

@@ -1,4 +1,4 @@
-export { Progress, indicatorVariants, progressVariants } from '../chunk-PM6ZUCMQ.js';
+export { Progress, indicatorVariants, progressVariants } from '../chunk-MTKKVYNS.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=progress.js.map

package/dist/ui/radio-group.d.ts

@@ -5,7 +5,7 @@ import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const radioVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface RadioGroupProps extends React.ComponentProps<typeof RadioGroup$1.Root> {
 }

package/dist/ui/slider.d.ts

@@ -5,7 +5,7 @@ import { Slider as Slider$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const sliderVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SliderProps extends React.ComponentProps<typeof Slider$1.Root>, VariantProps<typeof sliderVariants> {
     /** Classe de tema aplicada (ex: "theme-brand") */

package/dist/ui/sonner.js

@@ -1,6 +1,6 @@
-export { Toaster, cycleToast } from '../chunk-RI3ULQHH.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { Toaster, cycleToast } from '../chunk-ELZCZ6ZH.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=sonner.js.map

package/dist/ui/switch.d.ts

@@ -5,7 +5,7 @@ import { Switch as Switch$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const switchVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SwitchProps extends React.ComponentProps<typeof Switch$1.Root>, VariantProps<typeof switchVariants> {
     /** Classe de tema aplicada no estado checked (ex: "theme-brand") */

package/dist/ui/toggle.d.ts

@@ -6,7 +6,7 @@ import { Toggle as Toggle$1 } from 'radix-ui';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "icon" | "default" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React.ComponentProps<typeof Toggle$1.Root>, VariantProps<typeof toggleVariants> {
     /** Preenche icones SVG quando o toggle esta ativo (on). Ideal para icones como Heart, Star, Bookmark. */

package/dist/ui/video-player.js

@@ -1,6 +1,6 @@
-export { VideoPlayer } from '../chunk-XX3I65LQ.js';
-import '../chunk-6LML23MS.js';
-import '../chunk-OT2HCBR2.js';
+export { VideoPlayer } from '../chunk-BJIG33XF.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=video-player.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Cycle Design System — UI component library by Fluencypass",
   "license": "MIT",
   "repository": {
@@ -23,6 +23,22 @@
       "import": "./dist/ui/*.js",
       "types": "./dist/ui/*.d.ts"
     },
+    "./ui/progress-dot": {
+      "import": "./dist/ui/progress-dot.js",
+      "types": "./dist/ui/progress-dot.d.ts"
+    },
+    "./logos/fluencypass": {
+      "import": "./dist/logos/fluencypass.js",
+      "types": "./dist/logos/fluencypass.d.ts"
+    },
+    "./logos/product": {
+      "import": "./dist/logos/product.js",
+      "types": "./dist/logos/product.d.ts"
+    },
+    "./icons/lucide": {
+      "import": "./dist/icons/lucide.js",
+      "types": "./dist/icons/lucide.d.ts"
+    },
     "./icons": {
       "import": "./dist/icons/index.js",
       "types": "./dist/icons/index.d.ts"
@@ -34,8 +50,13 @@
     "./styles.css": "./dist/styles/tokens.css",
     "./tailwind-theme.css": "./dist/styles/tokens.css"
   },
+  "bin": {
+    "cycle": "./bin/init.mjs"
+  },
   "files": [
     "dist",
+    "bin",
+    "cli",
     "README.md",
     "LICENSE"
   ],

package/dist/chunk-PM6ZUCMQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/progress.tsx"],"names":["ProgressPrimitive"],"mappings":";;;;;;AAUA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,gEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,OAAA,EAAS,KAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAIA,IAAM,iBAAA,GAAoB,GAAA;AAAA,EACxB,kDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,YAAA;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,WAAA,EAAa,gBAAA;AAAA,QACb,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAUA,SAAS,SAAS,EAAA,EAOA;AAPA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GA3DF,GAsDkB,EAAA,EAMb,KAAA,GAAA,SAAA,CANa,EAAA,EAMb;AAAA,IALH,WAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAACA,UAAA,CAAkB,IAAA;AAAA,IAAlB,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EAC/C,KAAA,CAAA,EAHL;AAAA,MAKC,QAAA,kBAAA,GAAA;AAAA,QAACA,UAAA,CAAkB,SAAA;AAAA,QAAlB;AAAA,UACC,WAAA,EAAU,oBAAA;AAAA,UACV,WAAW,EAAA,CAAG,KAAA,EAAO,kBAAkB,EAAE,OAAA,EAAS,CAAC,CAAA;AAAA,UACnD,OAAO,EAAE,SAAA,EAAW,eAAe,GAAA,IAAO,KAAA,IAAS,EAAE,CAAA,EAAA,CAAA;AAAK;AAAA;AAC5D,KAAA;AAAA,GACF;AAEJ","file":"chunk-PM6ZUCMQ.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Progress as ProgressPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Track variants ─── */\n\nconst progressVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-neutral-accent\",\n  {\n    variants: {\n      size: {\n        xs: \"h-1\",\n        sm: \"h-1.5\",\n        default: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/* ─── Indicator variants ─── */\n\nconst indicatorVariants = cva(\n  \"h-full w-full flex-1 rounded-full transition-all\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary\",\n        secondary: \"bg-secondary\",\n        destructive: \"bg-destructive\",\n        muted: \"bg-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface ProgressProps\n  extends Omit<React.ComponentProps<typeof ProgressPrimitive.Root>, \"children\">,\n    VariantProps<typeof progressVariants>,\n    VariantProps<typeof indicatorVariants> {\n  /** Classe de tema aplicada apenas no indicator (ex: \"theme-class\") */\n  theme?: string\n}\n\nfunction Progress({\n  className,\n  value,\n  size,\n  variant,\n  theme,\n  ...props\n}: ProgressProps) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(progressVariants({ size }), className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className={cn(theme, indicatorVariants({ variant }))}\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress, progressVariants, indicatorVariants }\n"]}