@fluencypassdevs/cycle 0.6.4 → 0.7.0

package/README.md

@@ -12,7 +12,6 @@ No `globals.css`:
 
 ```css
 @import "tailwindcss";
-@source "../../node_modules/@fluencypassdevs/cycle/dist";
 @import "@fluencypassdevs/cycle/styles.css";
 ```
 

package/bin/mcp.mjs

@@ -746,13 +746,15 @@ npm install @fluencypassdevs/cycle
 \`\`\`
 
 ## 2. Configurar CSS (globals.css):
+
 \`\`\`css
 @import "tailwindcss";
-@source "../../node_modules/@fluencypassdevs/cycle/dist";
 @import "@fluencypassdevs/cycle/styles.css";
 \`\`\`
 
-> **CRITICO**: O \`@source\` e OBRIGATORIO. Sem ele, o Tailwind v4 nao escaneia node_modules e remove (purge) TODAS as classes usadas pelos componentes do Cycle. O path do @source deve ser relativo ao seu globals.css ate a pasta dist do pacote.
+So isso! O \`@source\` do Tailwind v4 ja esta embutido dentro do CSS do pacote — nao precisa adicionar manualmente.
+
+> Se o projeto tinha \`@source "../../node_modules/@fluencypassdevs/cycle/dist"\` no globals.css, pode remover (a partir da v0.7.0 e automatico).
 
 ## 3. Importar componentes:
 \`\`\`tsx
@@ -774,7 +776,13 @@ import { cn } from "@fluencypassdevs/cycle/lib/utils"
 ## 6. Configurar regras para IA (opcional):
 \`\`\`bash
 npx cycle init
-\`\`\``
+\`\`\`
+
+## Troubleshooting: Componentes sem estilo
+Se componentes aparecem sem estilo, verifique:
+1. O \`@import "@fluencypassdevs/cycle/styles.css";\` esta presente no globals.css?
+2. O pacote esta instalado? \`npm list @fluencypassdevs/cycle\`
+3. Versao >= 0.7.0? O @source automatico so existe a partir desta versao.`
 
     case "cycle_get_tokens": {
       const cat = args.category || "all"

package/cli/CLAUDE-section.md

@@ -19,13 +19,21 @@ import { cn } from "@fluencypassdevs/cycle/lib/utils"
 
 ## CSS (globals.css)
 
+O `globals.css` DEVE conter:
+
 ```css
 @import "tailwindcss";
-@source "../../node_modules/@fluencypassdevs/cycle/dist";
 @import "@fluencypassdevs/cycle/styles.css";
 ```
 
-> **IMPORTANTE**: O `@source` e obrigatorio. Sem ele, o Tailwind v4 nao escaneia `node_modules` e remove (purge) todas as classes usadas internamente pelos componentes do Cycle.
+> O `@source` do Tailwind v4 ja esta embutido dentro do CSS do pacote — nao precisa adicionar manualmente. Se o projeto tinha `@source "../../node_modules/@fluencypassdevs/cycle/dist"`, pode remover.
+
+### Troubleshooting: Componentes sem estilo
+
+Se componentes Cycle aparecem sem estilo, verifique:
+1. O `@import "@fluencypassdevs/cycle/styles.css";` esta presente no globals.css?
+2. O pacote esta instalado? `npm list @fluencypassdevs/cycle`
+3. Versao >= 0.7.0? O @source automatico so existe a partir desta versao.
 
 ## Regras para IA (IMPORTANTE)
 
@@ -115,6 +123,7 @@ Todos importados de `@fluencypassdevs/cycle`:
 | ResizablePanel, ResizableHandle | Paineis redimensionaveis |
 | Empty | Estado vazio |
 | Skeleton | Placeholder de carregamento |
+| Spinner | Indicador de carregamento animado (5 sizes) |
 | Dialog | Modal dialog |
 | FluencypassLogo, FluencypassIcon | Logo e icone da Fluencypass |
 | ProductLogo, ClassLogo, PrivateTalkLogo, GroupTalkLogo | Logos dos produtos |

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

@@ -1,6 +1,6 @@
 import { CycleIcon } from './chunk-V7M2NHUO.js';
 import { Button } from './chunk-7UMEJDC3.js';
-import { Textarea } from './chunk-2WPH3IQP.js';
+import { Textarea } from './chunk-JJETOZMI.js';
 import { cn } from './chunk-TYCPXAXF.js';
 import { __objRest, __spreadProps, __spreadValues } from './chunk-YINJ5YZ5.js';
 import * as React from 'react';
@@ -219,5 +219,5 @@ function LikeDislike(_a) {
 }
 
 export { LikeDislike, likeDislikeVariants };
-//# sourceMappingURL=chunk-EXVLL3JP.js.map
-//# sourceMappingURL=chunk-EXVLL3JP.js.map
+//# sourceMappingURL=chunk-57NRP7HJ.js.map
+//# sourceMappingURL=chunk-57NRP7HJ.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/like-dislike.tsx"],"names":[],"mappings":"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","file":"chunk-EXVLL3JP.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"]}
+{"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-74WKJRW7.js

@@ -0,0 +1,44 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Input = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type, inputSize = "default", variant = "outline" } = _b, props = __objRest(_b, ["className", "type", "inputSize", "variant"]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        type,
+        ref,
+        "data-slot": "input",
+        "data-size": inputSize,
+        "data-variant": variant,
+        className: cn(
+          // Base
+          "w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-neutral-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          // Variant: outline
+          variant === "outline" && "border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none",
+          variant === "outline" && "hover:border-ring hover:bg-ring/5",
+          variant === "outline" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5",
+          // Variant: filled (mesmos tokens do Button outline: accent light, input dark)
+          variant === "filled" && "border border-transparent bg-neutral-accent",
+          variant === "filled" && "hover:border-ring hover:bg-secondary",
+          variant === "filled" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary",
+          // Error (sempre visível, ambas variantes)
+          "aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40",
+          // Sizes
+          inputSize === "sm" && "h-8 px-3 py-2 text-sm",
+          inputSize === "default" && "h-10 px-4 py-2 text-sm",
+          inputSize === "lg" && "h-12 px-4 py-3 text-base",
+          className
+        )
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=chunk-74WKJRW7.js.map
+//# sourceMappingURL=chunk-74WKJRW7.js.map

package/dist/chunk-74WKJRW7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/input.tsx"],"names":[],"mappings":";;;;;AAUA,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,IAA2E,GAAA,KAAQ;AAAnF,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,IAAA,EAAM,SAAA,GAAY,SAAA,EAAW,OAAA,GAAU,SAAA,EAXvD,GAWG,EAAA,EAAkE,KAAA,GAAA,SAAA,CAAlE,EAAA,EAAkE,CAAhE,WAAA,EAAW,QAAM,WAAA,EAAuB,SAAA,CAAA,CAAA;AACzC,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,IAAA;AAAA,QACA,GAAA;AAAA,QACA,WAAA,EAAU,OAAA;AAAA,QACV,WAAA,EAAW,SAAA;AAAA,QACX,cAAA,EAAc,OAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA;AAAA,UAET,2YAAA;AAAA;AAAA,UAEA,YAAY,SAAA,IAAa,uHAAA;AAAA,UACzB,YAAY,SAAA,IAAa,mCAAA;AAAA,UACzB,YAAY,SAAA,IAAa,uGAAA;AAAA;AAAA,UAEzB,YAAY,QAAA,IAAY,6CAAA;AAAA,UACxB,YAAY,QAAA,IAAY,sCAAA;AAAA,UACxB,YAAY,QAAA,IAAY,0GAAA;AAAA;AAAA,UAExB,mLAAA;AAAA;AAAA,UAEA,cAAc,IAAA,IAAQ,uBAAA;AAAA,UACtB,cAAc,SAAA,IAAa,wBAAA;AAAA,UAC3B,cAAc,IAAA,IAAQ,0BAAA;AAAA,UACtB;AAAA;AACF,OAAA,EACI,KAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-74WKJRW7.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps extends React.ComponentProps<\"input\"> {\n  inputSize?: \"sm\" | \"default\" | \"lg\"\n  /** Variante visual: outline (borda) ou filled (fundo preenchido) */\n  variant?: \"outline\" | \"filled\"\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, inputSize = \"default\", variant = \"outline\", ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        ref={ref}\n        data-slot=\"input\"\n        data-size={inputSize}\n        data-variant={variant}\n        className={cn(\n          // Base\n          \"w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-neutral-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n          // Variant: outline\n          variant === \"outline\" && \"border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none\",\n          variant === \"outline\" && \"hover:border-ring hover:bg-ring/5\",\n          variant === \"outline\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5\",\n          // Variant: filled (mesmos tokens do Button outline: accent light, input dark)\n          variant === \"filled\" && \"border border-transparent bg-neutral-accent\",\n          variant === \"filled\" && \"hover:border-ring hover:bg-secondary\",\n          variant === \"filled\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary\",\n          // Error (sempre visível, ambas variantes)\n          \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n          // Sizes\n          inputSize === \"sm\" && \"h-8 px-3 py-2 text-sm\",\n          inputSize === \"default\" && \"h-10 px-4 py-2 text-sm\",\n          inputSize === \"lg\" && \"h-12 px-4 py-3 text-base\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}

package/dist/{chunk-WXJKTVRI.js → chunk-FPXSUEJO.js}

@@ -1,6 +1,6 @@
 import { Avatar, AvatarImage, AvatarFallback } from './chunk-MSLQRGSP.js';
 import { CycleIcon } from './chunk-V7M2NHUO.js';
-import { Badge } from './chunk-NGOZFA33.js';
+import { Badge } from './chunk-HO3ZE6S6.js';
 import { cn } from './chunk-TYCPXAXF.js';
 import * as React from 'react';
 import { RadioIcon } from 'lucide-react';
@@ -93,5 +93,5 @@ function LiveWaiting({
 }
 
 export { LiveWaiting };
-//# sourceMappingURL=chunk-WXJKTVRI.js.map
-//# sourceMappingURL=chunk-WXJKTVRI.js.map
+//# sourceMappingURL=chunk-FPXSUEJO.js.map
+//# sourceMappingURL=chunk-FPXSUEJO.js.map

package/dist/{chunk-WXJKTVRI.js.map → chunk-FPXSUEJO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/live-waiting.tsx"],"names":[],"mappings":"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","file":"chunk-WXJKTVRI.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { RadioIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Avatar, AvatarImage, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface LiveWaitingProps {\n  /** Scheduled start time of the live */\n  scheduledAt: Date\n  /** Teacher/instructor display name */\n  teacherName?: string\n  /** Teacher avatar URL */\n  teacherAvatar?: string\n  /** Live class topic/subject */\n  topic?: string\n  className?: string\n}\n\n/* ─── Helpers ─── */\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n  total: number\n}\n\nfunction calcTimeLeft(target: Date): TimeLeft {\n  const total = Math.max(0, target.getTime() - Date.now())\n  return {\n    days: Math.floor(total / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((total / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((total / (1000 * 60)) % 60),\n    seconds: Math.floor((total / 1000) % 60),\n    total,\n  }\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, \"0\")\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .slice(0, 2)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n}\n\n/* ─── Sub-components ─── */\n\nfunction CountdownUnit({ value, label }: { value: string; label: string }) {\n  return (\n    <div className=\"flex flex-col items-center gap-1\">\n      <div className=\"flex items-center justify-center size-14 sm:size-16 rounded-xl bg-muted border border-border text-2xl sm:text-3xl font-bold text-foreground tabular-nums\">\n        {value}\n      </div>\n      <span className=\"text-[11px] text-muted-foreground uppercase tracking-wider font-medium\">\n        {label}\n      </span>\n    </div>\n  )\n}\n\n/* ─── Component ─── */\n\nfunction LiveWaiting({\n  scheduledAt,\n  teacherName,\n  teacherAvatar,\n  topic,\n  className,\n}: LiveWaitingProps) {\n  const [timeLeft, setTimeLeft] = React.useState<TimeLeft>(() =>\n    calcTimeLeft(scheduledAt)\n  )\n\n  React.useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeLeft(calcTimeLeft(scheduledAt))\n    }, 1000)\n    return () => clearInterval(timer)\n  }, [scheduledAt])\n\n  const hasStarted = timeLeft.total === 0\n\n  return (\n    <div\n      data-slot=\"live-waiting\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 py-12 sm:py-16 px-4\",\n        className\n      )}\n    >\n      {/* Live badge */}\n      <Badge variant=\"destructive\" size=\"lg\" className=\"gap-1.5\">\n        <CycleIcon icon={RadioIcon} size=\"2xs\" decorative />\n        {hasStarted ? \"Começando...\" : \"Aula ao Vivo\"}\n      </Badge>\n\n      {/* Topic */}\n      {topic && (\n        <h2 className=\"text-lg sm:text-xl font-semibold text-foreground text-center max-w-md leading-snug\">\n          {topic}\n        </h2>\n      )}\n\n      {/* Countdown */}\n      {!hasStarted && (\n        <div className=\"flex items-center gap-3\">\n          {timeLeft.days > 0 && (\n            <>\n              <CountdownUnit value={padTwo(timeLeft.days)} label=\"Dias\" />\n              <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n            </>\n          )}\n          <CountdownUnit value={padTwo(timeLeft.hours)} label=\"Horas\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.minutes)} label=\"Min\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.seconds)} label=\"Seg\" />\n        </div>\n      )}\n\n      {/* Scheduled date */}\n      <p className=\"text-sm text-muted-foreground\">\n        {scheduledAt.toLocaleDateString(\"pt-BR\", {\n          weekday: \"long\",\n          day: \"numeric\",\n          month: \"long\",\n          hour: \"2-digit\",\n          minute: \"2-digit\",\n        })}\n      </p>\n\n      {/* Teacher info */}\n      {teacherName && (\n        <div className=\"flex items-center gap-3 mt-2\">\n          <Avatar size=\"lg\">\n            {teacherAvatar && (\n              <AvatarImage src={teacherAvatar} alt={teacherName} />\n            )}\n            <AvatarFallback className=\"bg-primary text-primary-foreground\">\n              {getInitials(teacherName)}\n            </AvatarFallback>\n          </Avatar>\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium text-foreground\">\n              {teacherName}\n            </span>\n            <span className=\"text-xs text-muted-foreground\">Professor(a)</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { LiveWaiting }\n"]}
+{"version":3,"sources":["../src/components/ui/live-waiting.tsx"],"names":[],"mappings":"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","file":"chunk-FPXSUEJO.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { RadioIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Avatar, AvatarImage, AvatarFallback } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface LiveWaitingProps {\n  /** Scheduled start time of the live */\n  scheduledAt: Date\n  /** Teacher/instructor display name */\n  teacherName?: string\n  /** Teacher avatar URL */\n  teacherAvatar?: string\n  /** Live class topic/subject */\n  topic?: string\n  className?: string\n}\n\n/* ─── Helpers ─── */\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n  total: number\n}\n\nfunction calcTimeLeft(target: Date): TimeLeft {\n  const total = Math.max(0, target.getTime() - Date.now())\n  return {\n    days: Math.floor(total / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((total / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((total / (1000 * 60)) % 60),\n    seconds: Math.floor((total / 1000) % 60),\n    total,\n  }\n}\n\nfunction padTwo(n: number): string {\n  return n.toString().padStart(2, \"0\")\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(\" \")\n    .slice(0, 2)\n    .map((w) => w[0])\n    .join(\"\")\n    .toUpperCase()\n}\n\n/* ─── Sub-components ─── */\n\nfunction CountdownUnit({ value, label }: { value: string; label: string }) {\n  return (\n    <div className=\"flex flex-col items-center gap-1\">\n      <div className=\"flex items-center justify-center size-14 sm:size-16 rounded-xl bg-muted border border-border text-2xl sm:text-3xl font-bold text-foreground tabular-nums\">\n        {value}\n      </div>\n      <span className=\"text-[11px] text-muted-foreground uppercase tracking-wider font-medium\">\n        {label}\n      </span>\n    </div>\n  )\n}\n\n/* ─── Component ─── */\n\nfunction LiveWaiting({\n  scheduledAt,\n  teacherName,\n  teacherAvatar,\n  topic,\n  className,\n}: LiveWaitingProps) {\n  const [timeLeft, setTimeLeft] = React.useState<TimeLeft>(() =>\n    calcTimeLeft(scheduledAt)\n  )\n\n  React.useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeLeft(calcTimeLeft(scheduledAt))\n    }, 1000)\n    return () => clearInterval(timer)\n  }, [scheduledAt])\n\n  const hasStarted = timeLeft.total === 0\n\n  return (\n    <div\n      data-slot=\"live-waiting\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-6 py-12 sm:py-16 px-4\",\n        className\n      )}\n    >\n      {/* Live badge */}\n      <Badge variant=\"destructive\" size=\"lg\" className=\"gap-1.5\">\n        <CycleIcon icon={RadioIcon} size=\"2xs\" decorative />\n        {hasStarted ? \"Começando...\" : \"Aula ao Vivo\"}\n      </Badge>\n\n      {/* Topic */}\n      {topic && (\n        <h2 className=\"text-lg sm:text-xl font-semibold text-foreground text-center max-w-md leading-snug\">\n          {topic}\n        </h2>\n      )}\n\n      {/* Countdown */}\n      {!hasStarted && (\n        <div className=\"flex items-center gap-3\">\n          {timeLeft.days > 0 && (\n            <>\n              <CountdownUnit value={padTwo(timeLeft.days)} label=\"Dias\" />\n              <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n            </>\n          )}\n          <CountdownUnit value={padTwo(timeLeft.hours)} label=\"Horas\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.minutes)} label=\"Min\" />\n          <span className=\"text-2xl font-bold text-muted-foreground mt-[-20px]\">:</span>\n          <CountdownUnit value={padTwo(timeLeft.seconds)} label=\"Seg\" />\n        </div>\n      )}\n\n      {/* Scheduled date */}\n      <p className=\"text-sm text-muted-foreground\">\n        {scheduledAt.toLocaleDateString(\"pt-BR\", {\n          weekday: \"long\",\n          day: \"numeric\",\n          month: \"long\",\n          hour: \"2-digit\",\n          minute: \"2-digit\",\n        })}\n      </p>\n\n      {/* Teacher info */}\n      {teacherName && (\n        <div className=\"flex items-center gap-3 mt-2\">\n          <Avatar size=\"lg\">\n            {teacherAvatar && (\n              <AvatarImage src={teacherAvatar} alt={teacherName} />\n            )}\n            <AvatarFallback className=\"bg-primary text-primary-foreground\">\n              {getInitials(teacherName)}\n            </AvatarFallback>\n          </Avatar>\n          <div className=\"flex flex-col\">\n            <span className=\"text-sm font-medium text-foreground\">\n              {teacherName}\n            </span>\n            <span className=\"text-xs text-muted-foreground\">Professor(a)</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { LiveWaiting }\n"]}

package/dist/{chunk-NGOZFA33.js → chunk-HO3ZE6S6.js}

@@ -16,9 +16,9 @@ var badgeVariants = cva(
         ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
         link: "text-primary underline-offset-4 [a&]:hover:underline",
         muted: "bg-muted text-muted-foreground",
-        success: "bg-[#28c953]/15 text-[#28c953] border-[#28c953]/20",
+        success: "theme-positive bg-background text-foreground border-foreground/20",
         progress: "bg-accent text-muted-foreground",
-        "progress-completed": "bg-accent text-[#00c234] dark:text-[#00E73E]"
+        "progress-completed": "theme-positive bg-accent text-foreground"
       },
       size: {
         default: "rounded-full px-2 py-0.5 text-xs font-medium [&>svg]:size-3",
@@ -56,5 +56,5 @@ function Badge(_a) {
 }
 
 export { Badge, badgeVariants };
-//# sourceMappingURL=chunk-NGOZFA33.js.map
-//# sourceMappingURL=chunk-NGOZFA33.js.map
+//# sourceMappingURL=chunk-HO3ZE6S6.js.map
+//# sourceMappingURL=chunk-HO3ZE6S6.js.map

package/dist/{chunk-NGOZFA33.js.map → chunk-HO3ZE6S6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/badge.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mRAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,6DAAA;AAAA,QACF,SAAA,EACE,mEAAA;AAAA,QACF,WAAA,EACE,wJAAA;AAAA,QACF,OAAA,EACE,sFAAA;AAAA,QACF,KAAA,EACE,wDAAA;AAAA,QACF,IAAA,EACE,sDAAA;AAAA,QACF,KAAA,EACE,gCAAA;AAAA,QACF,OAAA,EACE,oDAAA;AAAA,QACF,QAAA,EACE,iCAAA;AAAA,QACF,oBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,6DAAA;AAAA,QACT,EAAA,EAAI,gEAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,SAAS,MAAM,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EACb;AAAA,IAAA,SAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU;AAAA,GAvDZ,GAmDe,EAAA,EAKV,KAAA,GAAA,SAAA,CALU,EAAA,EAKV;AAAA,IAJH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,MAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EACrD,KAAA;AAAA,GACN;AAEJ","file":"chunk-NGOZFA33.js","sourcesContent":["import * 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 badgeVariants = cva(\n  \"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:pointer-events-none [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        ghost:\n          \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link:\n          \"text-primary underline-offset-4 [a&]:hover:underline\",\n        muted:\n          \"bg-muted text-muted-foreground\",\n        success:\n          \"bg-[#28c953]/15 text-[#28c953] border-[#28c953]/20\",\n        progress:\n          \"bg-accent text-muted-foreground\",\n        \"progress-completed\":\n          \"bg-accent text-[#00c234] dark:text-[#00E73E]\",\n      },\n      size: {\n        default: \"rounded-full px-2 py-0.5 text-xs font-medium [&>svg]:size-3\",\n        sm: \"rounded-md px-1.5 py-px text-[11px] font-medium [&>svg]:size-3\",\n        lg: \"rounded-full px-3 py-1 text-sm font-medium [&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean\n}\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"]}
+{"version":3,"sources":["../src/components/ui/badge.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,mRAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,6DAAA;AAAA,QACF,SAAA,EACE,mEAAA;AAAA,QACF,WAAA,EACE,wJAAA;AAAA,QACF,OAAA,EACE,sFAAA;AAAA,QACF,KAAA,EACE,wDAAA;AAAA,QACF,IAAA,EACE,sDAAA;AAAA,QACF,KAAA,EACE,gCAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,QAAA,EACE,iCAAA;AAAA,QACF,oBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,6DAAA;AAAA,QACT,EAAA,EAAI,gEAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAQA,SAAS,MAAM,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EACb;AAAA,IAAA,SAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,SAAA;AAAA,IACP,OAAA,GAAU;AAAA,GAvDZ,GAmDe,EAAA,EAKV,KAAA,GAAA,SAAA,CALU,EAAA,EAKV;AAAA,IAJH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,IAAA,GAAO,OAAA,GAAU,IAAA,CAAK,IAAA,GAAO,MAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS;AAAA,KAAA,EACrD,KAAA;AAAA,GACN;AAEJ","file":"chunk-HO3ZE6S6.js","sourcesContent":["import * 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 badgeVariants = cva(\n  \"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:pointer-events-none [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90\",\n        outline:\n          \"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        ghost:\n          \"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        link:\n          \"text-primary underline-offset-4 [a&]:hover:underline\",\n        muted:\n          \"bg-muted text-muted-foreground\",\n        success:\n          \"theme-positive bg-background text-foreground border-foreground/20\",\n        progress:\n          \"bg-accent text-muted-foreground\",\n        \"progress-completed\":\n          \"theme-positive bg-accent text-foreground\",\n      },\n      size: {\n        default: \"rounded-full px-2 py-0.5 text-xs font-medium [&>svg]:size-3\",\n        sm: \"rounded-md px-1.5 py-px text-[11px] font-medium [&>svg]:size-3\",\n        lg: \"rounded-full px-3 py-1 text-sm font-medium [&>svg]:size-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.ComponentProps<\"span\">,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean\n}\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"]}

package/dist/chunk-JJETOZMI.js

@@ -0,0 +1,45 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Textarea = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, textareaSize = "default", variant = "outline" } = _b, props = __objRest(_b, ["className", "textareaSize", "variant"]);
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      __spreadValues({
+        ref,
+        "data-slot": "textarea",
+        "data-size": textareaSize,
+        "data-variant": variant,
+        className: cn(
+          // Base
+          "w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          // Variant: outline
+          variant === "outline" && "border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none",
+          variant === "outline" && "hover:border-ring hover:bg-ring/5",
+          variant === "outline" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5",
+          // Variant: filled (mesmos tokens do Button outline: accent light, input dark)
+          variant === "filled" && "border border-transparent bg-neutral-accent",
+          variant === "filled" && "hover:border-ring hover:bg-secondary",
+          variant === "filled" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary",
+          // Error (sempre visível, ambas variantes)
+          "aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40",
+          // Resize
+          "resize-y",
+          // Sizes
+          textareaSize === "sm" && "min-h-[60px] px-3 py-2 text-sm",
+          textareaSize === "default" && "min-h-[80px] px-4 py-2 text-sm",
+          textareaSize === "lg" && "min-h-[120px] px-4 py-3 text-base",
+          className
+        )
+      }, props)
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };
+//# sourceMappingURL=chunk-JJETOZMI.js.map
+//# sourceMappingURL=chunk-JJETOZMI.js.map

package/dist/chunk-JJETOZMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/textarea.tsx"],"names":[],"mappings":";;;;;AAWA,IAAM,QAAA,GAAiB,KAAA,CAAA,UAAA;AAAA,EACrB,CAAC,IAAwE,GAAA,KAAQ;AAAhF,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,YAAA,GAAe,SAAA,EAAW,OAAA,GAAU,SAAA,EAZpD,GAYG,EAAA,EAA+D,KAAA,GAAA,SAAA,CAA/D,EAAA,EAA+D,CAA7D,WAAA,EAAW,cAAA,EAA0B,SAAA,CAAA,CAAA;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,UAAA;AAAA,QACV,WAAA,EAAW,YAAA;AAAA,QACX,cAAA,EAAc,OAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA;AAAA,UAET,0SAAA;AAAA;AAAA,UAEA,YAAY,SAAA,IAAa,uHAAA;AAAA,UACzB,YAAY,SAAA,IAAa,mCAAA;AAAA,UACzB,YAAY,SAAA,IAAa,uGAAA;AAAA;AAAA,UAEzB,YAAY,QAAA,IAAY,6CAAA;AAAA,UACxB,YAAY,QAAA,IAAY,sCAAA;AAAA,UACxB,YAAY,QAAA,IAAY,0GAAA;AAAA;AAAA,UAExB,mLAAA;AAAA;AAAA,UAEA,UAAA;AAAA;AAAA,UAEA,iBAAiB,IAAA,IAAQ,gCAAA;AAAA,UACzB,iBAAiB,SAAA,IAAa,gCAAA;AAAA,UAC9B,iBAAiB,IAAA,IAAQ,mCAAA;AAAA,UACzB;AAAA;AACF,OAAA,EACI,KAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-JJETOZMI.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TextareaProps extends React.ComponentProps<\"textarea\"> {\n  /** Tamanho do textarea: sm (min-h 60px), default (min-h 80px), lg (min-h 120px) */\n  textareaSize?: \"sm\" | \"default\" | \"lg\"\n  /** Variante visual: outline (borda) ou filled (fundo preenchido) */\n  variant?: \"outline\" | \"filled\"\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, textareaSize = \"default\", variant = \"outline\", ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"textarea\"\n        data-size={textareaSize}\n        data-variant={variant}\n        className={cn(\n          // Base\n          \"w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n          // Variant: outline\n          variant === \"outline\" && \"border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none\",\n          variant === \"outline\" && \"hover:border-ring hover:bg-ring/5\",\n          variant === \"outline\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5\",\n          // Variant: filled (mesmos tokens do Button outline: accent light, input dark)\n          variant === \"filled\" && \"border border-transparent bg-neutral-accent\",\n          variant === \"filled\" && \"hover:border-ring hover:bg-secondary\",\n          variant === \"filled\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary\",\n          // Error (sempre visível, ambas variantes)\n          \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n          // Resize\n          \"resize-y\",\n          // Sizes\n          textareaSize === \"sm\" && \"min-h-[60px] px-3 py-2 text-sm\",\n          textareaSize === \"default\" && \"min-h-[80px] px-4 py-2 text-sm\",\n          textareaSize === \"lg\" && \"min-h-[120px] px-4 py-3 text-base\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}

package/dist/{chunk-R4LITCVX.js → chunk-JMNMW54C.js}

@@ -71,7 +71,7 @@ function FileCard(_a) {
     icon && /* @__PURE__ */ jsx(FileText, { className: cn(iconVariants({ size })) }),
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: cn(titleVariants({ size })), children: title }),
-      showDescription && fileType && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-xs text-[#a1a1a1] whitespace-nowrap", children: [
+      showDescription && fileType && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-xs text-muted-foreground whitespace-nowrap", children: [
         /* @__PURE__ */ jsx("span", { children: fileType }),
         showFileSize && fileSize && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { children: "\u2022" }),
@@ -107,5 +107,5 @@ function FileCard(_a) {
 }
 
 export { FileCard, fileCardVariants };
-//# sourceMappingURL=chunk-R4LITCVX.js.map
-//# sourceMappingURL=chunk-R4LITCVX.js.map
+//# sourceMappingURL=chunk-JMNMW54C.js.map
+//# sourceMappingURL=chunk-JMNMW54C.js.map

package/dist/{chunk-R4LITCVX.js.map → chunk-JMNMW54C.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/file-card.tsx"],"names":[],"mappings":"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","file":"chunk-R4LITCVX.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { FileText } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst fileCardVariants = cva(\n  \"inline-flex w-full items-start gap-3 border border-border bg-secondary text-left transition-all select-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:opacity-50 disabled:pointer-events-none hover:bg-accent active:scale-[0.98]\",\n  {\n    variants: {\n      size: {\n        sm: \"rounded-lg px-3 py-4\",\n        md: \"rounded-xl px-4 py-6\",\n        lg: \"rounded-2xl px-6 py-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"lg\",\n    },\n  }\n)\n\nconst titleVariants = cva(\"font-medium text-foreground truncate\", {\n  variants: {\n    size: {\n      sm: \"text-xs leading-3\",\n      md: \"text-sm leading-3.5\",\n      lg: \"text-sm leading-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"lg\",\n  },\n})\n\nconst iconVariants = cva(\"shrink-0 text-muted-foreground\", {\n  variants: {\n    size: {\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"lg\",\n  },\n})\n\nexport interface FileCardProps\n  extends Omit<React.ComponentProps<\"button\">, \"children\" | \"size\">,\n    VariantProps<typeof fileCardVariants> {\n  /** Nome do arquivo exibido como titulo */\n  title: string\n  /** Tipo do arquivo (ex: \"PDF\", \"DOCX\", \"PNG\") */\n  fileType?: string\n  /** Tamanho do arquivo (ex: \"180 KB\", \"2.4 MB\") */\n  fileSize?: string\n  /** URL de download — se fornecido, renderiza como <a> */\n  href?: string\n  /** Exibir icone de arquivo */\n  icon?: boolean\n  /** Exibir linha de descricao (tipo + tamanho) */\n  showDescription?: boolean\n  /** Exibir peso do arquivo na descricao */\n  showFileSize?: boolean\n}\n\nfunction FileCard({\n  title,\n  fileType,\n  fileSize,\n  href,\n  icon = true,\n  showDescription = true,\n  showFileSize = true,\n  size = \"lg\",\n  disabled = false,\n  className,\n  ...props\n}: FileCardProps) {\n  const content = (\n    <>\n      {icon && (\n        <FileText className={cn(iconVariants({ size }))} />\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <span className={cn(titleVariants({ size }))}>{title}</span>\n        {showDescription && fileType && (\n          <span className=\"flex items-center gap-2 text-xs text-[#a1a1a1] whitespace-nowrap\">\n            <span>{fileType}</span>\n            {showFileSize && fileSize && (\n              <>\n                <span>•</span>\n                <span>{fileSize}</span>\n              </>\n            )}\n          </span>\n        )}\n      </div>\n    </>\n  )\n\n  const classes = cn(fileCardVariants({ size }), className)\n\n  if (href && !disabled) {\n    return (\n      <a\n        href={href}\n        download\n        className={classes}\n        aria-label={`Download ${title}`}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      data-slot=\"file-card\"\n      type=\"button\"\n      disabled={disabled}\n      className={classes}\n      {...props}\n    >\n      {content}\n    </button>\n  )\n}\n\nexport { FileCard, fileCardVariants }\n"]}
+{"version":3,"sources":["../src/components/ui/file-card.tsx"],"names":[],"mappings":"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","file":"chunk-JMNMW54C.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { FileText } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst fileCardVariants = cva(\n  \"inline-flex w-full items-start gap-3 border border-border bg-secondary text-left transition-all select-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:opacity-50 disabled:pointer-events-none hover:bg-accent active:scale-[0.98]\",\n  {\n    variants: {\n      size: {\n        sm: \"rounded-lg px-3 py-4\",\n        md: \"rounded-xl px-4 py-6\",\n        lg: \"rounded-2xl px-6 py-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"lg\",\n    },\n  }\n)\n\nconst titleVariants = cva(\"font-medium text-foreground truncate\", {\n  variants: {\n    size: {\n      sm: \"text-xs leading-3\",\n      md: \"text-sm leading-3.5\",\n      lg: \"text-sm leading-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"lg\",\n  },\n})\n\nconst iconVariants = cva(\"shrink-0 text-muted-foreground\", {\n  variants: {\n    size: {\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-6\",\n    },\n  },\n  defaultVariants: {\n    size: \"lg\",\n  },\n})\n\nexport interface FileCardProps\n  extends Omit<React.ComponentProps<\"button\">, \"children\" | \"size\">,\n    VariantProps<typeof fileCardVariants> {\n  /** Nome do arquivo exibido como titulo */\n  title: string\n  /** Tipo do arquivo (ex: \"PDF\", \"DOCX\", \"PNG\") */\n  fileType?: string\n  /** Tamanho do arquivo (ex: \"180 KB\", \"2.4 MB\") */\n  fileSize?: string\n  /** URL de download — se fornecido, renderiza como <a> */\n  href?: string\n  /** Exibir icone de arquivo */\n  icon?: boolean\n  /** Exibir linha de descricao (tipo + tamanho) */\n  showDescription?: boolean\n  /** Exibir peso do arquivo na descricao */\n  showFileSize?: boolean\n}\n\nfunction FileCard({\n  title,\n  fileType,\n  fileSize,\n  href,\n  icon = true,\n  showDescription = true,\n  showFileSize = true,\n  size = \"lg\",\n  disabled = false,\n  className,\n  ...props\n}: FileCardProps) {\n  const content = (\n    <>\n      {icon && (\n        <FileText className={cn(iconVariants({ size }))} />\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <span className={cn(titleVariants({ size }))}>{title}</span>\n        {showDescription && fileType && (\n          <span className=\"flex items-center gap-2 text-xs text-muted-foreground whitespace-nowrap\">\n            <span>{fileType}</span>\n            {showFileSize && fileSize && (\n              <>\n                <span>•</span>\n                <span>{fileSize}</span>\n              </>\n            )}\n          </span>\n        )}\n      </div>\n    </>\n  )\n\n  const classes = cn(fileCardVariants({ size }), className)\n\n  if (href && !disabled) {\n    return (\n      <a\n        href={href}\n        download\n        className={classes}\n        aria-label={`Download ${title}`}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      data-slot=\"file-card\"\n      type=\"button\"\n      disabled={disabled}\n      className={classes}\n      {...props}\n    >\n      {content}\n    </button>\n  )\n}\n\nexport { FileCard, fileCardVariants }\n"]}

package/dist/{chunk-IXMIKS5H.js → chunk-YPTKR7NI.js}

@@ -200,7 +200,7 @@ function LiveIndicator() {
     {
       className: cn(
         "inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-semibold uppercase tracking-wider transition-colors",
-        isLiveEdge ? "text-red-500" : "text-white/60 hover:text-white"
+        isLiveEdge ? "text-destructive" : "text-white/60 hover:text-white"
       ),
       children: [
         /* @__PURE__ */ jsx(
@@ -208,7 +208,7 @@ function LiveIndicator() {
           {
             className: cn(
               "size-2 rounded-full",
-              isLiveEdge ? "bg-red-500 animate-pulse" : "bg-white/40"
+              isLiveEdge ? "bg-destructive animate-pulse" : "bg-white/40"
             )
           }
         ),
@@ -432,5 +432,5 @@ function VideoPlayer({
 }
 
 export { VideoPlayer };
-//# sourceMappingURL=chunk-IXMIKS5H.js.map
-//# sourceMappingURL=chunk-IXMIKS5H.js.map
+//# sourceMappingURL=chunk-YPTKR7NI.js.map
+//# sourceMappingURL=chunk-YPTKR7NI.js.map

package/dist/chunk-YPTKR7NI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/video-player.tsx"],"names":["CaptionsIcon","_a"],"mappings":"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","file":"chunk-YPTKR7NI.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  Poster,\n  Controls,\n  Gesture,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  FullscreenButton,\n  CaptionButton,\n  PIPButton,\n  SeekButton,\n  Captions,\n  Spinner,\n  Track,\n  Tooltip,\n  LiveButton,\n  MediaAnnouncer,\n  useMediaState,\n  useMediaRemote,\n  useVideoQualityOptions,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\n// Desktop-only controls use the above. Mobile uses DefaultVideoLayout below.\nimport {\n  DefaultVideoLayout,\n  defaultLayoutIcons,\n} from \"@vidstack/react/player/layouts/default\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport \"@vidstack/react/player/styles/default/theme.css\"\nimport \"@vidstack/react/player/styles/default/layouts/video.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  Maximize,\n  Minimize,\n  Captions as CaptionsIcon,\n  CaptionsOff,\n  PictureInPicture2,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Settings,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface VideoPlayerProps {\n  /** URL do video (mp4, webm, m3u8 para HLS) */\n  src: string\n  /** URL da imagem de poster */\n  poster?: string\n  /** Alt text do poster */\n  posterAlt?: string\n  /** URL do arquivo de thumbnails (VTT sprite sheet) */\n  thumbnails?: string\n  /** URL do arquivo VTT de chapters (marcadores de seção no timeline) */\n  chapters?: string\n  /** Exibir spinner durante buffering (default: true) */\n  showBuffering?: boolean\n  /** Habilitar anuncios de acessibilidade para screen readers (default: true) */\n  announcer?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-white outline-none transition-colors hover:bg-white/20 focus-visible:ring-2 focus-visible:ring-white/50\"\n\nconst tooltipClass =\n  \"z-50 rounded bg-black/90 px-2 py-1 text-xs font-medium text-white shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n\n/** Wraps a control button with a Vidstack tooltip. Desktop only (no hover on mobile). */\nfunction ControlTooltip({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Content className={tooltipClass} placement=\"top\">\n        {label}\n      </Tooltip.Content>\n    </Tooltip.Root>\n  )\n}\n\n/** Play, Pause e Volume usam icones filled (solid) no player — igual YouTube */\nconst filledIconClass = \"text-white fill-current !stroke-transparent\"\n\n/* ─── Sub-components (controles customizados) ─── */\n\nfunction PlayOverlay() {\n  const isPaused = useMediaState(\"paused\")\n  const hasStarted = useMediaState(\"started\")\n\n  if (!isPaused && hasStarted) return null\n\n  return (\n    <PlayButton className=\"absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/30 transition-opacity\">\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-transform hover:scale-110\">\n        <CycleIcon icon={Play} size=\"lg\" decorative className={cn(filledIconClass, \"ml-1\")} />\n      </div>\n    </PlayButton>\n  )\n}\n\nfunction PlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <ControlTooltip label={isPaused ? \"Reproduzir\" : \"Pausar\"}>\n      <PlayButton className={controlBtnClass}>\n        {isPaused ? (\n          <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n        ) : (\n          <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n        )}\n      </PlayButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekBackwardControl() {\n  return (\n    <ControlTooltip label=\"Retroceder 10s\">\n      <SeekButton className={controlBtnClass} seconds={-10}>\n        <CycleIcon icon={RotateCcw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekForwardControl() {\n  return (\n    <ControlTooltip label=\"Avançar 10s\">\n      <SeekButton className={controlBtnClass} seconds={10}>\n        <CycleIcon icon={RotateCw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction MuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n  const label = isMuted || volume === 0 ? \"Ativar som\" : \"Silenciar\"\n\n  return (\n    <ControlTooltip label={label}>\n      <MuteButton className={controlBtnClass}>\n        <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n      </MuteButton>\n    </ControlTooltip>\n  )\n}\n\nfunction VolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative inline-flex h-9 w-20 cursor-pointer touch-none select-none items-center outline-none\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction BufferingIndicator() {\n  return (\n    <div className=\"pointer-events-none absolute inset-0 z-[35] flex items-center justify-center media-buffering:opacity-100 media-can-play:opacity-0 opacity-0 transition-opacity duration-300\">\n      <Spinner.Root className=\"size-16 text-white\" size={64}>\n        <Spinner.Track className=\"opacity-25\" width={4} />\n        <Spinner.TrackFill className=\"opacity-75\" width={4} />\n      </Spinner.Root>\n    </div>\n  )\n}\n\nfunction SeekBar({ thumbnails, chapters }: { thumbnails?: string; chapters?: boolean }) {\n  const trackContent = (\n    <>\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-white/50\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </TimeSlider.Track>\n    </>\n  )\n\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      {chapters ? (\n        <TimeSlider.Chapters className=\"relative flex w-full items-center\">\n          {(cues, forwardRef) =>\n            cues.map((cue) => (\n              <div\n                className=\"relative flex h-full w-full items-center last:mr-0 mr-0.5\"\n                key={cue.startTime}\n                ref={forwardRef}\n              >\n                {trackContent}\n              </div>\n            ))\n          }\n        </TimeSlider.Chapters>\n      ) : (\n        trackContent\n      )}\n\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n\n      {/* Thumbnail preview on hover */}\n      {thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center gap-1 opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          <TimeSlider.Thumbnail.Root\n            src={thumbnails}\n            className=\"block h-[var(--thumbnail-height)] max-h-[160px] min-h-[80px] w-[var(--thumbnail-width)] min-w-[120px] max-w-[200px] overflow-hidden rounded-md border-2 border-white bg-black\"\n          >\n            <TimeSlider.Thumbnail.Img />\n          </TimeSlider.Thumbnail.Root>\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n\n      {/* Time preview (no thumbnails) */}\n      {!thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80 mb-0.5\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n    </TimeSlider.Root>\n  )\n}\n\nfunction TimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-white/80 tabular-nums\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction CaptionControl() {\n  const track = useMediaState(\"textTrack\")\n  const hasTrack = track !== null\n  return (\n    <ControlTooltip label={track ? \"Desativar legendas\" : \"Ativar legendas\"}>\n      <CaptionButton className={cn(controlBtnClass, !hasTrack && \"opacity-50 pointer-events-none\")}>\n        {track ? (\n          <CycleIcon icon={CaptionsIcon} size=\"sm\" decorative className=\"text-white\" />\n        ) : (\n          <CycleIcon icon={CaptionsOff} size=\"sm\" decorative className=\"text-white\" />\n        )}\n      </CaptionButton>\n    </ControlTooltip>\n  )\n}\n\nfunction PIPControl() {\n  const isPIP = useMediaState(\"pictureInPicture\")\n  return (\n    <ControlTooltip label={isPIP ? \"Sair do PiP\" : \"Picture-in-Picture\"}>\n      <PIPButton className={controlBtnClass}>\n        <CycleIcon icon={PictureInPicture2} size=\"sm\" decorative className={cn(\"text-white\", isPIP && \"text-white/100\")} />\n      </PIPButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Velocidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          {playbackRate === 1 ? (\n            <CycleIcon icon={Gauge} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <span className=\"text-xs font-mono font-semibold text-white\">{playbackRate}x</span>\n          )}\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  playbackRate === rate && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? \"Normal\" : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction QualityControl() {\n  const options = useVideoQualityOptions({ auto: true, sort: \"descending\" })\n  const [open, setOpen] = React.useState(false)\n\n  const currentLabel = options.selectedValue === \"auto\"\n    ? `Auto${options.selectedQuality ? ` (${options.selectedQuality.height}p)` : \"\"}`\n    : options.selectedQuality\n      ? `${options.selectedQuality.height}p`\n      : \"Auto\"\n\n  if (options.disabled) return null\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Qualidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          <CycleIcon icon={Settings} size=\"sm\" decorative className=\"text-white\" />\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            <p className=\"px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50\">\n              Qualidade\n            </p>\n            {options.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => {\n                  option.select()\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  option.selected && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {option.selected && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{option.label}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction FullscreenControl() {\n  const isFullscreen = useMediaState(\"fullscreen\")\n  return (\n    <ControlTooltip label={isFullscreen ? \"Sair da tela cheia\" : \"Tela cheia\"}>\n      <FullscreenButton className={controlBtnClass}>\n        {isFullscreen ? (\n          <CycleIcon icon={Minimize} size=\"sm\" decorative className=\"text-white\" />\n        ) : (\n          <CycleIcon icon={Maximize} size=\"sm\" decorative className=\"text-white\" />\n        )}\n      </FullscreenButton>\n    </ControlTooltip>\n  )\n}\n\nfunction LiveIndicator() {\n  const isLive = useMediaState(\"live\")\n  const isLiveEdge = useMediaState(\"liveEdge\")\n\n  if (!isLive) return null\n\n  return (\n    <LiveButton\n      className={cn(\n        \"inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-semibold uppercase tracking-wider transition-colors\",\n        isLiveEdge\n          ? \"text-destructive\"\n          : \"text-white/60 hover:text-white\"\n      )}\n    >\n      <span\n        className={cn(\n          \"size-2 rounded-full\",\n          isLiveEdge ? \"bg-destructive animate-pulse\" : \"bg-white/40\"\n        )}\n      />\n      Live\n    </LiveButton>\n  )\n}\n\n\n/* ─── Gesture helpers ─── */\n\ntype SeekDirection = \"backward\" | \"forward\"\n\nconst DOUBLE_TAP_THRESHOLD = 300\n\n/** Double-tap left/right edges to seek ±10s. z-10 so it doesn't block controls (z-20). */\nfunction SeekGestureZone({\n  side,\n  onSeekFeedback,\n}: {\n  side: \"left\" | \"right\"\n  onSeekFeedback: (direction: SeekDirection) => void\n}) {\n  const remote = useMediaRemote()\n  const currentTime = useMediaState(\"currentTime\")\n  const lastTapRef = React.useRef(0)\n\n  const handlePointerUp = React.useCallback(\n    (e: React.PointerEvent) => {\n      const now = Date.now()\n      const delta = now - lastTapRef.current\n      lastTapRef.current = now\n\n      if (delta < DOUBLE_TAP_THRESHOLD) {\n        e.stopPropagation()\n        const seconds = side === \"left\" ? -10 : 10\n        remote.seek(currentTime + seconds)\n        onSeekFeedback(side === \"left\" ? \"backward\" : \"forward\")\n      }\n    },\n    [remote, currentTime, side, onSeekFeedback]\n  )\n\n  return (\n    <div\n      className={cn(\n        \"absolute top-0 z-10 block h-full w-1/5\",\n        side === \"left\" ? \"left-0\" : \"right-0\"\n      )}\n      onPointerUp={handlePointerUp}\n    />\n  )\n}\n\nfunction SeekFeedbackOverlay({\n  direction,\n  visible,\n  seconds,\n}: {\n  direction: SeekDirection\n  visible: boolean\n  seconds: number\n}) {\n  const isBackward = direction === \"backward\"\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute top-0 z-[35] flex h-full w-2/5 items-center transition-opacity duration-200\",\n        isBackward ? \"left-0 justify-center\" : \"right-0 justify-center\",\n        visible ? \"opacity-100\" : \"opacity-0\"\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-col items-center gap-1 transition-transform duration-300\",\n          visible ? \"scale-100\" : \"scale-75\"\n        )}\n      >\n        <div className=\"flex size-12 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm\">\n          <CycleIcon\n            icon={isBackward ? RotateCcw : RotateCw}\n            size=\"sm\"\n            decorative\n            className=\"text-white\"\n          />\n        </div>\n        <span className=\"text-xs font-semibold text-white drop-shadow-md\">\n          {seconds}s\n        </span>\n      </div>\n    </div>\n  )\n}\n\n\n/* ─── Hook: detect desktop via pointer capability ─── */\n/* Uses pointer: fine (mouse/trackpad) instead of viewport width.\n   This way mobile devices keep the touch-optimized DefaultVideoLayout\n   even when fullscreen in landscape exceeds the sm breakpoint. */\n\nfunction useIsDesktop() {\n  const [isDesktop, setIsDesktop] = React.useState(false)\n\n  React.useEffect(() => {\n    const mq = window.matchMedia(\"(pointer: fine)\")\n    setIsDesktop(mq.matches)\n    const handler = (e: MediaQueryListEvent) => setIsDesktop(e.matches)\n    mq.addEventListener(\"change\", handler)\n    return () => mq.removeEventListener(\"change\", handler)\n  }, [])\n\n  return isDesktop\n}\n\n/* ─── Main component ─── */\n\nexport function VideoPlayer({\n  src,\n  poster,\n  posterAlt = \"\",\n  thumbnails,\n  chapters,\n  showBuffering = true,\n  announcer = true,\n  autoPlay = false,\n  muted = false,\n  loop = false,\n  className,\n}: VideoPlayerProps) {\n  const player = React.useRef<MediaPlayerInstance>(null)\n  const isDesktop = useIsDesktop()\n\n  // Seek feedback state with accumulation (like YouTube)\n  const [seekFeedback, setSeekFeedback] = React.useState<SeekDirection | null>(null)\n  const [seekAccumulated, setSeekAccumulated] = React.useState(0)\n  const feedbackTimeout = React.useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  const handleSeekFeedback = React.useCallback((direction: SeekDirection) => {\n    clearTimeout(feedbackTimeout.current)\n\n    setSeekFeedback((prev) => {\n      if (prev === direction) {\n        setSeekAccumulated((s) => s + 10)\n      } else {\n        setSeekAccumulated(10)\n      }\n      return direction\n    })\n\n    feedbackTimeout.current = setTimeout(() => {\n      setSeekFeedback(null)\n      setSeekAccumulated(0)\n    }, 700)\n  }, [])\n\n  // Mobile: listen for seek requests from DefaultVideoLayout gestures\n  React.useEffect(() => {\n    const el = player.current?.el\n    if (!el || isDesktop) return\n\n    const handler = (e: Event) => {\n      const seekTo = (e as CustomEvent<number>).detail\n      const current = player.current?.currentTime ?? 0\n      const delta = seekTo - current\n      // Only show feedback for gesture seeks (~±10s), not slider scrubs\n      if (Math.abs(Math.abs(delta) - 10) < 2) {\n        handleSeekFeedback(delta < 0 ? \"backward\" : \"forward\")\n      }\n    }\n\n    el.addEventListener(\"media-seek-request\", handler)\n    return () => el.removeEventListener(\"media-seek-request\", handler)\n  }, [isDesktop, handleSeekFeedback])\n\n  React.useEffect(() => {\n    return () => clearTimeout(feedbackTimeout.current)\n  }, [])\n\n  return (\n    <MediaPlayer\n      ref={player}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      playsInline\n      crossOrigin=\"\"\n      className={cn(\n        \"group relative aspect-video w-full overflow-hidden bg-black text-white\",\n        isDesktop ? \"rounded-[16px]\" : \"rounded-none\",\n        className\n      )}\n    >\n      <MediaProvider>\n        {poster && (\n          <Poster\n            className={cn(\"absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100\", isDesktop && \"rounded-[16px]\")}\n            src={poster}\n            alt={posterAlt}\n          />\n        )}\n      </MediaProvider>\n\n      {/* ─── Chapters track (VTT) ─── */}\n      {chapters && (\n        <Track\n          src={chapters}\n          kind=\"chapters\"\n          language=\"en\"\n          default\n        />\n      )}\n\n      {/* ─── Accessibility: screen reader announcements ─── */}\n      {announcer && <MediaAnnouncer />}\n\n      {/* ─── Buffering spinner ─── */}\n      {showBuffering && <BufferingIndicator />}\n\n      {/* ─── Seek feedback indicators (both mobile & desktop) ─── */}\n      <SeekFeedbackOverlay direction=\"backward\" visible={seekFeedback === \"backward\"} seconds={seekAccumulated} />\n      <SeekFeedbackOverlay direction=\"forward\" visible={seekFeedback === \"forward\"} seconds={seekAccumulated} />\n\n      {/* ─── MOBILE: Vidstack DefaultVideoLayout (touch, gestos, menus nativos) ─── */}\n      {!isDesktop && (\n        <DefaultVideoLayout\n          icons={defaultLayoutIcons}\n          thumbnails={thumbnails}\n          colorScheme=\"dark\"\n        />\n      )}\n\n      {/* ─── DESKTOP: Controles customizados do Cycle Design ─── */}\n      {isDesktop && (\n        <>\n          {/* Captions overlay */}\n          <Captions className=\"absolute inset-0 bottom-[80px] z-10 select-none break-words text-center text-sm media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:bg-black/70 [&>[data-part=cue]]:px-2 [&>[data-part=cue]]:py-0.5 [&>[data-part=cue]]:text-white\" />\n\n          {/* Play overlay (paused state — big play button) */}\n          <PlayOverlay />\n\n          {/* Gestures: click to pause, double-click fullscreen */}\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"pointerup\" action=\"toggle:paused\" />\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"dblpointerup\" action=\"toggle:fullscreen\" />\n\n          {/* Double-tap seek zones on edges */}\n          <SeekGestureZone side=\"left\" onSeekFeedback={handleSeekFeedback} />\n          <SeekGestureZone side=\"right\" onSeekFeedback={handleSeekFeedback} />\n\n          {/* Controls overlay (hover to show) */}\n          <Controls.Root className=\"absolute inset-0 z-20 flex h-full w-full flex-col bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-200 group-data-[started]:group-hover:opacity-100 group-data-[paused]:opacity-100\">\n            <div className=\"flex-1\" />\n\n            {/* Seek bar */}\n            <Controls.Group className=\"flex w-full items-center px-3\">\n              <SeekBar thumbnails={thumbnails} chapters={!!chapters} />\n            </Controls.Group>\n\n            {/* Bottom bar */}\n            <Controls.Group className=\"flex w-full items-center gap-1 px-2 pb-2\">\n              <PlayControl />\n              <SeekBackwardControl />\n              <SeekForwardControl />\n              <MuteControl />\n              <VolumeControl />\n              <TimeDisplay />\n              <LiveIndicator />\n\n              <div className=\"flex-1\" />\n\n              <CaptionControl />\n              <SpeedControl />\n              <QualityControl />\n              <PIPControl />\n              <FullscreenControl />\n            </Controls.Group>\n          </Controls.Root>\n        </>\n      )}\n    </MediaPlayer>\n  )\n}\n"]}

package/dist/index.js

@@ -6,7 +6,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.js';
 export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-XVBX263W.js';
 export { AudioPlayer } from './chunk-UAHCRXAG.js';
-export { VideoPlayer } from './chunk-IXMIKS5H.js';
+export { VideoPlayer } from './chunk-YPTKR7NI.js';
 export { Toaster, cycleToast } from './chunk-ELZCZ6ZH.js';
 export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from './chunk-7ZXAU2CD.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-5AZSRHJE.js';
@@ -15,12 +15,12 @@ export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHead
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-IGMII4BK.js';
 export { ProgressStage } from './chunk-NYJMA2T7.js';
 export { ProgressDot, dotVariants, progressDotVariants } from './chunk-ZTANTDKS.js';
-export { FileCard, fileCardVariants } from './chunk-R4LITCVX.js';
+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-EXVLL3JP.js';
+export { LikeDislike, likeDislikeVariants } from './chunk-57NRP7HJ.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-WXJKTVRI.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';
@@ -32,10 +32,10 @@ export { Slider, sliderVariants } from './chunk-AL2ALTBH.js';
 export { Toggle, toggleVariants } from './chunk-CIM6KJH5.js';
 export { Progress, indicatorVariants, progressVariants } from './chunk-MTKKVYNS.js';
 export { Button, buttonVariants } from './chunk-7UMEJDC3.js';
-export { Input } from './chunk-CSL4DRPW.js';
-export { Textarea } from './chunk-2WPH3IQP.js';
+export { Input } from './chunk-74WKJRW7.js';
+export { Textarea } from './chunk-JJETOZMI.js';
 export { Label } from './chunk-726XFHED.js';
-export { Badge, badgeVariants } from './chunk-NGOZFA33.js';
+export { Badge, badgeVariants } from './chunk-HO3ZE6S6.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-UEJLA7Q6.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './chunk-2MXR6RRJ.js';
 export { cn } from './chunk-TYCPXAXF.js';

package/dist/styles/tokens.css

@@ -4,13 +4,16 @@
  * Setup in your globals.css:
  *
  *   @import "tailwindcss";
- *   @source "../../node_modules/@fluencypassdevs/cycle/dist";
  *   @import "@fluencypassdevs/cycle/styles.css";
  *
- * The @source line is required — Tailwind v4 doesn't scan node_modules by default.
+ * That's it! The @source directive below automatically tells Tailwind v4
+ * to scan the Cycle dist folder for utility classes. No manual @source needed.
  * You can override any CSS variable after this import.
  */
 
+/* === Auto-scan Cycle dist for Tailwind v4 === */
+@source "../";
+
 /* === Dark mode variant === */
 @custom-variant dark (&:is(.dark *));
 

package/dist/ui/badge.js

@@ -1,4 +1,4 @@
-export { Badge, badgeVariants } from '../chunk-NGOZFA33.js';
+export { Badge, badgeVariants } from '../chunk-HO3ZE6S6.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=badge.js.map

package/dist/ui/file-card.js

@@ -1,4 +1,4 @@
-export { FileCard, fileCardVariants } from '../chunk-R4LITCVX.js';
+export { FileCard, fileCardVariants } from '../chunk-JMNMW54C.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=file-card.js.map

package/dist/ui/input.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface InputProps extends React.ComponentProps<"input"> {
@@ -6,6 +5,6 @@ interface InputProps extends React.ComponentProps<"input"> {
     /** Variante visual: outline (borda) ou filled (fundo preenchido) */
     variant?: "outline" | "filled";
 }
-declare function Input({ className, type, inputSize, variant, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 export { Input, type InputProps };

package/dist/ui/input.js

@@ -1,4 +1,4 @@
-export { Input } from '../chunk-CSL4DRPW.js';
+export { Input } from '../chunk-74WKJRW7.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=input.js.map

package/dist/ui/like-dislike.js

@@ -1,8 +1,8 @@
-export { LikeDislike, likeDislikeVariants } from '../chunk-EXVLL3JP.js';
+export { LikeDislike, likeDislikeVariants } from '../chunk-57NRP7HJ.js';
 import '../chunk-D4QCYBCD.js';
 import '../chunk-V7M2NHUO.js';
 import '../chunk-7UMEJDC3.js';
-import '../chunk-2WPH3IQP.js';
+import '../chunk-JJETOZMI.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=like-dislike.js.map

package/dist/ui/live-waiting.js

@@ -1,7 +1,7 @@
-export { LiveWaiting } from '../chunk-WXJKTVRI.js';
+export { LiveWaiting } from '../chunk-FPXSUEJO.js';
 import '../chunk-MSLQRGSP.js';
 import '../chunk-V7M2NHUO.js';
-import '../chunk-NGOZFA33.js';
+import '../chunk-HO3ZE6S6.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=live-waiting.js.map

package/dist/ui/textarea.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface TextareaProps extends React.ComponentProps<"textarea"> {
@@ -7,6 +6,6 @@ interface TextareaProps extends React.ComponentProps<"textarea"> {
     /** Variante visual: outline (borda) ou filled (fundo preenchido) */
     variant?: "outline" | "filled";
 }
-declare function Textarea({ className, textareaSize, variant, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 
 export { Textarea, type TextareaProps };

package/dist/ui/textarea.js

@@ -1,4 +1,4 @@
-export { Textarea } from '../chunk-2WPH3IQP.js';
+export { Textarea } from '../chunk-JJETOZMI.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=textarea.js.map

package/dist/ui/video-player.js

@@ -1,4 +1,4 @@
-export { VideoPlayer } from '../chunk-IXMIKS5H.js';
+export { VideoPlayer } from '../chunk-YPTKR7NI.js';
 import '../chunk-D4QCYBCD.js';
 import '../chunk-V7M2NHUO.js';
 import '../chunk-TYCPXAXF.js';

package/package.json

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

package/dist/chunk-2WPH3IQP.js

@@ -1,48 +0,0 @@
-import { cn } from './chunk-TYCPXAXF.js';
-import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Textarea(_a) {
-  var _b = _a, {
-    className,
-    textareaSize = "default",
-    variant = "outline"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "textareaSize",
-    "variant"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    __spreadValues({
-      "data-slot": "textarea",
-      "data-size": textareaSize,
-      "data-variant": variant,
-      className: cn(
-        // Base
-        "w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        // Variant: outline
-        variant === "outline" && "border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none",
-        variant === "outline" && "hover:border-ring hover:bg-ring/5",
-        variant === "outline" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5",
-        // Variant: filled (mesmos tokens do Button outline: accent light, input dark)
-        variant === "filled" && "border border-transparent bg-neutral-accent",
-        variant === "filled" && "hover:border-ring hover:bg-secondary",
-        variant === "filled" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary",
-        // Error (sempre visível, ambas variantes)
-        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40",
-        // Resize
-        "resize-y",
-        // Sizes
-        textareaSize === "sm" && "min-h-[60px] px-3 py-2 text-sm",
-        textareaSize === "default" && "min-h-[80px] px-4 py-2 text-sm",
-        textareaSize === "lg" && "min-h-[120px] px-4 py-3 text-base",
-        className
-      )
-    }, props)
-  );
-}
-
-export { Textarea };
-//# sourceMappingURL=chunk-2WPH3IQP.js.map
-//# sourceMappingURL=chunk-2WPH3IQP.js.map

package/dist/chunk-2WPH3IQP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/textarea.tsx"],"names":[],"mappings":";;;;AAWA,SAAS,SAAS,EAAA,EAKA;AALA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,SAAA;AAAA,IACA,YAAA,GAAe,SAAA;AAAA,IACf,OAAA,GAAU;AAAA,GAdZ,GAWkB,EAAA,EAIb,KAAA,GAAA,SAAA,CAJa,EAAA,EAIb;AAAA,IAHH,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,UAAA;AAAA,MACV,WAAA,EAAW,YAAA;AAAA,MACX,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,EAAA;AAAA;AAAA,QAET,0SAAA;AAAA;AAAA,QAEA,YAAY,SAAA,IAAa,uHAAA;AAAA,QACzB,YAAY,SAAA,IAAa,mCAAA;AAAA,QACzB,YAAY,SAAA,IAAa,uGAAA;AAAA;AAAA,QAEzB,YAAY,QAAA,IAAY,6CAAA;AAAA,QACxB,YAAY,QAAA,IAAY,sCAAA;AAAA,QACxB,YAAY,QAAA,IAAY,0GAAA;AAAA;AAAA,QAExB,mLAAA;AAAA;AAAA,QAEA,UAAA;AAAA;AAAA,QAEA,iBAAiB,IAAA,IAAQ,gCAAA;AAAA,QACzB,iBAAiB,SAAA,IAAa,gCAAA;AAAA,QAC9B,iBAAiB,IAAA,IAAQ,mCAAA;AAAA,QACzB;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ","file":"chunk-2WPH3IQP.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TextareaProps extends React.ComponentProps<\"textarea\"> {\n  /** Tamanho do textarea: sm (min-h 60px), default (min-h 80px), lg (min-h 120px) */\n  textareaSize?: \"sm\" | \"default\" | \"lg\"\n  /** Variante visual: outline (borda) ou filled (fundo preenchido) */\n  variant?: \"outline\" | \"filled\"\n}\n\nfunction Textarea({\n  className,\n  textareaSize = \"default\",\n  variant = \"outline\",\n  ...props\n}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      data-size={textareaSize}\n      data-variant={variant}\n      className={cn(\n        // Base\n        \"w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        // Variant: outline\n        variant === \"outline\" && \"border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none\",\n        variant === \"outline\" && \"hover:border-ring hover:bg-ring/5\",\n        variant === \"outline\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5\",\n        // Variant: filled (mesmos tokens do Button outline: accent light, input dark)\n        variant === \"filled\" && \"border border-transparent bg-neutral-accent\",\n        variant === \"filled\" && \"hover:border-ring hover:bg-secondary\",\n        variant === \"filled\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary\",\n        // Error (sempre visível, ambas variantes)\n        \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n        // Resize\n        \"resize-y\",\n        // Sizes\n        textareaSize === \"sm\" && \"min-h-[60px] px-3 py-2 text-sm\",\n        textareaSize === \"default\" && \"min-h-[80px] px-4 py-2 text-sm\",\n        textareaSize === \"lg\" && \"min-h-[120px] px-4 py-3 text-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"]}

package/dist/chunk-CSL4DRPW.js

@@ -1,39 +0,0 @@
-import { cn } from './chunk-TYCPXAXF.js';
-import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Input(_a) {
-  var _b = _a, { className, type, inputSize = "default", variant = "outline" } = _b, props = __objRest(_b, ["className", "type", "inputSize", "variant"]);
-  return /* @__PURE__ */ jsx(
-    "input",
-    __spreadValues({
-      type,
-      "data-slot": "input",
-      "data-size": inputSize,
-      "data-variant": variant,
-      className: cn(
-        // Base
-        "w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-neutral-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        // Variant: outline
-        variant === "outline" && "border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none",
-        variant === "outline" && "hover:border-ring hover:bg-ring/5",
-        variant === "outline" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5",
-        // Variant: filled (mesmos tokens do Button outline: accent light, input dark)
-        variant === "filled" && "border border-transparent bg-neutral-accent",
-        variant === "filled" && "hover:border-ring hover:bg-secondary",
-        variant === "filled" && "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary",
-        // Error (sempre visível, ambas variantes)
-        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40",
-        // Sizes
-        inputSize === "sm" && "h-8 px-3 py-2 text-sm",
-        inputSize === "default" && "h-10 px-4 py-2 text-sm",
-        inputSize === "lg" && "h-12 px-4 py-3 text-base",
-        className
-      )
-    }, props)
-  );
-}
-
-export { Input };
-//# sourceMappingURL=chunk-CSL4DRPW.js.map
-//# sourceMappingURL=chunk-CSL4DRPW.js.map

package/dist/chunk-CSL4DRPW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/input.tsx"],"names":[],"mappings":";;;;AAUA,SAAS,MAAM,EAAA,EAAuF;AAAvF,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,IAAA,EAAM,SAAA,GAAY,SAAA,EAAW,OAAA,GAAU,SAAA,EAVnE,GAUe,EAAA,EAAkE,KAAA,GAAA,SAAA,CAAlE,EAAA,EAAkE,CAAhE,WAAA,EAAW,QAAM,WAAA,EAAuB,SAAA,CAAA,CAAA;AACvD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAW,SAAA;AAAA,MACX,cAAA,EAAc,OAAA;AAAA,MACd,SAAA,EAAW,EAAA;AAAA;AAAA,QAET,2YAAA;AAAA;AAAA,QAEA,YAAY,SAAA,IAAa,uHAAA;AAAA,QACzB,YAAY,SAAA,IAAa,mCAAA;AAAA,QACzB,YAAY,SAAA,IAAa,uGAAA;AAAA;AAAA,QAEzB,YAAY,QAAA,IAAY,6CAAA;AAAA,QACxB,YAAY,QAAA,IAAY,sCAAA;AAAA,QACxB,YAAY,QAAA,IAAY,0GAAA;AAAA;AAAA,QAExB,mLAAA;AAAA;AAAA,QAEA,cAAc,IAAA,IAAQ,uBAAA;AAAA,QACtB,cAAc,SAAA,IAAa,wBAAA;AAAA,QAC3B,cAAc,IAAA,IAAQ,0BAAA;AAAA,QACtB;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ","file":"chunk-CSL4DRPW.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps extends React.ComponentProps<\"input\"> {\n  inputSize?: \"sm\" | \"default\" | \"lg\"\n  /** Variante visual: outline (borda) ou filled (fundo preenchido) */\n  variant?: \"outline\" | \"filled\"\n}\n\nfunction Input({ className, type, inputSize = \"default\", variant = \"outline\", ...props }: InputProps) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      data-size={inputSize}\n      data-variant={variant}\n      className={cn(\n        // Base\n        \"w-full min-w-0 rounded-lg text-neutral-foreground transition-[color,border-color,box-shadow,background-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-neutral-foreground placeholder:text-neutral-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n        // Variant: outline\n        variant === \"outline\" && \"border border-neutral-border bg-transparent shadow-xs dark:border-neutral-border dark:bg-transparent dark:shadow-none\",\n        variant === \"outline\" && \"hover:border-ring hover:bg-ring/5\",\n        variant === \"outline\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-ring/5\",\n        // Variant: filled (mesmos tokens do Button outline: accent light, input dark)\n        variant === \"filled\" && \"border border-transparent bg-neutral-accent\",\n        variant === \"filled\" && \"hover:border-ring hover:bg-secondary\",\n        variant === \"filled\" && \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:bg-secondary\",\n        // Error (sempre visível, ambas variantes)\n        \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n        // Sizes\n        inputSize === \"sm\" && \"h-8 px-3 py-2 text-sm\",\n        inputSize === \"default\" && \"h-10 px-4 py-2 text-sm\",\n        inputSize === \"lg\" && \"h-12 px-4 py-3 text-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"]}

package/dist/chunk-IXMIKS5H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/video-player.tsx"],"names":["CaptionsIcon","_a"],"mappings":"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","file":"chunk-IXMIKS5H.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  Poster,\n  Controls,\n  Gesture,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  FullscreenButton,\n  CaptionButton,\n  PIPButton,\n  SeekButton,\n  Captions,\n  Spinner,\n  Track,\n  Tooltip,\n  LiveButton,\n  MediaAnnouncer,\n  useMediaState,\n  useMediaRemote,\n  useVideoQualityOptions,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\n// Desktop-only controls use the above. Mobile uses DefaultVideoLayout below.\nimport {\n  DefaultVideoLayout,\n  defaultLayoutIcons,\n} from \"@vidstack/react/player/layouts/default\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport \"@vidstack/react/player/styles/default/theme.css\"\nimport \"@vidstack/react/player/styles/default/layouts/video.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  Maximize,\n  Minimize,\n  Captions as CaptionsIcon,\n  CaptionsOff,\n  PictureInPicture2,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Settings,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface VideoPlayerProps {\n  /** URL do video (mp4, webm, m3u8 para HLS) */\n  src: string\n  /** URL da imagem de poster */\n  poster?: string\n  /** Alt text do poster */\n  posterAlt?: string\n  /** URL do arquivo de thumbnails (VTT sprite sheet) */\n  thumbnails?: string\n  /** URL do arquivo VTT de chapters (marcadores de seção no timeline) */\n  chapters?: string\n  /** Exibir spinner durante buffering (default: true) */\n  showBuffering?: boolean\n  /** Habilitar anuncios de acessibilidade para screen readers (default: true) */\n  announcer?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-white outline-none transition-colors hover:bg-white/20 focus-visible:ring-2 focus-visible:ring-white/50\"\n\nconst tooltipClass =\n  \"z-50 rounded bg-black/90 px-2 py-1 text-xs font-medium text-white shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0\"\n\n/** Wraps a control button with a Vidstack tooltip. Desktop only (no hover on mobile). */\nfunction ControlTooltip({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Content className={tooltipClass} placement=\"top\">\n        {label}\n      </Tooltip.Content>\n    </Tooltip.Root>\n  )\n}\n\n/** Play, Pause e Volume usam icones filled (solid) no player — igual YouTube */\nconst filledIconClass = \"text-white fill-current !stroke-transparent\"\n\n/* ─── Sub-components (controles customizados) ─── */\n\nfunction PlayOverlay() {\n  const isPaused = useMediaState(\"paused\")\n  const hasStarted = useMediaState(\"started\")\n\n  if (!isPaused && hasStarted) return null\n\n  return (\n    <PlayButton className=\"absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/30 transition-opacity\">\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-transform hover:scale-110\">\n        <CycleIcon icon={Play} size=\"lg\" decorative className={cn(filledIconClass, \"ml-1\")} />\n      </div>\n    </PlayButton>\n  )\n}\n\nfunction PlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <ControlTooltip label={isPaused ? \"Reproduzir\" : \"Pausar\"}>\n      <PlayButton className={controlBtnClass}>\n        {isPaused ? (\n          <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n        ) : (\n          <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n        )}\n      </PlayButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekBackwardControl() {\n  return (\n    <ControlTooltip label=\"Retroceder 10s\">\n      <SeekButton className={controlBtnClass} seconds={-10}>\n        <CycleIcon icon={RotateCcw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SeekForwardControl() {\n  return (\n    <ControlTooltip label=\"Avançar 10s\">\n      <SeekButton className={controlBtnClass} seconds={10}>\n        <CycleIcon icon={RotateCw} size=\"sm\" decorative className=\"text-white\" />\n      </SeekButton>\n    </ControlTooltip>\n  )\n}\n\nfunction MuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n  const label = isMuted || volume === 0 ? \"Ativar som\" : \"Silenciar\"\n\n  return (\n    <ControlTooltip label={label}>\n      <MuteButton className={controlBtnClass}>\n        <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n      </MuteButton>\n    </ControlTooltip>\n  )\n}\n\nfunction VolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative inline-flex h-9 w-20 cursor-pointer touch-none select-none items-center outline-none\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction BufferingIndicator() {\n  return (\n    <div className=\"pointer-events-none absolute inset-0 z-[35] flex items-center justify-center media-buffering:opacity-100 media-can-play:opacity-0 opacity-0 transition-opacity duration-300\">\n      <Spinner.Root className=\"size-16 text-white\" size={64}>\n        <Spinner.Track className=\"opacity-25\" width={4} />\n        <Spinner.TrackFill className=\"opacity-75\" width={4} />\n      </Spinner.Root>\n    </div>\n  )\n}\n\nfunction SeekBar({ thumbnails, chapters }: { thumbnails?: string; chapters?: boolean }) {\n  const trackContent = (\n    <>\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-white/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-white/50\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-white\" />\n      </TimeSlider.Track>\n    </>\n  )\n\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      {chapters ? (\n        <TimeSlider.Chapters className=\"relative flex w-full items-center\">\n          {(cues, forwardRef) =>\n            cues.map((cue) => (\n              <div\n                className=\"relative flex h-full w-full items-center last:mr-0 mr-0.5\"\n                key={cue.startTime}\n                ref={forwardRef}\n              >\n                {trackContent}\n              </div>\n            ))\n          }\n        </TimeSlider.Chapters>\n      ) : (\n        trackContent\n      )}\n\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100\" />\n\n      {/* Thumbnail preview on hover */}\n      {thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center gap-1 opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          <TimeSlider.Thumbnail.Root\n            src={thumbnails}\n            className=\"block h-[var(--thumbnail-height)] max-h-[160px] min-h-[80px] w-[var(--thumbnail-width)] min-w-[120px] max-w-[200px] overflow-hidden rounded-md border-2 border-white bg-black\"\n          >\n            <TimeSlider.Thumbnail.Img />\n          </TimeSlider.Thumbnail.Root>\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n\n      {/* Time preview (no thumbnails) */}\n      {!thumbnails && (\n        <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n          {chapters && <TimeSlider.ChapterTitle className=\"text-[11px] text-white/80 mb-0.5\" />}\n          <TimeSlider.Value className=\"rounded bg-black/80 px-1.5 py-0.5 text-[11px] font-mono text-white\" />\n        </TimeSlider.Preview>\n      )}\n    </TimeSlider.Root>\n  )\n}\n\nfunction TimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-white/80 tabular-nums\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction CaptionControl() {\n  const track = useMediaState(\"textTrack\")\n  const hasTrack = track !== null\n  return (\n    <ControlTooltip label={track ? \"Desativar legendas\" : \"Ativar legendas\"}>\n      <CaptionButton className={cn(controlBtnClass, !hasTrack && \"opacity-50 pointer-events-none\")}>\n        {track ? (\n          <CycleIcon icon={CaptionsIcon} size=\"sm\" decorative className=\"text-white\" />\n        ) : (\n          <CycleIcon icon={CaptionsOff} size=\"sm\" decorative className=\"text-white\" />\n        )}\n      </CaptionButton>\n    </ControlTooltip>\n  )\n}\n\nfunction PIPControl() {\n  const isPIP = useMediaState(\"pictureInPicture\")\n  return (\n    <ControlTooltip label={isPIP ? \"Sair do PiP\" : \"Picture-in-Picture\"}>\n      <PIPButton className={controlBtnClass}>\n        <CycleIcon icon={PictureInPicture2} size=\"sm\" decorative className={cn(\"text-white\", isPIP && \"text-white/100\")} />\n      </PIPButton>\n    </ControlTooltip>\n  )\n}\n\nfunction SpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Velocidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          {playbackRate === 1 ? (\n            <CycleIcon icon={Gauge} size=\"sm\" decorative className=\"text-white\" />\n          ) : (\n            <span className=\"text-xs font-mono font-semibold text-white\">{playbackRate}x</span>\n          )}\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  playbackRate === rate && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? \"Normal\" : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction QualityControl() {\n  const options = useVideoQualityOptions({ auto: true, sort: \"descending\" })\n  const [open, setOpen] = React.useState(false)\n\n  const currentLabel = options.selectedValue === \"auto\"\n    ? `Auto${options.selectedQuality ? ` (${options.selectedQuality.height}p)` : \"\"}`\n    : options.selectedQuality\n      ? `${options.selectedQuality.height}p`\n      : \"Auto\"\n\n  if (options.disabled) return null\n\n  return (\n    <div className=\"relative\">\n      <ControlTooltip label=\"Qualidade\">\n        <button\n          type=\"button\"\n          onClick={() => setOpen(!open)}\n          className={controlBtnClass}\n        >\n          <CycleIcon icon={Settings} size=\"sm\" decorative className=\"text-white\" />\n        </button>\n      </ControlTooltip>\n\n      {open && (\n        <>\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[140px] rounded-lg border border-white/10 bg-black/90 backdrop-blur-md p-1 shadow-xl\">\n            <p className=\"px-3 py-1 text-[11px] font-semibold uppercase tracking-wider text-white/50\">\n              Qualidade\n            </p>\n            {options.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => {\n                  option.select()\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-white/80 transition-colors hover:bg-white/10 hover:text-white\",\n                  option.selected && \"text-white font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {option.selected && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-white\" />}\n                </span>\n                <span className=\"font-mono\">{option.label}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction FullscreenControl() {\n  const isFullscreen = useMediaState(\"fullscreen\")\n  return (\n    <ControlTooltip label={isFullscreen ? \"Sair da tela cheia\" : \"Tela cheia\"}>\n      <FullscreenButton className={controlBtnClass}>\n        {isFullscreen ? (\n          <CycleIcon icon={Minimize} size=\"sm\" decorative className=\"text-white\" />\n        ) : (\n          <CycleIcon icon={Maximize} size=\"sm\" decorative className=\"text-white\" />\n        )}\n      </FullscreenButton>\n    </ControlTooltip>\n  )\n}\n\nfunction LiveIndicator() {\n  const isLive = useMediaState(\"live\")\n  const isLiveEdge = useMediaState(\"liveEdge\")\n\n  if (!isLive) return null\n\n  return (\n    <LiveButton\n      className={cn(\n        \"inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-semibold uppercase tracking-wider transition-colors\",\n        isLiveEdge\n          ? \"text-red-500\"\n          : \"text-white/60 hover:text-white\"\n      )}\n    >\n      <span\n        className={cn(\n          \"size-2 rounded-full\",\n          isLiveEdge ? \"bg-red-500 animate-pulse\" : \"bg-white/40\"\n        )}\n      />\n      Live\n    </LiveButton>\n  )\n}\n\n\n/* ─── Gesture helpers ─── */\n\ntype SeekDirection = \"backward\" | \"forward\"\n\nconst DOUBLE_TAP_THRESHOLD = 300\n\n/** Double-tap left/right edges to seek ±10s. z-10 so it doesn't block controls (z-20). */\nfunction SeekGestureZone({\n  side,\n  onSeekFeedback,\n}: {\n  side: \"left\" | \"right\"\n  onSeekFeedback: (direction: SeekDirection) => void\n}) {\n  const remote = useMediaRemote()\n  const currentTime = useMediaState(\"currentTime\")\n  const lastTapRef = React.useRef(0)\n\n  const handlePointerUp = React.useCallback(\n    (e: React.PointerEvent) => {\n      const now = Date.now()\n      const delta = now - lastTapRef.current\n      lastTapRef.current = now\n\n      if (delta < DOUBLE_TAP_THRESHOLD) {\n        e.stopPropagation()\n        const seconds = side === \"left\" ? -10 : 10\n        remote.seek(currentTime + seconds)\n        onSeekFeedback(side === \"left\" ? \"backward\" : \"forward\")\n      }\n    },\n    [remote, currentTime, side, onSeekFeedback]\n  )\n\n  return (\n    <div\n      className={cn(\n        \"absolute top-0 z-10 block h-full w-1/5\",\n        side === \"left\" ? \"left-0\" : \"right-0\"\n      )}\n      onPointerUp={handlePointerUp}\n    />\n  )\n}\n\nfunction SeekFeedbackOverlay({\n  direction,\n  visible,\n  seconds,\n}: {\n  direction: SeekDirection\n  visible: boolean\n  seconds: number\n}) {\n  const isBackward = direction === \"backward\"\n\n  return (\n    <div\n      className={cn(\n        \"pointer-events-none absolute top-0 z-[35] flex h-full w-2/5 items-center transition-opacity duration-200\",\n        isBackward ? \"left-0 justify-center\" : \"right-0 justify-center\",\n        visible ? \"opacity-100\" : \"opacity-0\"\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-col items-center gap-1 transition-transform duration-300\",\n          visible ? \"scale-100\" : \"scale-75\"\n        )}\n      >\n        <div className=\"flex size-12 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm\">\n          <CycleIcon\n            icon={isBackward ? RotateCcw : RotateCw}\n            size=\"sm\"\n            decorative\n            className=\"text-white\"\n          />\n        </div>\n        <span className=\"text-xs font-semibold text-white drop-shadow-md\">\n          {seconds}s\n        </span>\n      </div>\n    </div>\n  )\n}\n\n\n/* ─── Hook: detect desktop via pointer capability ─── */\n/* Uses pointer: fine (mouse/trackpad) instead of viewport width.\n   This way mobile devices keep the touch-optimized DefaultVideoLayout\n   even when fullscreen in landscape exceeds the sm breakpoint. */\n\nfunction useIsDesktop() {\n  const [isDesktop, setIsDesktop] = React.useState(false)\n\n  React.useEffect(() => {\n    const mq = window.matchMedia(\"(pointer: fine)\")\n    setIsDesktop(mq.matches)\n    const handler = (e: MediaQueryListEvent) => setIsDesktop(e.matches)\n    mq.addEventListener(\"change\", handler)\n    return () => mq.removeEventListener(\"change\", handler)\n  }, [])\n\n  return isDesktop\n}\n\n/* ─── Main component ─── */\n\nexport function VideoPlayer({\n  src,\n  poster,\n  posterAlt = \"\",\n  thumbnails,\n  chapters,\n  showBuffering = true,\n  announcer = true,\n  autoPlay = false,\n  muted = false,\n  loop = false,\n  className,\n}: VideoPlayerProps) {\n  const player = React.useRef<MediaPlayerInstance>(null)\n  const isDesktop = useIsDesktop()\n\n  // Seek feedback state with accumulation (like YouTube)\n  const [seekFeedback, setSeekFeedback] = React.useState<SeekDirection | null>(null)\n  const [seekAccumulated, setSeekAccumulated] = React.useState(0)\n  const feedbackTimeout = React.useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  const handleSeekFeedback = React.useCallback((direction: SeekDirection) => {\n    clearTimeout(feedbackTimeout.current)\n\n    setSeekFeedback((prev) => {\n      if (prev === direction) {\n        setSeekAccumulated((s) => s + 10)\n      } else {\n        setSeekAccumulated(10)\n      }\n      return direction\n    })\n\n    feedbackTimeout.current = setTimeout(() => {\n      setSeekFeedback(null)\n      setSeekAccumulated(0)\n    }, 700)\n  }, [])\n\n  // Mobile: listen for seek requests from DefaultVideoLayout gestures\n  React.useEffect(() => {\n    const el = player.current?.el\n    if (!el || isDesktop) return\n\n    const handler = (e: Event) => {\n      const seekTo = (e as CustomEvent<number>).detail\n      const current = player.current?.currentTime ?? 0\n      const delta = seekTo - current\n      // Only show feedback for gesture seeks (~±10s), not slider scrubs\n      if (Math.abs(Math.abs(delta) - 10) < 2) {\n        handleSeekFeedback(delta < 0 ? \"backward\" : \"forward\")\n      }\n    }\n\n    el.addEventListener(\"media-seek-request\", handler)\n    return () => el.removeEventListener(\"media-seek-request\", handler)\n  }, [isDesktop, handleSeekFeedback])\n\n  React.useEffect(() => {\n    return () => clearTimeout(feedbackTimeout.current)\n  }, [])\n\n  return (\n    <MediaPlayer\n      ref={player}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      playsInline\n      crossOrigin=\"\"\n      className={cn(\n        \"group relative aspect-video w-full overflow-hidden bg-black text-white\",\n        isDesktop ? \"rounded-[16px]\" : \"rounded-none\",\n        className\n      )}\n    >\n      <MediaProvider>\n        {poster && (\n          <Poster\n            className={cn(\"absolute inset-0 block h-full w-full object-cover opacity-0 transition-opacity data-[visible]:opacity-100\", isDesktop && \"rounded-[16px]\")}\n            src={poster}\n            alt={posterAlt}\n          />\n        )}\n      </MediaProvider>\n\n      {/* ─── Chapters track (VTT) ─── */}\n      {chapters && (\n        <Track\n          src={chapters}\n          kind=\"chapters\"\n          language=\"en\"\n          default\n        />\n      )}\n\n      {/* ─── Accessibility: screen reader announcements ─── */}\n      {announcer && <MediaAnnouncer />}\n\n      {/* ─── Buffering spinner ─── */}\n      {showBuffering && <BufferingIndicator />}\n\n      {/* ─── Seek feedback indicators (both mobile & desktop) ─── */}\n      <SeekFeedbackOverlay direction=\"backward\" visible={seekFeedback === \"backward\"} seconds={seekAccumulated} />\n      <SeekFeedbackOverlay direction=\"forward\" visible={seekFeedback === \"forward\"} seconds={seekAccumulated} />\n\n      {/* ─── MOBILE: Vidstack DefaultVideoLayout (touch, gestos, menus nativos) ─── */}\n      {!isDesktop && (\n        <DefaultVideoLayout\n          icons={defaultLayoutIcons}\n          thumbnails={thumbnails}\n          colorScheme=\"dark\"\n        />\n      )}\n\n      {/* ─── DESKTOP: Controles customizados do Cycle Design ─── */}\n      {isDesktop && (\n        <>\n          {/* Captions overlay */}\n          <Captions className=\"absolute inset-0 bottom-[80px] z-10 select-none break-words text-center text-sm media-preview:opacity-0 [&>[data-part=cue]]:inline [&>[data-part=cue]]:bg-black/70 [&>[data-part=cue]]:px-2 [&>[data-part=cue]]:py-0.5 [&>[data-part=cue]]:text-white\" />\n\n          {/* Play overlay (paused state — big play button) */}\n          <PlayOverlay />\n\n          {/* Gestures: click to pause, double-click fullscreen */}\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"pointerup\" action=\"toggle:paused\" />\n          <Gesture className=\"absolute inset-0 z-0 block h-full w-full\" event=\"dblpointerup\" action=\"toggle:fullscreen\" />\n\n          {/* Double-tap seek zones on edges */}\n          <SeekGestureZone side=\"left\" onSeekFeedback={handleSeekFeedback} />\n          <SeekGestureZone side=\"right\" onSeekFeedback={handleSeekFeedback} />\n\n          {/* Controls overlay (hover to show) */}\n          <Controls.Root className=\"absolute inset-0 z-20 flex h-full w-full flex-col bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 transition-opacity duration-200 group-data-[started]:group-hover:opacity-100 group-data-[paused]:opacity-100\">\n            <div className=\"flex-1\" />\n\n            {/* Seek bar */}\n            <Controls.Group className=\"flex w-full items-center px-3\">\n              <SeekBar thumbnails={thumbnails} chapters={!!chapters} />\n            </Controls.Group>\n\n            {/* Bottom bar */}\n            <Controls.Group className=\"flex w-full items-center gap-1 px-2 pb-2\">\n              <PlayControl />\n              <SeekBackwardControl />\n              <SeekForwardControl />\n              <MuteControl />\n              <VolumeControl />\n              <TimeDisplay />\n              <LiveIndicator />\n\n              <div className=\"flex-1\" />\n\n              <CaptionControl />\n              <SpeedControl />\n              <QualityControl />\n              <PIPControl />\n              <FullscreenControl />\n            </Controls.Group>\n          </Controls.Root>\n        </>\n      )}\n    </MediaPlayer>\n  )\n}\n"]}