@fluencypassdevs/cycle 0.7.2 → 0.7.3

package/bin/mcp.mjs

@@ -531,6 +531,28 @@ cycleToast.info("Nova mensagem recebida")`,
 <Button disabled><Spinner size="xs" /> Salvando...</Button>`,
     keywords: ["spinner", "loading", "carregando", "aguarde", "loader", "spin", "indicador"],
   },
+  {
+    name: "Fab",
+    import: `import { Fab } from "@fluencypassdevs/cycle"`,
+    description: "Floating Action Button — botao circular flutuante para acao principal. 3 sizes (sm=40px, default=48px, lg=56px), 3 variants (default, secondary, outline). Modo extended (pill com icone + texto). Shadow-lg, posicao fixa configuravel.",
+    props: [
+      { name: "variant", type: '"default" | "secondary" | "outline"', default: '"default"' },
+      { name: "size", type: '"sm" | "default" | "lg"', default: '"default"' },
+      { name: "extended", type: "boolean", default: "false" },
+      { name: "position", type: '"bottom-right" | "bottom-left" | "bottom-center" | "none"', default: '"bottom-right"' },
+      { name: "asChild", type: "boolean", default: "false" },
+    ],
+    example: `<Fab position="none" aria-label="Adicionar">
+  <CycleIcon icon={Plus} decorative />
+</Fab>
+<Fab extended position="none">
+  <CycleIcon icon={Pencil} decorative /> Editar
+</Fab>
+<Fab variant="secondary" position="bottom-right" aria-label="Chat">
+  <CycleIcon icon={MessageCircle} decorative />
+</Fab>`,
+    keywords: ["fab", "floating", "action", "button", "botao", "flutuante", "circular", "shadow"],
+  },
   {
     name: "FluencypassLogo",
     import: `import { FluencypassLogo, FluencypassIcon } from "@fluencypassdevs/cycle"`,

package/cli/CLAUDE-section.md

@@ -150,6 +150,7 @@ Todos importados de `@fluencypassdevs/cycle`:
 | Empty | Estado vazio |
 | Skeleton | Placeholder de carregamento |
 | Spinner | Indicador de carregamento animado (5 sizes) |
+| Fab | Floating Action Button circular/pill (3 sizes, 3 variants) |
 | Dialog | Modal dialog |
 | FluencypassLogo, FluencypassIcon | Logo e icone da Fluencypass |
 | ProductLogo, ClassLogo, PrivateTalkLogo, GroupTalkLogo | Logos dos produtos |

package/dist/{chunk-IJTNFN6N.js → chunk-5BNTQSCS.js}

@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var checkboxVariants = cva(
-  "peer shrink-0 border border-neutral-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-neutral-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
+  "peer shrink-0 border border-neutral-border shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-neutral-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
   {
     variants: {
       size: {
@@ -57,5 +57,5 @@ function Checkbox(_a) {
 }
 
 export { Checkbox, checkboxVariants };
-//# sourceMappingURL=chunk-IJTNFN6N.js.map
-//# sourceMappingURL=chunk-IJTNFN6N.js.map
+//# sourceMappingURL=chunk-5BNTQSCS.js.map
+//# sourceMappingURL=chunk-5BNTQSCS.js.map

package/dist/chunk-5BNTQSCS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/checkbox.tsx"],"names":["CheckboxPrimitive"],"mappings":";;;;;;;AASA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,yeAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,OAAA,EAAS,yBAAA;AAAA,QACT,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,eAAA;AAAA,QACT,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AASA,SAAS,SAAS,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV;AAAA,GAzCF,GAqCkB,EAAA,EAKb,KAAA,GAAA,SAAA,CALa,EAAA,EAKb;AAAA,IAJH,WAAA;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,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,GAAG,KAAA,EAAO,gBAAA,CAAiB,EAAE,IAAA,EAAM,OAAA,EAAS,CAAA,EAAG,SAAS;AAAA,KAAA,EAC/D,KAAA,CAAA,EAJL;AAAA,MAMC,QAAA,kBAAA,GAAA;AAAA,QAACA,UAAA,CAAkB,SAAA;AAAA,QAAlB;AAAA,UACC,WAAA,EAAU,oBAAA;AAAA,UACV,SAAA,EAAU,wDAAA;AAAA,UAEV,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA;AACb,KAAA;AAAA,GACF;AAEJ","file":"chunk-5BNTQSCS.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst checkboxVariants = cva(\n  \"peer shrink-0 border border-neutral-border shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-neutral-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary\",\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5 [&_svg]:size-3\",\n        default: \"size-4 [&_svg]:size-3.5\",\n        lg: \"size-5 [&_svg]:size-4\",\n      },\n      variant: {\n        default: \"rounded-[4px]\",\n        circular: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface CheckboxProps\n  extends React.ComponentProps<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkboxVariants> {\n  /** Classe de tema aplicada apenas no estado checked (ex: \"theme-class\") */\n  theme?: string\n}\n\nfunction Checkbox({\n  className,\n  size = \"default\",\n  variant = \"default\",\n  theme,\n  ...props\n}: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      data-variant={variant}\n      className={cn(theme, checkboxVariants({ size, variant }), className)}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox, checkboxVariants }\n"]}

package/dist/chunk-7NFHHOAE.js

@@ -0,0 +1,91 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
+import { cva } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+var fabVariants = cva(
+  "inline-flex shrink-0 items-center justify-center rounded-full whitespace-nowrap transition-all outline-none cursor-pointer shadow-lg hover:shadow-xl focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90",
+  {
+    variants: {
+      size: {
+        sm: "size-10 [&_svg:not([class*='size-'])]:size-4 [&_svg]:stroke-[1.5]",
+        default: "size-12 [&_svg:not([class*='size-'])]:size-5 [&_svg]:stroke-[1.5]",
+        lg: "size-14 [&_svg:not([class*='size-'])]:size-6 [&_svg]:stroke-[1.5]"
+      },
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        outline: "border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    }
+  }
+);
+var fabExtendedVariants = cva(
+  "rounded-full gap-2 button-md",
+  {
+    variants: {
+      size: {
+        sm: "h-10 px-4 button-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:stroke-[1.5]",
+        default: "h-12 px-5 button-md [&_svg:not([class*='size-'])]:size-5 [&_svg]:stroke-[1.5]",
+        lg: "h-14 px-6 button-lg [&_svg:not([class*='size-'])]:size-6 [&_svg]:stroke-[1.5]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var positionClasses = {
+  "bottom-right": "fixed bottom-6 right-6 z-50",
+  "bottom-left": "fixed bottom-6 left-6 z-50",
+  "bottom-center": "fixed bottom-6 left-1/2 -translate-x-1/2 z-50",
+  none: ""
+};
+function Fab(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    variant = "default",
+    asChild = false,
+    extended = false,
+    position = "bottom-right"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "variant",
+    "asChild",
+    "extended",
+    "position"
+  ]);
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    __spreadValues({
+      "data-slot": "fab",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        // Base styles shared between icon and extended
+        "inline-flex shrink-0 items-center justify-center rounded-full whitespace-nowrap transition-all outline-none cursor-pointer shadow-lg hover:shadow-xl focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        // Variant colors
+        variant === "default" && "bg-primary text-primary-foreground hover:bg-primary/90",
+        variant === "secondary" && "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        variant === "outline" && "border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        // Size: icon-only (square) vs extended (pill)
+        extended ? fabExtendedVariants({ size }) : fabVariants({ size }),
+        // Position
+        positionClasses[position != null ? position : "bottom-right"],
+        className
+      )
+    }, props)
+  );
+}
+
+export { Fab, fabVariants };
+//# sourceMappingURL=chunk-7NFHHOAE.js.map
+//# sourceMappingURL=chunk-7NFHHOAE.js.map

package/dist/chunk-7NFHHOAE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/fab.tsx"],"names":[],"mappings":";;;;;;AAQA,IAAM,WAAA,GAAc,GAAA;AAAA,EAClB,+VAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mEAAA;AAAA,QACJ,OAAA,EAAS,mEAAA;AAAA,QACT,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,SAAA,EAAW,8DAAA;AAAA,QACX,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AAEA,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,8BAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+EAAA;AAAA,QACJ,OAAA,EAAS,+EAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAaA,IAAM,eAAA,GAAkB;AAAA,EACtB,cAAA,EAAgB,6BAAA;AAAA,EAChB,aAAA,EAAe,4BAAA;AAAA,EACf,eAAA,EAAiB,+CAAA;AAAA,EACjB,IAAA,EAAM;AACR,CAAA;AAEA,SAAS,IAAI,EAAA,EAQA;AARA,EAAA,IAAA,EAAA,GAAA,EAAA,EACX;AAAA,IAAA,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,OAAA,GAAU,KAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW;AAAA,GAtEb,GAgEa,EAAA,EAOR,KAAA,GAAA,SAAA,CAPQ,EAAA,EAOR;AAAA,IANH,WAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,QAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,KAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,EAAA;AAAA;AAAA,QAET,wSAAA;AAAA;AAAA,QAEA,YAAY,SAAA,IAAa,wDAAA;AAAA,QACzB,YAAY,WAAA,IAAe,8DAAA;AAAA,QAC3B,YAAY,SAAA,IAAa,iGAAA;AAAA;AAAA,QAEzB,QAAA,GAAW,oBAAoB,EAAE,IAAA,EAAM,CAAA,GAAI,WAAA,CAAY,EAAE,IAAA,EAAM,CAAA;AAAA;AAAA,QAE/D,eAAA,CAAgB,8BAAY,cAAc,CAAA;AAAA,QAC1C;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ","file":"chunk-7NFHHOAE.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst fabVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center rounded-full whitespace-nowrap transition-all outline-none cursor-pointer shadow-lg hover:shadow-xl focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90\",\n  {\n    variants: {\n      size: {\n        sm: \"size-10 [&_svg:not([class*='size-'])]:size-4 [&_svg]:stroke-[1.5]\",\n        default: \"size-12 [&_svg:not([class*='size-'])]:size-5 [&_svg]:stroke-[1.5]\",\n        lg: \"size-14 [&_svg:not([class*='size-'])]:size-6 [&_svg]:stroke-[1.5]\",\n      },\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        outline: \"border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n  }\n)\n\nconst fabExtendedVariants = cva(\n  \"rounded-full gap-2 button-md\",\n  {\n    variants: {\n      size: {\n        sm: \"h-10 px-4 button-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:stroke-[1.5]\",\n        default: \"h-12 px-5 button-md [&_svg:not([class*='size-'])]:size-5 [&_svg]:stroke-[1.5]\",\n        lg: \"h-14 px-6 button-lg [&_svg:not([class*='size-'])]:size-6 [&_svg]:stroke-[1.5]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\nexport interface FabProps\n  extends React.ComponentProps<\"button\">,\n    VariantProps<typeof fabVariants> {\n  /** Render as child element (Slot) */\n  asChild?: boolean\n  /** Extended mode: pill shape with icon + label. Pass a string or ReactNode for the label. */\n  extended?: boolean\n  /** Position preset. \"none\" disables fixed positioning. Default: \"bottom-right\" */\n  position?: \"bottom-right\" | \"bottom-left\" | \"bottom-center\" | \"none\"\n}\n\nconst positionClasses = {\n  \"bottom-right\": \"fixed bottom-6 right-6 z-50\",\n  \"bottom-left\": \"fixed bottom-6 left-6 z-50\",\n  \"bottom-center\": \"fixed bottom-6 left-1/2 -translate-x-1/2 z-50\",\n  none: \"\",\n} as const\n\nfunction Fab({\n  className,\n  size = \"default\",\n  variant = \"default\",\n  asChild = false,\n  extended = false,\n  position = \"bottom-right\",\n  ...props\n}: FabProps) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"fab\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        // Base styles shared between icon and extended\n        \"inline-flex shrink-0 items-center justify-center rounded-full whitespace-nowrap transition-all outline-none cursor-pointer shadow-lg hover:shadow-xl focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        // Variant colors\n        variant === \"default\" && \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        variant === \"secondary\" && \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        variant === \"outline\" && \"border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground\",\n        // Size: icon-only (square) vs extended (pill)\n        extended ? fabExtendedVariants({ size }) : fabVariants({ size }),\n        // Position\n        positionClasses[position ?? \"bottom-right\"],\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Fab, fabVariants }\n"]}

package/dist/{chunk-57NRP7HJ.js → chunk-MSFBYHUF.js}

@@ -5,8 +5,8 @@ import { cn } from './chunk-TYCPXAXF.js';
 import { __objRest, __spreadProps, __spreadValues } from './chunk-YINJ5YZ5.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
-import { ThumbsUp, ThumbsDown, X } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { ThumbsUp, ThumbsDown, Check, X } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var likeDislikeVariants = cva("inline-flex flex-col", {
   variants: {
@@ -48,6 +48,8 @@ function LikeDislike(_a) {
     feedbackPlaceholder = "O que voce nao gostou?",
     feedbackSubmitLabel = "Enviar",
     onFeedbackSubmit,
+    feedbackSuccessMessage = "Obrigado pelo feedback!",
+    feedbackAutoCloseDelay = 2e3,
     burstTheme = "theme-brand",
     disabled = false
   } = _b, props = __objRest(_b, [
@@ -60,6 +62,8 @@ function LikeDislike(_a) {
     "feedbackPlaceholder",
     "feedbackSubmitLabel",
     "onFeedbackSubmit",
+    "feedbackSuccessMessage",
+    "feedbackAutoCloseDelay",
     "burstTheme",
     "disabled"
   ]);
@@ -69,6 +73,8 @@ function LikeDislike(_a) {
   const [feedbackText, setFeedbackText] = React.useState("");
   const [isBursting, setIsBursting] = React.useState(false);
   const [feedbackDismissed, setFeedbackDismissed] = React.useState(false);
+  const [feedbackStatus, setFeedbackStatus] = React.useState("idle");
+  const autoCloseTimerRef = React.useRef(null);
   const s = sizeConfig[size != null ? size : "default"];
   function handleClick(target) {
     if (disabled) return;
@@ -76,6 +82,9 @@ function LikeDislike(_a) {
     if (!isControlled) setInternalValue(next);
     onValueChange == null ? void 0 : onValueChange(next);
     setFeedbackDismissed(false);
+    setFeedbackStatus("idle");
+    setFeedbackText("");
+    if (autoCloseTimerRef.current) clearTimeout(autoCloseTimerRef.current);
     if (target === "like" && next === "like") {
       setIsBursting(true);
     }
@@ -83,11 +92,27 @@ function LikeDislike(_a) {
   function handleBurstEnd() {
     setIsBursting(false);
   }
-  function handleFeedbackSubmit(e) {
+  React.useEffect(() => {
+    return () => {
+      if (autoCloseTimerRef.current) clearTimeout(autoCloseTimerRef.current);
+    };
+  }, []);
+  async function handleFeedbackSubmit(e) {
     e.preventDefault();
-    if (feedbackText.trim()) {
-      onFeedbackSubmit == null ? void 0 : onFeedbackSubmit(feedbackText.trim());
+    if (!feedbackText.trim() || feedbackStatus === "submitting") return;
+    setFeedbackStatus("submitting");
+    try {
+      await (onFeedbackSubmit == null ? void 0 : onFeedbackSubmit(feedbackText.trim()));
+      setFeedbackStatus("submitted");
       setFeedbackText("");
+      if (feedbackAutoCloseDelay > 0) {
+        autoCloseTimerRef.current = setTimeout(() => {
+          setFeedbackDismissed(true);
+          setFeedbackStatus("idle");
+        }, feedbackAutoCloseDelay);
+      }
+    } catch (e2) {
+      setFeedbackStatus("idle");
     }
   }
   const isLiked = currentValue === "like";
@@ -175,49 +200,58 @@ function LikeDislike(_a) {
             }
           )
         ] }),
-        showFeedbackPanel && /* @__PURE__ */ jsxs("div", { className: "absolute left-0 top-full z-50 mt-2 w-72 rounded-lg border border-border bg-background p-3 shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ jsx("p", { className: cn("font-medium text-foreground", s.text), children: feedbackPlaceholder }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => setFeedbackDismissed(true),
-                className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors cursor-pointer",
-                "aria-label": "Fechar",
-                children: /* @__PURE__ */ jsx(CycleIcon, { icon: X, size: "xs", decorative: true })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("form", { onSubmit: handleFeedbackSubmit, className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                textareaSize: "sm",
-                value: feedbackText,
-                onChange: (e) => setFeedbackText(e.target.value),
-                placeholder: "Conte-nos mais...",
-                disabled,
-                className: "resize-none min-h-[60px]",
-                "aria-label": "Feedback"
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "submit",
-                size: "sm",
-                disabled: disabled || !feedbackText.trim(),
-                children: feedbackSubmitLabel
-              }
-            ) })
+        showFeedbackPanel && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-50 mt-2 w-72 rounded-lg border border-border bg-background p-3 shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: feedbackStatus === "submitted" ? (
+          /* --- Success state --- */
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx(CycleIcon, { icon: Check, size: "xs", decorative: true }) }),
+            /* @__PURE__ */ jsx("p", { className: cn("text-foreground", s.text), children: feedbackSuccessMessage })
           ] })
-        ] })
+        ) : (
+          /* --- Form state --- */
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ jsx("p", { className: cn("font-medium text-foreground", s.text), children: feedbackPlaceholder }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setFeedbackDismissed(true),
+                  className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors cursor-pointer",
+                  "aria-label": "Fechar",
+                  children: /* @__PURE__ */ jsx(CycleIcon, { icon: X, size: "xs", decorative: true })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("form", { onSubmit: handleFeedbackSubmit, className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  textareaSize: "sm",
+                  value: feedbackText,
+                  onChange: (e) => setFeedbackText(e.target.value),
+                  placeholder: "Conte-nos mais...",
+                  disabled: disabled || feedbackStatus === "submitting",
+                  className: "resize-none min-h-[60px]",
+                  "aria-label": "Feedback"
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "submit",
+                  size: "sm",
+                  disabled: disabled || !feedbackText.trim() || feedbackStatus === "submitting",
+                  children: feedbackStatus === "submitting" ? "Enviando..." : feedbackSubmitLabel
+                }
+              ) })
+            ] })
+          ] })
+        ) })
       ]
     })
   );
 }
 
 export { LikeDislike, likeDislikeVariants };
-//# sourceMappingURL=chunk-57NRP7HJ.js.map
-//# sourceMappingURL=chunk-57NRP7HJ.js.map
+//# sourceMappingURL=chunk-MSFBYHUF.js.map
+//# sourceMappingURL=chunk-MSFBYHUF.js.map

package/dist/chunk-MSFBYHUF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/like-dislike.tsx"],"names":["e"],"mappings":"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","file":"chunk-MSFBYHUF.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { ThumbsUp, ThumbsDown, X, Check } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { Button } from \"@/components/ui/button\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\n/* ---------------------------------- CVA ---------------------------------- */\n\nconst likeDislikeVariants = cva(\"inline-flex flex-col\", {\n  variants: {\n    size: {\n      default: \"gap-2\",\n      xs: \"gap-1.5\",\n      sm: \"gap-1.5\",\n      lg: \"gap-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\n/** Maps component size → toggle button dimensions + icon size + burst ray size */\nconst sizeConfig = {\n  xs: { iconBtn: \"size-6\", icon: \"xs\" as const, text: \"text-xs\", rayH: \"h-1\", rayW: \"w-[2px]\" },\n  sm: { iconBtn: \"size-8\", icon: \"xs\" as const, text: \"text-xs\", rayH: \"h-1.5\", rayW: \"w-[2px]\" },\n  default: { iconBtn: \"size-10\", icon: \"sm\" as const, text: \"text-sm\", rayH: \"h-2\", rayW: \"w-[2px]\" },\n  lg: { iconBtn: \"size-12\", icon: \"sm\" as const, text: \"text-base\", rayH: \"h-2.5\", rayW: \"w-[3px]\" },\n} as const\n\n/** Angles and colors for the burst rays */\nconst BURST_RAYS = [\n  { angle: 0, delay: \"0ms\" },\n  { angle: 45, delay: \"30ms\" },\n  { angle: 90, delay: \"60ms\" },\n  { angle: 135, delay: \"20ms\" },\n  { angle: 180, delay: \"50ms\" },\n  { angle: 225, delay: \"10ms\" },\n  { angle: 270, delay: \"40ms\" },\n  { angle: 315, delay: \"25ms\" },\n]\n\n/* -------------------------------- Types --------------------------------- */\n\nexport type LikeDislikeValue = \"like\" | \"dislike\" | null\n\nexport interface LikeDislikeProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\" | \"defaultValue\">,\n    VariantProps<typeof likeDislikeVariants> {\n  /** Current value — controlled */\n  value?: LikeDislikeValue\n  /** Default value — uncontrolled */\n  defaultValue?: LikeDislikeValue\n  /** Called when the value changes */\n  onValueChange?: (value: LikeDislikeValue) => void\n  /** Show feedback textarea when dislike is selected */\n  showFeedback?: boolean\n  /** Placeholder for the feedback textarea */\n  feedbackPlaceholder?: string\n  /** Label for the feedback submit button */\n  feedbackSubmitLabel?: string\n  /** Called when feedback is submitted. Can return a Promise for async handling. */\n  onFeedbackSubmit?: (feedback: string) => void | Promise<void>\n  /** Message shown after feedback is submitted */\n  feedbackSuccessMessage?: string\n  /** Delay in ms before auto-closing after submit. Default: 2000. Set 0 to disable. */\n  feedbackAutoCloseDelay?: number\n  /** Theme class for the burst animation rays (e.g. \"theme-brand\"). Default: \"theme-brand\" */\n  burstTheme?: string\n  /** Disabled state */\n  disabled?: boolean\n}\n\n/* ------------------------------ Component ------------------------------- */\n\nfunction LikeDislike({\n  className,\n  size = \"default\",\n  value: valueProp,\n  defaultValue = null,\n  onValueChange,\n  showFeedback = false,\n  feedbackPlaceholder = \"O que voce nao gostou?\",\n  feedbackSubmitLabel = \"Enviar\",\n  onFeedbackSubmit,\n  feedbackSuccessMessage = \"Obrigado pelo feedback!\",\n  feedbackAutoCloseDelay = 2000,\n  burstTheme = \"theme-brand\",\n  disabled = false,\n  ...props\n}: LikeDislikeProps) {\n  /* --- State --- */\n  const isControlled = valueProp !== undefined\n  const [internalValue, setInternalValue] = React.useState<LikeDislikeValue>(defaultValue)\n  const currentValue = isControlled ? valueProp : internalValue\n\n  const [feedbackText, setFeedbackText] = React.useState(\"\")\n  const [isBursting, setIsBursting] = React.useState(false)\n  const [feedbackDismissed, setFeedbackDismissed] = React.useState(false)\n  const [feedbackStatus, setFeedbackStatus] = React.useState<\"idle\" | \"submitting\" | \"submitted\">(\"idle\")\n  const autoCloseTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const s = sizeConfig[size ?? \"default\"]\n\n  /* --- Handlers --- */\n  function handleClick(target: \"like\" | \"dislike\") {\n    if (disabled) return\n    const next: LikeDislikeValue = currentValue === target ? null : target\n\n    if (!isControlled) setInternalValue(next)\n    onValueChange?.(next)\n    setFeedbackDismissed(false)\n    setFeedbackStatus(\"idle\")\n    setFeedbackText(\"\")\n    if (autoCloseTimerRef.current) clearTimeout(autoCloseTimerRef.current)\n\n    // Trigger burst animation when transitioning TO like\n    if (target === \"like\" && next === \"like\") {\n      setIsBursting(true)\n    }\n  }\n\n  function handleBurstEnd() {\n    setIsBursting(false)\n  }\n\n  // Cleanup auto-close timer\n  React.useEffect(() => {\n    return () => {\n      if (autoCloseTimerRef.current) clearTimeout(autoCloseTimerRef.current)\n    }\n  }, [])\n\n  async function handleFeedbackSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    if (!feedbackText.trim() || feedbackStatus === \"submitting\") return\n\n    setFeedbackStatus(\"submitting\")\n    try {\n      await onFeedbackSubmit?.(feedbackText.trim())\n      setFeedbackStatus(\"submitted\")\n      setFeedbackText(\"\")\n\n      // Auto-close after delay\n      if (feedbackAutoCloseDelay > 0) {\n        autoCloseTimerRef.current = setTimeout(() => {\n          setFeedbackDismissed(true)\n          setFeedbackStatus(\"idle\")\n        }, feedbackAutoCloseDelay)\n      }\n    } catch {\n      // If the callback throws, reset to idle so the user can retry\n      setFeedbackStatus(\"idle\")\n    }\n  }\n\n  const isLiked = currentValue === \"like\"\n  const isDisliked = currentValue === \"dislike\"\n  const showFeedbackPanel = isDisliked && showFeedback && !feedbackDismissed\n\n  /* --- Shared button classes --- */\n  const btnBase = cn(\n    \"relative inline-flex shrink-0 items-center justify-center rounded-lg transition-[color,box-shadow,background-color] outline-none cursor-pointer\",\n    \"hover:bg-muted hover:text-muted-foreground\",\n    \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    s.iconBtn\n  )\n\n  return (\n    <div\n      data-slot=\"like-dislike\"\n      className={cn(\"relative inline-flex\", className)}\n      {...props}\n    >\n      {/* Button row */}\n      <div className=\"inline-flex items-center gap-1\" role=\"group\" aria-label=\"Avaliar conteudo\">\n        {/* Like */}\n        <button\n          type=\"button\"\n          aria-pressed={isLiked}\n          aria-label=\"Gostei\"\n          disabled={disabled}\n          onClick={() => handleClick(\"like\")}\n          className={cn(\n            btnBase,\n            isLiked && \"bg-accent text-accent-foreground [&_svg]:fill-current\"\n          )}\n        >\n          {/* Burst rays (behind the icon) */}\n          {isBursting && (\n            <span\n              className={cn(\"absolute inset-0 z-0 pointer-events-none\", burstTheme)}\n              aria-hidden=\"true\"\n            >\n              {BURST_RAYS.map(({ angle, delay }) => (\n                <span\n                  key={angle}\n                  className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n                  style={{ rotate: `${angle}deg` }}\n                >\n                  <span\n                    className={cn(\n                      \"block rounded-full bg-primary opacity-0 animate-like-burst\",\n                      s.rayW, s.rayH\n                    )}\n                    style={{ animationDelay: delay }}\n                  />\n                </span>\n              ))}\n            </span>\n          )}\n\n          {/* Icon with pop animation (above rays) */}\n          <span\n            className={cn(\"relative z-10\", isBursting && \"animate-like-pop\")}\n            onAnimationEnd={handleBurstEnd}\n          >\n            <CycleIcon icon={ThumbsUp} size={s.icon} decorative />\n          </span>\n        </button>\n\n        {/* Dislike */}\n        <button\n          type=\"button\"\n          aria-pressed={isDisliked}\n          aria-label=\"Nao gostei\"\n          disabled={disabled}\n          onClick={() => handleClick(\"dislike\")}\n          className={cn(\n            btnBase,\n            isDisliked && \"bg-accent text-accent-foreground [&_svg]:fill-current\"\n          )}\n        >\n          <CycleIcon icon={ThumbsDown} size={s.icon} decorative />\n        </button>\n      </div>\n\n      {/* Floating feedback panel */}\n      {showFeedbackPanel && (\n        <div className=\"absolute left-0 top-full z-50 mt-2 w-72 rounded-lg border border-border bg-background p-3 shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2\">\n          {feedbackStatus === \"submitted\" ? (\n            /* --- Success state --- */\n            <div className=\"flex items-center gap-2 py-2\">\n              <span className=\"inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground\">\n                <CycleIcon icon={Check} size=\"xs\" decorative />\n              </span>\n              <p className={cn(\"text-foreground\", s.text)}>\n                {feedbackSuccessMessage}\n              </p>\n            </div>\n          ) : (\n            /* --- Form state --- */\n            <>\n              <div className=\"flex items-center justify-between mb-2\">\n                <p className={cn(\"font-medium text-foreground\", s.text)}>\n                  {feedbackPlaceholder}\n                </p>\n                <button\n                  type=\"button\"\n                  onClick={() => setFeedbackDismissed(true)}\n                  className=\"inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors cursor-pointer\"\n                  aria-label=\"Fechar\"\n                >\n                  <CycleIcon icon={X} size=\"xs\" decorative />\n                </button>\n              </div>\n              <form onSubmit={handleFeedbackSubmit} className=\"flex flex-col gap-2\">\n                <Textarea\n                  textareaSize=\"sm\"\n                  value={feedbackText}\n                  onChange={(e) => setFeedbackText(e.target.value)}\n                  placeholder=\"Conte-nos mais...\"\n                  disabled={disabled || feedbackStatus === \"submitting\"}\n                  className=\"resize-none min-h-[60px]\"\n                  aria-label=\"Feedback\"\n                />\n                <div className=\"flex justify-end\">\n                  <Button\n                    type=\"submit\"\n                    size=\"sm\"\n                    disabled={disabled || !feedbackText.trim() || feedbackStatus === \"submitting\"}\n                  >\n                    {feedbackStatus === \"submitting\" ? \"Enviando...\" : feedbackSubmitLabel}\n                  </Button>\n                </div>\n              </form>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { LikeDislike, likeDislikeVariants }\n"]}

package/dist/{chunk-K567KZD5.js → chunk-X4IBONFB.js}

@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var radioVariants = cva(
-  "aspect-square rounded-full border border-neutral-input bg-neutral-bg shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:text-foreground dark:aria-invalid:ring-destructive/40",
+  "aspect-square rounded-full border border-neutral-border bg-neutral-bg shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:text-foreground dark:aria-invalid:ring-destructive/40",
   {
     variants: {
       size: {
@@ -59,5 +59,5 @@ function RadioGroupItem(_a) {
 }
 
 export { RadioGroup, RadioGroupItem, radioVariants };
-//# sourceMappingURL=chunk-K567KZD5.js.map
-//# sourceMappingURL=chunk-K567KZD5.js.map
+//# sourceMappingURL=chunk-X4IBONFB.js.map
+//# sourceMappingURL=chunk-X4IBONFB.js.map

package/dist/chunk-X4IBONFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/radio-group.tsx"],"names":["RadioGroupPrimitive"],"mappings":";;;;;;;AASA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,8ZAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,OAAA,EAAS,yBAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKA,SAAS,WAAW,EAAA,EAA0C;AAA1C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EA5BtB,GA4BoB,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACpB,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS;AAAA,KAAA,EACjC,KAAA;AAAA,GACN;AAEJ;AASA,SAAS,eAAe,EAAA,EAKA;AALA,EAAA,IAAA,EAAA,GAAA,EAAA,EACtB;AAAA,IAAA,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP;AAAA,GAhDF,GA6CwB,EAAA,EAInB,KAAA,GAAA,SAAA,CAJmB,EAAA,EAInB;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,GAAG,KAAA,EAAO,aAAA,CAAc,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EACnD,KAAA,CAAA,EAHL;AAAA,MAKC,QAAA,kBAAA,GAAA;AAAA,QAACA,YAAA,CAAoB,SAAA;AAAA,QAApB;AAAA,UACC,WAAA,EAAU,uBAAA;AAAA,UACV,SAAA,EAAU,wCAAA;AAAA,UAEV,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AACvC,KAAA;AAAA,GACF;AAEJ","file":"chunk-X4IBONFB.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { CircleIcon } from \"lucide-react\"\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst radioVariants = cva(\n  \"aspect-square rounded-full border border-neutral-border bg-neutral-bg shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:text-foreground dark:aria-invalid:ring-destructive/40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5 [&_svg]:size-2\",\n        default: \"size-4 [&_svg]:size-2.5\",\n        lg: \"size-5 [&_svg]:size-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\nexport interface RadioGroupProps\n  extends React.ComponentProps<typeof RadioGroupPrimitive.Root> {}\n\nfunction RadioGroup({ className, ...props }: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(\"grid gap-3\", className)}\n      {...props}\n    />\n  )\n}\n\nexport interface RadioGroupItemProps\n  extends React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioVariants> {\n  /** Classe de tema aplicada apenas no estado checked (ex: \"theme-class\") */\n  theme?: string\n}\n\nfunction RadioGroupItem({\n  className,\n  size = \"default\",\n  theme,\n  ...props\n}: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(theme, radioVariants({ size }), className)}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"grid place-content-center text-current\"\n      >\n        <CircleIcon className=\"fill-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem, radioVariants }\n"]}

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './ui/resiz
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './ui/empty.js';
 export { Skeleton } from './ui/skeleton.js';
 export { Spinner, SpinnerProps } from './ui/spinner.js';
+export { Fab, FabProps, fabVariants } from './ui/fab.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/dialog.js';
 import 'clsx';
 import 'react';

package/dist/index.js

@@ -3,6 +3,7 @@ export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTi
 export { Skeleton } from './chunk-2EKU7RP4.js';
 export { Spinner } from './chunk-5XNYJECW.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-TZ7BEYQ7.js';
+export { Fab, fabVariants } from './chunk-7NFHHOAE.js';
 export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.js';
 export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-XVBX263W.js';
 export { AudioPlayer } from './chunk-UAHCRXAG.js';
@@ -18,15 +19,15 @@ export { ProgressDot, dotVariants, progressDotVariants } from './chunk-ZTANTDKS.
 export { FileCard, fileCardVariants } from './chunk-JMNMW54C.js';
 export { ChatPanel } from './chunk-WUZODCC2.js';
 export { ChatBubble, chatBubbleVariants } from './chunk-HZJRM5EK.js';
-export { LikeDislike, likeDislikeVariants } from './chunk-57NRP7HJ.js';
+export { LikeDislike, likeDislikeVariants } from './chunk-MSFBYHUF.js';
 export { Achievement, Answer, Badge as BadgeIcon, Certificate, Chat as ChatIcon, Checkpoint, Completion, Conversation, Course, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, Language, Lesson, Listening, Live, MemoryCard, Milestone, Module, Presentation, PrivateClass, Progress as ProgressIcon, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard } from './chunk-D4QCYBCD.js';
 export { LiveWaiting } from './chunk-FPXSUEJO.js';
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-MSLQRGSP.js';
 export { CycleIcon, ICON_SIZES } from './chunk-V7M2NHUO.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-QZVQPUVT.js';
 export { ScrollArea, ScrollBar } from './chunk-3LXU5C35.js';
-export { Checkbox, checkboxVariants } from './chunk-IJTNFN6N.js';
-export { RadioGroup, RadioGroupItem, radioVariants } from './chunk-K567KZD5.js';
+export { Checkbox, checkboxVariants } from './chunk-5BNTQSCS.js';
+export { RadioGroup, RadioGroupItem, radioVariants } from './chunk-X4IBONFB.js';
 export { Switch, switchVariants } from './chunk-NVA4ZJOS.js';
 export { Slider, sliderVariants } from './chunk-AL2ALTBH.js';
 export { Toggle, toggleVariants } from './chunk-CIM6KJH5.js';

package/dist/ui/checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox, checkboxVariants } from '../chunk-IJTNFN6N.js';
+export { Checkbox, checkboxVariants } from '../chunk-5BNTQSCS.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=checkbox.js.map

package/dist/ui/fab.d.ts

@@ -0,0 +1,20 @@
+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 fabVariants: (props?: ({
+    size?: "sm" | "lg" | "default" | null | undefined;
+    variant?: "default" | "outline" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface FabProps extends React.ComponentProps<"button">, VariantProps<typeof fabVariants> {
+    /** Render as child element (Slot) */
+    asChild?: boolean;
+    /** Extended mode: pill shape with icon + label. Pass a string or ReactNode for the label. */
+    extended?: boolean;
+    /** Position preset. "none" disables fixed positioning. Default: "bottom-right" */
+    position?: "bottom-right" | "bottom-left" | "bottom-center" | "none";
+}
+declare function Fab({ className, size, variant, asChild, extended, position, ...props }: FabProps): react_jsx_runtime.JSX.Element;
+
+export { Fab, type FabProps, fabVariants };

package/dist/ui/fab.js

@@ -0,0 +1,5 @@
+export { Fab, fabVariants } from '../chunk-7NFHHOAE.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=fab.js.map
+//# sourceMappingURL=fab.js.map

package/dist/ui/fab.js.map

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

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

@@ -20,13 +20,17 @@ interface LikeDislikeProps extends Omit<React.ComponentProps<"div">, "onChange"
     feedbackPlaceholder?: string;
     /** Label for the feedback submit button */
     feedbackSubmitLabel?: string;
-    /** Called when feedback is submitted */
-    onFeedbackSubmit?: (feedback: string) => void;
+    /** Called when feedback is submitted. Can return a Promise for async handling. */
+    onFeedbackSubmit?: (feedback: string) => void | Promise<void>;
+    /** Message shown after feedback is submitted */
+    feedbackSuccessMessage?: string;
+    /** Delay in ms before auto-closing after submit. Default: 2000. Set 0 to disable. */
+    feedbackAutoCloseDelay?: number;
     /** Theme class for the burst animation rays (e.g. "theme-brand"). Default: "theme-brand" */
     burstTheme?: string;
     /** Disabled state */
     disabled?: boolean;
 }
-declare function LikeDislike({ className, size, value: valueProp, defaultValue, onValueChange, showFeedback, feedbackPlaceholder, feedbackSubmitLabel, onFeedbackSubmit, burstTheme, disabled, ...props }: LikeDislikeProps): react_jsx_runtime.JSX.Element;
+declare function LikeDislike({ className, size, value: valueProp, defaultValue, onValueChange, showFeedback, feedbackPlaceholder, feedbackSubmitLabel, onFeedbackSubmit, feedbackSuccessMessage, feedbackAutoCloseDelay, burstTheme, disabled, ...props }: LikeDislikeProps): react_jsx_runtime.JSX.Element;
 
 export { LikeDislike, type LikeDislikeProps, type LikeDislikeValue, likeDislikeVariants };

package/dist/ui/like-dislike.js

@@ -1,4 +1,4 @@
-export { LikeDislike, likeDislikeVariants } from '../chunk-57NRP7HJ.js';
+export { LikeDislike, likeDislikeVariants } from '../chunk-MSFBYHUF.js';
 import '../chunk-D4QCYBCD.js';
 import '../chunk-V7M2NHUO.js';
 import '../chunk-7UMEJDC3.js';

package/dist/ui/radio-group.js

@@ -1,4 +1,4 @@
-export { RadioGroup, RadioGroupItem, radioVariants } from '../chunk-K567KZD5.js';
+export { RadioGroup, RadioGroupItem, radioVariants } from '../chunk-X4IBONFB.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=radio-group.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "Cycle Design System — UI component library by Fluencypass",
   "license": "MIT",
   "repository": {

package/dist/chunk-57NRP7HJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/like-dislike.tsx"],"names":[],"mappings":"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","file":"chunk-57NRP7HJ.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { ThumbsUp, ThumbsDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { Button } from \"@/components/ui/button\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\n/* ---------------------------------- CVA ---------------------------------- */\n\nconst likeDislikeVariants = cva(\"inline-flex flex-col\", {\n  variants: {\n    size: {\n      default: \"gap-2\",\n      xs: \"gap-1.5\",\n      sm: \"gap-1.5\",\n      lg: \"gap-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\n/** Maps component size → toggle button dimensions + icon size + burst ray size */\nconst sizeConfig = {\n  xs: { iconBtn: \"size-6\", icon: \"xs\" as const, text: \"text-xs\", rayH: \"h-1\", rayW: \"w-[2px]\" },\n  sm: { iconBtn: \"size-8\", icon: \"xs\" as const, text: \"text-xs\", rayH: \"h-1.5\", rayW: \"w-[2px]\" },\n  default: { iconBtn: \"size-10\", icon: \"sm\" as const, text: \"text-sm\", rayH: \"h-2\", rayW: \"w-[2px]\" },\n  lg: { iconBtn: \"size-12\", icon: \"sm\" as const, text: \"text-base\", rayH: \"h-2.5\", rayW: \"w-[3px]\" },\n} as const\n\n/** Angles and colors for the burst rays */\nconst BURST_RAYS = [\n  { angle: 0, delay: \"0ms\" },\n  { angle: 45, delay: \"30ms\" },\n  { angle: 90, delay: \"60ms\" },\n  { angle: 135, delay: \"20ms\" },\n  { angle: 180, delay: \"50ms\" },\n  { angle: 225, delay: \"10ms\" },\n  { angle: 270, delay: \"40ms\" },\n  { angle: 315, delay: \"25ms\" },\n]\n\n/* -------------------------------- Types --------------------------------- */\n\nexport type LikeDislikeValue = \"like\" | \"dislike\" | null\n\nexport interface LikeDislikeProps\n  extends Omit<React.ComponentProps<\"div\">, \"onChange\" | \"defaultValue\">,\n    VariantProps<typeof likeDislikeVariants> {\n  /** Current value — controlled */\n  value?: LikeDislikeValue\n  /** Default value — uncontrolled */\n  defaultValue?: LikeDislikeValue\n  /** Called when the value changes */\n  onValueChange?: (value: LikeDislikeValue) => void\n  /** Show feedback textarea when dislike is selected */\n  showFeedback?: boolean\n  /** Placeholder for the feedback textarea */\n  feedbackPlaceholder?: string\n  /** Label for the feedback submit button */\n  feedbackSubmitLabel?: string\n  /** Called when feedback is submitted */\n  onFeedbackSubmit?: (feedback: string) => void\n  /** Theme class for the burst animation rays (e.g. \"theme-brand\"). Default: \"theme-brand\" */\n  burstTheme?: string\n  /** Disabled state */\n  disabled?: boolean\n}\n\n/* ------------------------------ Component ------------------------------- */\n\nfunction LikeDislike({\n  className,\n  size = \"default\",\n  value: valueProp,\n  defaultValue = null,\n  onValueChange,\n  showFeedback = false,\n  feedbackPlaceholder = \"O que voce nao gostou?\",\n  feedbackSubmitLabel = \"Enviar\",\n  onFeedbackSubmit,\n  burstTheme = \"theme-brand\",\n  disabled = false,\n  ...props\n}: LikeDislikeProps) {\n  /* --- State --- */\n  const isControlled = valueProp !== undefined\n  const [internalValue, setInternalValue] = React.useState<LikeDislikeValue>(defaultValue)\n  const currentValue = isControlled ? valueProp : internalValue\n\n  const [feedbackText, setFeedbackText] = React.useState(\"\")\n  const [isBursting, setIsBursting] = React.useState(false)\n  const [feedbackDismissed, setFeedbackDismissed] = React.useState(false)\n\n  const s = sizeConfig[size ?? \"default\"]\n\n  /* --- Handlers --- */\n  function handleClick(target: \"like\" | \"dislike\") {\n    if (disabled) return\n    const next: LikeDislikeValue = currentValue === target ? null : target\n\n    if (!isControlled) setInternalValue(next)\n    onValueChange?.(next)\n    setFeedbackDismissed(false)\n\n    // Trigger burst animation when transitioning TO like\n    if (target === \"like\" && next === \"like\") {\n      setIsBursting(true)\n    }\n  }\n\n  function handleBurstEnd() {\n    setIsBursting(false)\n  }\n\n  function handleFeedbackSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    if (feedbackText.trim()) {\n      onFeedbackSubmit?.(feedbackText.trim())\n      setFeedbackText(\"\")\n    }\n  }\n\n  const isLiked = currentValue === \"like\"\n  const isDisliked = currentValue === \"dislike\"\n  const showFeedbackPanel = isDisliked && showFeedback && !feedbackDismissed\n\n  /* --- Shared button classes --- */\n  const btnBase = cn(\n    \"relative inline-flex shrink-0 items-center justify-center rounded-lg transition-[color,box-shadow,background-color] outline-none cursor-pointer\",\n    \"hover:bg-muted hover:text-muted-foreground\",\n    \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    s.iconBtn\n  )\n\n  return (\n    <div\n      data-slot=\"like-dislike\"\n      className={cn(\"relative inline-flex\", className)}\n      {...props}\n    >\n      {/* Button row */}\n      <div className=\"inline-flex items-center gap-1\" role=\"group\" aria-label=\"Avaliar conteudo\">\n        {/* Like */}\n        <button\n          type=\"button\"\n          aria-pressed={isLiked}\n          aria-label=\"Gostei\"\n          disabled={disabled}\n          onClick={() => handleClick(\"like\")}\n          className={cn(\n            btnBase,\n            isLiked && \"bg-accent text-accent-foreground [&_svg]:fill-current\"\n          )}\n        >\n          {/* Burst rays (behind the icon) */}\n          {isBursting && (\n            <span\n              className={cn(\"absolute inset-0 z-0 pointer-events-none\", burstTheme)}\n              aria-hidden=\"true\"\n            >\n              {BURST_RAYS.map(({ angle, delay }) => (\n                <span\n                  key={angle}\n                  className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n                  style={{ rotate: `${angle}deg` }}\n                >\n                  <span\n                    className={cn(\n                      \"block rounded-full bg-primary opacity-0 animate-like-burst\",\n                      s.rayW, s.rayH\n                    )}\n                    style={{ animationDelay: delay }}\n                  />\n                </span>\n              ))}\n            </span>\n          )}\n\n          {/* Icon with pop animation (above rays) */}\n          <span\n            className={cn(\"relative z-10\", isBursting && \"animate-like-pop\")}\n            onAnimationEnd={handleBurstEnd}\n          >\n            <CycleIcon icon={ThumbsUp} size={s.icon} decorative />\n          </span>\n        </button>\n\n        {/* Dislike */}\n        <button\n          type=\"button\"\n          aria-pressed={isDisliked}\n          aria-label=\"Nao gostei\"\n          disabled={disabled}\n          onClick={() => handleClick(\"dislike\")}\n          className={cn(\n            btnBase,\n            isDisliked && \"bg-accent text-accent-foreground [&_svg]:fill-current\"\n          )}\n        >\n          <CycleIcon icon={ThumbsDown} size={s.icon} decorative />\n        </button>\n      </div>\n\n      {/* Floating feedback panel */}\n      {showFeedbackPanel && (\n        <div className=\"absolute left-0 top-full z-50 mt-2 w-72 rounded-lg border border-border bg-background p-3 shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <p className={cn(\"font-medium text-foreground\", s.text)}>\n              {feedbackPlaceholder}\n            </p>\n            <button\n              type=\"button\"\n              onClick={() => setFeedbackDismissed(true)}\n              className=\"inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors cursor-pointer\"\n              aria-label=\"Fechar\"\n            >\n              <CycleIcon icon={X} size=\"xs\" decorative />\n            </button>\n          </div>\n          <form onSubmit={handleFeedbackSubmit} className=\"flex flex-col gap-2\">\n            <Textarea\n              textareaSize=\"sm\"\n              value={feedbackText}\n              onChange={(e) => setFeedbackText(e.target.value)}\n              placeholder=\"Conte-nos mais...\"\n              disabled={disabled}\n              className=\"resize-none min-h-[60px]\"\n              aria-label=\"Feedback\"\n            />\n            <div className=\"flex justify-end\">\n              <Button\n                type=\"submit\"\n                size=\"sm\"\n                disabled={disabled || !feedbackText.trim()}\n              >\n                {feedbackSubmitLabel}\n              </Button>\n            </div>\n          </form>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { LikeDislike, likeDislikeVariants }\n"]}

package/dist/chunk-IJTNFN6N.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/checkbox.tsx"],"names":["CheckboxPrimitive"],"mappings":";;;;;;;AASA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,weAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,OAAA,EAAS,yBAAA;AAAA,QACT,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,eAAA;AAAA,QACT,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AASA,SAAS,SAAS,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV;AAAA,GAzCF,GAqCkB,EAAA,EAKb,KAAA,GAAA,SAAA,CALa,EAAA,EAKb;AAAA,IAJH,WAAA;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,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,GAAG,KAAA,EAAO,gBAAA,CAAiB,EAAE,IAAA,EAAM,OAAA,EAAS,CAAA,EAAG,SAAS;AAAA,KAAA,EAC/D,KAAA,CAAA,EAJL;AAAA,MAMC,QAAA,kBAAA,GAAA;AAAA,QAACA,UAAA,CAAkB,SAAA;AAAA,QAAlB;AAAA,UACC,WAAA,EAAU,oBAAA;AAAA,UACV,SAAA,EAAU,wDAAA;AAAA,UAEV,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA;AACb,KAAA;AAAA,GACF;AAEJ","file":"chunk-IJTNFN6N.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst checkboxVariants = cva(\n  \"peer shrink-0 border border-neutral-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-neutral-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary\",\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5 [&_svg]:size-3\",\n        default: \"size-4 [&_svg]:size-3.5\",\n        lg: \"size-5 [&_svg]:size-4\",\n      },\n      variant: {\n        default: \"rounded-[4px]\",\n        circular: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n  }\n)\n\nexport interface CheckboxProps\n  extends React.ComponentProps<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkboxVariants> {\n  /** Classe de tema aplicada apenas no estado checked (ex: \"theme-class\") */\n  theme?: string\n}\n\nfunction Checkbox({\n  className,\n  size = \"default\",\n  variant = \"default\",\n  theme,\n  ...props\n}: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      data-variant={variant}\n      className={cn(theme, checkboxVariants({ size, variant }), className)}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox, checkboxVariants }\n"]}

package/dist/chunk-K567KZD5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/radio-group.tsx"],"names":["RadioGroupPrimitive"],"mappings":";;;;;;;AASA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,6ZAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,OAAA,EAAS,yBAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKA,SAAS,WAAW,EAAA,EAA0C;AAA1C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EA5BtB,GA4BoB,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACpB,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS;AAAA,KAAA,EACjC,KAAA;AAAA,GACN;AAEJ;AASA,SAAS,eAAe,EAAA,EAKA;AALA,EAAA,IAAA,EAAA,GAAA,EAAA,EACtB;AAAA,IAAA,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP;AAAA,GAhDF,GA6CwB,EAAA,EAInB,KAAA,GAAA,SAAA,CAJmB,EAAA,EAInB;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,GAAG,KAAA,EAAO,aAAA,CAAc,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EACnD,KAAA,CAAA,EAHL;AAAA,MAKC,QAAA,kBAAA,GAAA;AAAA,QAACA,YAAA,CAAoB,SAAA;AAAA,QAApB;AAAA,UACC,WAAA,EAAU,uBAAA;AAAA,UACV,SAAA,EAAU,wCAAA;AAAA,UAEV,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AACvC,KAAA;AAAA,GACF;AAEJ","file":"chunk-K567KZD5.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { CircleIcon } from \"lucide-react\"\nimport { RadioGroup as RadioGroupPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst radioVariants = cva(\n  \"aspect-square rounded-full border border-neutral-input bg-neutral-bg shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:text-foreground dark:aria-invalid:ring-destructive/40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-3.5 [&_svg]:size-2\",\n        default: \"size-4 [&_svg]:size-2.5\",\n        lg: \"size-5 [&_svg]:size-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\nexport interface RadioGroupProps\n  extends React.ComponentProps<typeof RadioGroupPrimitive.Root> {}\n\nfunction RadioGroup({ className, ...props }: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(\"grid gap-3\", className)}\n      {...props}\n    />\n  )\n}\n\nexport interface RadioGroupItemProps\n  extends React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioVariants> {\n  /** Classe de tema aplicada apenas no estado checked (ex: \"theme-class\") */\n  theme?: string\n}\n\nfunction RadioGroupItem({\n  className,\n  size = \"default\",\n  theme,\n  ...props\n}: RadioGroupItemProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(theme, radioVariants({ size }), className)}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"grid place-content-center text-current\"\n      >\n        <CircleIcon className=\"fill-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem, radioVariants }\n"]}