@fluencypassdevs/cycle 0.4.0 → 0.5.1

package/dist/{chunk-WRJZHQNY.js.map → chunk-UAHCRXAG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/audio-player.tsx"],"names":[],"mappings":"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","file":"chunk-WRJZHQNY.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  SeekButton,\n  useMediaState,\n  useMediaRemote,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface AudioPlayerProps {\n  /** URL do audio (mp3, ogg, m3u8) */\n  src: string\n  /** Nome da track/aula */\n  title: string\n  /** Subtitulo / nome do curso */\n  subtitle?: string\n  /** URL da imagem de capa (variante card) */\n  coverArt?: string\n  /** Alt text da imagem de capa */\n  coverArtAlt?: string\n  /** Variante de layout */\n  variant?: \"default\" | \"card\"\n  /** Icones, textos e sliders em primary-foreground — usar com .theme-* */\n  filled?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Exibir controle de velocidade (default: true — EdTech) */\n  showSpeed?: boolean\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group/btn inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-foreground outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring group-data-[filled]:text-primary-foreground group-data-[filled]:hover:bg-primary-foreground/10\"\n\n/** Play, Pause e Volume usam icones filled (solid) — igual YouTube */\nconst filledIconClass =\n  \"fill-current !stroke-transparent text-foreground group-data-[filled]:text-primary-foreground\"\n\nconst outlineIconClass =\n  \"text-foreground group-data-[filled]:text-primary-foreground\"\n\n/* ─── Sub-components ─── */\n\nfunction AudioPlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\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  )\n}\n\nfunction AudioSeekBackwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={-10}>\n      <CycleIcon icon={RotateCcw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioSeekForwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={10}>\n      <CycleIcon icon={RotateCw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioMuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n\n  return (\n    <MuteButton className={controlBtnClass}>\n      <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n    </MuteButton>\n  )\n}\n\nfunction AudioVolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative hidden h-9 w-20 cursor-pointer touch-none select-none items-center outline-none sm:inline-flex\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\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-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction AudioSeekBar() {\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      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-accent-foreground/20 group-data-[filled]/root:bg-primary-foreground/20\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </TimeSlider.Track>\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-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n\n      {/* Time preview on hover */}\n      <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n        <TimeSlider.Value className=\"rounded bg-popover px-1.5 py-0.5 text-[11px] font-mono text-popover-foreground border border-border shadow-sm\" />\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  )\n}\n\nfunction AudioTimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-muted-foreground tabular-nums group-data-[filled]:text-primary-foreground/80\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction AudioSpeedControl() {\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      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className={controlBtnClass}\n      >\n        {playbackRate === 1 ? (\n          <CycleIcon icon={Gauge} size=\"sm\" decorative className={outlineIconClass} />\n        ) : (\n          <span className=\"text-xs font-mono font-semibold text-foreground group-data-[filled]:text-primary-foreground\">{playbackRate}x</span>\n        )}\n      </button>\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-border bg-popover p-1 shadow-lg\">\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-popover-foreground/80 transition-colors hover:bg-accent hover:text-popover-foreground\",\n                  playbackRate === rate && \"text-popover-foreground 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-popover-foreground\" />}\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\n/* ─── Main component ─── */\n\nexport function AudioPlayer({\n  src,\n  title,\n  subtitle,\n  coverArt,\n  coverArtAlt = \"\",\n  variant = \"default\",\n  filled = false,\n  autoPlay = false,\n  muted = false,\n  loop = false,\n  showSpeed = true,\n  className,\n}: AudioPlayerProps) {\n  const player = React.useRef<MediaPlayerInstance>(null)\n\n  if (variant === \"card\") {\n    return (\n      <MediaPlayer\n        ref={player}\n        src={src}\n        autoPlay={autoPlay}\n        muted={muted}\n        loop={loop}\n        viewType=\"audio\"\n        data-filled={filled ? \"\" : undefined}\n        style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n        className={cn(\n          \"group/root group !block w-full rounded-xl border border-border bg-card p-4 shadow-sm md:p-6\",\n          className\n        )}\n      >\n        <MediaProvider className=\"!hidden\" />\n\n        {/* Top: cover art + text */}\n        <div className=\"flex gap-4 mb-4 md:gap-5 md:mb-6\">\n          {coverArt && (\n            <img\n              src={coverArt}\n              alt={coverArtAlt}\n              className=\"size-16 shrink-0 rounded-lg object-cover bg-muted md:size-24 md:rounded-xl\"\n            />\n          )}\n          <div className=\"flex min-w-0 flex-col justify-center\">\n            <p className={cn(\n              \"truncate heading-md md:heading-xl\",\n              filled ? \"text-primary-foreground\" : \"text-card-foreground\"\n            )}>{title}</p>\n            {subtitle && (\n              <p className={cn(\n                \"truncate body-md md:body-lg\",\n                filled ? \"text-primary-foreground/70\" : \"text-muted-foreground\"\n              )}>{subtitle}</p>\n            )}\n          </div>\n        </div>\n\n        {/* Seek bar */}\n        <div className=\"flex w-full items-center\">\n          <AudioSeekBar />\n        </div>\n\n        {/* Time */}\n        <div className=\"flex items-center justify-between px-0.5 -mt-1 mb-1 md:mb-2\">\n          <div className={cn(\n            \"text-[11px] font-mono tabular-nums md:text-xs\",\n            filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n          )}>\n            <Time type=\"current\" />\n          </div>\n          <div className={cn(\n            \"text-[11px] font-mono tabular-nums md:text-xs\",\n            filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n          )}>\n            <Time type=\"duration\" />\n          </div>\n        </div>\n\n        {/* Controls */}\n        <div className=\"flex items-center gap-1 md:gap-2\">\n          <AudioSeekBackwardControl />\n          <AudioPlayControl />\n          <AudioSeekForwardControl />\n\n          <div className=\"flex-1\" />\n\n          {showSpeed && <AudioSpeedControl />}\n          <AudioMuteControl />\n          <AudioVolumeControl />\n        </div>\n      </MediaPlayer>\n    )\n  }\n\n  // Default variant (compact bar)\n  return (\n    <MediaPlayer\n      ref={player}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      viewType=\"audio\"\n      data-filled={filled ? \"\" : undefined}\n      style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n      className={cn(\n        \"group/root group !flex w-full items-center gap-1.5 rounded-xl border border-border bg-card px-2 py-1.5 shadow-sm\",\n        className\n      )}\n    >\n      <MediaProvider className=\"!hidden\" />\n\n      {/* Left controls */}\n      <AudioSeekBackwardControl />\n      <AudioPlayControl />\n      <AudioSeekForwardControl />\n\n      {/* Seek bar */}\n      <div className=\"flex-1 px-1\">\n        <AudioSeekBar />\n      </div>\n\n      {/* Time */}\n      <AudioTimeDisplay />\n\n      {/* Right controls */}\n      {showSpeed && <AudioSpeedControl />}\n      <AudioMuteControl />\n      <AudioVolumeControl />\n    </MediaPlayer>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/ui/audio-player.tsx"],"names":[],"mappings":";;;;;;;;AA6DA,IAAM,eAAA,GACJ,+RAAA;AAGF,IAAM,eAAA,GACJ,8FAAA;AAEF,IAAM,gBAAA,GACJ,6DAAA;AAIF,SAAS,gBAAA,GAAmB;AAC1B,EAAA,MAAM,QAAA,GAAW,cAAc,QAAQ,CAAA;AACvC,EAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,EACpB,QAAA,EAAA,QAAA,mBACC,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,IAAA,EAAM,IAAA,EAAK,IAAA,EAAK,UAAA,EAAU,IAAA,EAAC,WAAW,eAAA,EAAiB,CAAA,mBAExE,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,KAAA,EAAO,IAAA,EAAK,IAAA,EAAK,UAAA,EAAU,IAAA,EAAC,SAAA,EAAW,eAAA,EAAiB,CAAA,EAE7E,CAAA;AAEJ;AAEA,SAAS,wBAAA,GAA2B;AAClC,EAAA,2BACG,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,EAAiB,OAAA,EAAS,KAC/C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,SAAA,EAAW,MAAK,IAAA,EAAK,UAAA,EAAU,IAAA,EAAC,SAAA,EAAW,kBAAkB,CAAA,EAChF,CAAA;AAEJ;AAEA,SAAS,uBAAA,GAA0B;AACjC,EAAA,2BACG,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,EAAiB,OAAA,EAAS,IAC/C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,QAAA,EAAU,MAAK,IAAA,EAAK,UAAA,EAAU,IAAA,EAAC,SAAA,EAAW,kBAAkB,CAAA,EAC/E,CAAA;AAEJ;AAEA,SAAS,gBAAA,GAAmB;AAC1B,EAAA,MAAM,MAAA,GAAS,cAAc,QAAQ,CAAA;AACrC,EAAA,MAAM,OAAA,GAAU,cAAc,OAAO,CAAA;AAErC,EAAA,MAAM,OAAO,OAAA,IAAW,MAAA,KAAW,IAAI,OAAA,GAAU,MAAA,GAAS,MAAM,OAAA,GAAU,OAAA;AAE1E,EAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,EACrB,8BAAC,SAAA,EAAA,EAAU,IAAA,EAAM,IAAA,EAAM,IAAA,EAAK,IAAA,EAAK,UAAA,EAAU,IAAA,EAAC,SAAA,EAAW,iBAAiB,CAAA,EAC1E,CAAA;AAEJ;AAEA,SAAS,kBAAA,GAAqB;AAC5B,EAAA,uBACE,IAAA,CAAC,YAAA,CAAa,IAAA,EAAb,EAAkB,WAAU,+GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAmB,SAAA,EAAU,kGAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,YAAA,CAAa,SAAA,EAAb,EAAuB,SAAA,EAAU,+GAAA,EAAgH,CAAA,EACpJ,CAAA;AAAA,oBACA,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAmB,WAAU,2PAAA,EAA4P;AAAA,GAAA,EAC5R,CAAA;AAEJ;AAEA,SAAS,YAAA,GAAe;AACtB,EAAA,uBACE,IAAA,CAAC,UAAA,CAAW,IAAA,EAAX,EAAgB,WAAU,uGAAA,EACzB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,SAAA,EAAU,kGAAA,EAC1B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAoB,SAAA,EAAU,mIAAA,EAAoI,CAAA;AAAA,sBACnK,GAAA,CAAC,UAAA,CAAW,SAAA,EAAX,EAAqB,WAAU,+GAAA,EAAgH;AAAA,KAAA,EAClJ,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,WAAU,2PAAA,EAA4P,CAAA;AAAA,oBAGxR,GAAA,CAAC,UAAA,CAAW,OAAA,EAAX,EAAmB,SAAA,EAAU,qHAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,SAAA,EAAU,+GAAA,EAAgH,CAAA,EAC9I;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,GAAmB;AAC1B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6HAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,MAAK,SAAA,EAAU,CAAA;AAAA,oBACrB,GAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,oBACP,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,UAAA,EAAW;AAAA,GAAA,EACxB,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,MAAM,YAAA,GAAe,cAAc,cAAc,CAAA;AACjD,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,KAAA,GAAQ,CAAC,GAAA,EAAK,IAAA,EAAM,GAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAE/C,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAC,IAAI,CAAA;AAAA,QAC5B,SAAA,EAAW,eAAA;AAAA,QAEV,2BAAiB,CAAA,mBAChB,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,OAAO,IAAA,EAAK,IAAA,EAAK,UAAA,EAAU,IAAA,EAAC,WAAW,gBAAA,EAAkB,CAAA,mBAE1E,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,6FAAA,EAA+F,QAAA,EAAA;AAAA,UAAA,YAAA;AAAA,UAAa;AAAA,SAAA,EAAC;AAAA;AAAA,KAEjI;AAAA,IAEC,wBACC,IAAA,CAAA,QAAA,EAAA,EAEE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EAAqB,SAAS,MAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,CAAA;AAAA,0BAElE,KAAA,EAAA,EAAI,SAAA,EAAU,iHACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAK,QAAA;AAAA,UACL,SAAS,MAAM;AACb,YAAA,MAAA,CAAO,mBAAmB,IAAI,CAAA;AAC9B,YAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,UACf,CAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,0JAAA;AAAA,YACA,iBAAiB,IAAA,IAAQ;AAAA,WAC3B;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA,YAAA,KAAiB,wBAAQ,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,KAAA,EAAO,MAAK,KAAA,EAAM,UAAA,EAAU,IAAA,EAAC,SAAA,EAAU,2BAA0B,CAAA,EAC9G,CAAA;AAAA,4BACA,GAAA,CAAC,UAAK,SAAA,EAAU,WAAA,EAAa,mBAAS,CAAA,GAAI,QAAA,GAAW,CAAA,EAAG,IAAI,CAAA,CAAA,CAAA,EAAI;AAAA;AAAA,SAAA;AAAA,QAd3D;AAAA,OAgBR,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAIO,SAAS,WAAA,CAAY;AAAA,EAC1B,GAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,EAAA;AAAA,EACd,OAAA,GAAU,SAAA;AAAA,EACV,MAAA,GAAS,KAAA;AAAA,EACT,QAAA,GAAW,KAAA;AAAA,EACX,KAAA,GAAQ,KAAA;AAAA,EACR,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,IAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,MAAA,GAAe,aAA4B,IAAI,CAAA;AAErD,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,uBACE,IAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,MAAA;AAAA,QACL,GAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,IAAA;AAAA,QACA,QAAA,EAAS,OAAA;AAAA,QACT,aAAA,EAAa,SAAS,EAAA,GAAK,MAAA;AAAA,QAC3B,KAAA,EAAO,MAAA,GAAS,EAAE,sBAAA,EAAwB,+BAA8B,GAA8B,MAAA;AAAA,QACtG,SAAA,EAAW,EAAA;AAAA,UACT,6FAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,aAAA,EAAA,EAAc,WAAU,SAAA,EAAU,CAAA;AAAA,0BAGnC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,QAAA,EAAA;AAAA,YAAA,QAAA,oBACC,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,GAAA,EAAK,QAAA;AAAA,gBACL,GAAA,EAAK,WAAA;AAAA,gBACL,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,OAAE,SAAA,EAAW,EAAA;AAAA,gBACZ,mCAAA;AAAA,gBACA,SAAS,yBAAA,GAA4B;AAAA,iBACnC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,cACT,QAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,EAAA;AAAA,gBACZ,6BAAA;AAAA,gBACA,SAAS,4BAAA,GAA+B;AAAA,iBACtC,QAAA,EAAA,QAAA,EAAS;AAAA,aAAA,EAEjB;AAAA,WAAA,EACF,CAAA;AAAA,8BAGC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAAA,EAChB,CAAA;AAAA,0BAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA;AAAA,cACd,+CAAA;AAAA,cACA,SAAS,4BAAA,GAA+B;AAAA,aAC1C,EACE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,WAAU,CAAA,EACvB,CAAA;AAAA,4BACA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA;AAAA,cACd,+CAAA;AAAA,cACA,SAAS,4BAAA,GAA+B;AAAA,aAC1C,EACE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,YAAW,CAAA,EACxB;AAAA,WAAA,EACF,CAAA;AAAA,0BAGA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,wBAAA,EAAA,EAAyB,CAAA;AAAA,gCACzB,gBAAA,EAAA,EAAiB,CAAA;AAAA,gCACjB,uBAAA,EAAA,EAAwB,CAAA;AAAA,4BAEzB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,YAEvB,SAAA,wBAAc,iBAAA,EAAA,EAAkB,CAAA;AAAA,gCAChC,gBAAA,EAAA,EAAiB,CAAA;AAAA,gCACjB,kBAAA,EAAA,EAAmB;AAAA,WAAA,EACtB;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AAGA,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,MAAA;AAAA,MACL,GAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA,EAAS,OAAA;AAAA,MACT,aAAA,EAAa,SAAS,EAAA,GAAK,MAAA;AAAA,MAC3B,KAAA,EAAO,MAAA,GAAS,EAAE,sBAAA,EAAwB,+BAA8B,GAA8B,MAAA;AAAA,MACtG,SAAA,EAAW,EAAA;AAAA,QACT,kHAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,WAAU,SAAA,EAAU,CAAA;AAAA,4BAGlC,wBAAA,EAAA,EAAyB,CAAA;AAAA,4BACzB,gBAAA,EAAA,EAAiB,CAAA;AAAA,4BACjB,uBAAA,EAAA,EAAwB,CAAA;AAAA,4BAGxB,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACb,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAAA,EAChB,CAAA;AAAA,4BAGC,gBAAA,EAAA,EAAiB,CAAA;AAAA,QAGjB,SAAA,wBAAc,iBAAA,EAAA,EAAkB,CAAA;AAAA,4BAChC,gBAAA,EAAA,EAAiB,CAAA;AAAA,4BACjB,kBAAA,EAAA,EAAmB;AAAA;AAAA;AAAA,GACtB;AAEJ","file":"chunk-UAHCRXAG.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  SeekButton,\n  useMediaState,\n  useMediaRemote,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface AudioPlayerProps {\n  /** URL do audio (mp3, ogg, m3u8) */\n  src: string\n  /** Nome da track/aula */\n  title: string\n  /** Subtitulo / nome do curso */\n  subtitle?: string\n  /** URL da imagem de capa (variante card) */\n  coverArt?: string\n  /** Alt text da imagem de capa */\n  coverArtAlt?: string\n  /** Variante de layout */\n  variant?: \"default\" | \"card\"\n  /** Icones, textos e sliders em primary-foreground — usar com .theme-* */\n  filled?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Exibir controle de velocidade (default: true — EdTech) */\n  showSpeed?: boolean\n  className?: string\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group/btn inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-foreground outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring group-data-[filled]:text-primary-foreground group-data-[filled]:hover:bg-primary-foreground/10\"\n\n/** Play, Pause e Volume usam icones filled (solid) — igual YouTube */\nconst filledIconClass =\n  \"fill-current !stroke-transparent text-foreground group-data-[filled]:text-primary-foreground\"\n\nconst outlineIconClass =\n  \"text-foreground group-data-[filled]:text-primary-foreground\"\n\n/* ─── Sub-components ─── */\n\nfunction AudioPlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\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  )\n}\n\nfunction AudioSeekBackwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={-10}>\n      <CycleIcon icon={RotateCcw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioSeekForwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={10}>\n      <CycleIcon icon={RotateCw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioMuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n\n  return (\n    <MuteButton className={controlBtnClass}>\n      <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n    </MuteButton>\n  )\n}\n\nfunction AudioVolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative hidden h-9 w-20 cursor-pointer touch-none select-none items-center outline-none sm:inline-flex\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\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-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction AudioSeekBar() {\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      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-accent-foreground/20 group-data-[filled]/root:bg-primary-foreground/20\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </TimeSlider.Track>\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-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n\n      {/* Time preview on hover */}\n      <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n        <TimeSlider.Value className=\"rounded bg-popover px-1.5 py-0.5 text-[11px] font-mono text-popover-foreground border border-border shadow-sm\" />\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  )\n}\n\nfunction AudioTimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-muted-foreground tabular-nums group-data-[filled]:text-primary-foreground/80\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction AudioSpeedControl() {\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      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className={controlBtnClass}\n      >\n        {playbackRate === 1 ? (\n          <CycleIcon icon={Gauge} size=\"sm\" decorative className={outlineIconClass} />\n        ) : (\n          <span className=\"text-xs font-mono font-semibold text-foreground group-data-[filled]:text-primary-foreground\">{playbackRate}x</span>\n        )}\n      </button>\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-border bg-popover p-1 shadow-lg\">\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-popover-foreground/80 transition-colors hover:bg-accent hover:text-popover-foreground\",\n                  playbackRate === rate && \"text-popover-foreground 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-popover-foreground\" />}\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\n/* ─── Main component ─── */\n\nexport function AudioPlayer({\n  src,\n  title,\n  subtitle,\n  coverArt,\n  coverArtAlt = \"\",\n  variant = \"default\",\n  filled = false,\n  autoPlay = false,\n  muted = false,\n  loop = false,\n  showSpeed = true,\n  className,\n}: AudioPlayerProps) {\n  const player = React.useRef<MediaPlayerInstance>(null)\n\n  if (variant === \"card\") {\n    return (\n      <MediaPlayer\n        ref={player}\n        src={src}\n        autoPlay={autoPlay}\n        muted={muted}\n        loop={loop}\n        viewType=\"audio\"\n        data-filled={filled ? \"\" : undefined}\n        style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n        className={cn(\n          \"group/root group !block w-full rounded-xl border border-border bg-card p-4 shadow-sm md:p-6\",\n          className\n        )}\n      >\n        <MediaProvider className=\"!hidden\" />\n\n        {/* Top: cover art + text */}\n        <div className=\"flex gap-4 mb-4 md:gap-5 md:mb-6\">\n          {coverArt && (\n            <img\n              src={coverArt}\n              alt={coverArtAlt}\n              className=\"size-16 shrink-0 rounded-lg object-cover bg-muted md:size-24 md:rounded-xl\"\n            />\n          )}\n          <div className=\"flex min-w-0 flex-col justify-center\">\n            <p className={cn(\n              \"truncate heading-md md:heading-xl\",\n              filled ? \"text-primary-foreground\" : \"text-card-foreground\"\n            )}>{title}</p>\n            {subtitle && (\n              <p className={cn(\n                \"truncate body-md md:body-lg\",\n                filled ? \"text-primary-foreground/70\" : \"text-muted-foreground\"\n              )}>{subtitle}</p>\n            )}\n          </div>\n        </div>\n\n        {/* Seek bar */}\n        <div className=\"flex w-full items-center\">\n          <AudioSeekBar />\n        </div>\n\n        {/* Time */}\n        <div className=\"flex items-center justify-between px-0.5 -mt-1 mb-1 md:mb-2\">\n          <div className={cn(\n            \"text-[11px] font-mono tabular-nums md:text-xs\",\n            filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n          )}>\n            <Time type=\"current\" />\n          </div>\n          <div className={cn(\n            \"text-[11px] font-mono tabular-nums md:text-xs\",\n            filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n          )}>\n            <Time type=\"duration\" />\n          </div>\n        </div>\n\n        {/* Controls */}\n        <div className=\"flex items-center gap-1 md:gap-2\">\n          <AudioSeekBackwardControl />\n          <AudioPlayControl />\n          <AudioSeekForwardControl />\n\n          <div className=\"flex-1\" />\n\n          {showSpeed && <AudioSpeedControl />}\n          <AudioMuteControl />\n          <AudioVolumeControl />\n        </div>\n      </MediaPlayer>\n    )\n  }\n\n  // Default variant (compact bar)\n  return (\n    <MediaPlayer\n      ref={player}\n      src={src}\n      autoPlay={autoPlay}\n      muted={muted}\n      loop={loop}\n      viewType=\"audio\"\n      data-filled={filled ? \"\" : undefined}\n      style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n      className={cn(\n        \"group/root group !flex w-full items-center gap-1.5 rounded-xl border border-border bg-card px-2 py-1.5 shadow-sm\",\n        className\n      )}\n    >\n      <MediaProvider className=\"!hidden\" />\n\n      {/* Left controls */}\n      <AudioSeekBackwardControl />\n      <AudioPlayControl />\n      <AudioSeekForwardControl />\n\n      {/* Seek bar */}\n      <div className=\"flex-1 px-1\">\n        <AudioSeekBar />\n      </div>\n\n      {/* Time */}\n      <AudioTimeDisplay />\n\n      {/* Right controls */}\n      {showSpeed && <AudioSpeedControl />}\n      <AudioMuteControl />\n      <AudioVolumeControl />\n    </MediaPlayer>\n  )\n}\n"]}

package/dist/{chunk-OT2HCBR2.js → chunk-V7M2NHUO.js}

@@ -33,5 +33,5 @@ var CycleIcon = forwardRef(
 );
 
 export { CycleIcon, ICON_SIZES };
-//# sourceMappingURL=chunk-OT2HCBR2.js.map
-//# sourceMappingURL=chunk-OT2HCBR2.js.map
+//# sourceMappingURL=chunk-V7M2NHUO.js.map
+//# sourceMappingURL=chunk-V7M2NHUO.js.map

package/dist/{chunk-OT2HCBR2.js.map → chunk-V7M2NHUO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/icons/sizes.ts","../src/components/icons/CycleIcon.tsx"],"names":["CycleIcon"],"mappings":";;;;;AASO,IAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,CAAA,EAAE;AAAA,EAC7B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA;AAC1B;ACgCO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,SAASA,UAAAA,CAAU,KAAA,EAAO,GAAA,EAAyB;AACjD,IAAA,MAAoE,EAAA,GAAA,KAAA,EAA5D,EAAA,IAAA,EAAM,IAAA,EAAM,IAAA,GAAO,MAAM,UAAA,EAAY,SAAA,EAlDjD,GAkDwE,EAAA,EAAT,IAAA,GAAA,SAAA,CAAS,EAAA,EAAT,CAAnD,MAAA,EAAY,QAAa,YAAA,EAAY,WAAA,CAAA,CAAA;AAE7C,IAAA,MAAM,EAAE,IAAA,EAAM,EAAA,EAAI,MAAA,EAAO,GAAI,WAAW,IAAI,CAAA;AAM5C,IAAA,MAAM,OAAA,GAAU,EAAA;AAChB,IAAA,MAAM,cAAA,GAAiB,UAAU,OAAA,GAAU,EAAA,CAAA;AAE3C,IAAA,MAAM,SAAA,GAAY,UAAA,GACd,EAAE,aAAA,EAAe,IAAA,EAAe,WAAW,OAAA,EAAiB,GAC5D,EAAE,IAAA,EAAM,KAAA,EAAe;AAE3B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA,cAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO,EAAA;AAAA,QACP,MAAA,EAAQ,EAAA;AAAA,QACR,WAAA,EAAa,cAAA;AAAA,QACb,SAAA;AAAA,QACA,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA;AAAG,OAAA,EAC3B,SAAA,CAAA,EACA,IAAA;AAAA,KACN;AAAA,EAEJ;AACF","file":"chunk-OT2HCBR2.js","sourcesContent":["/**\n * Cycle Design — Icon Size Map\n *\n * Fonte da verdade para componentes React.\n * Derivado de: figma/Icons size/icon-{size}.json\n *\n * REGRA: strokeWidth nunca é prop — é sempre derivado de size.\n * Isso garante consistência visual em todos os ícones.\n */\nexport const ICON_SIZES = {\n  '2xs': { size: 12, stroke: 1 },\n  xs: { size: 16, stroke: 1.2 },\n  sm: { size: 24, stroke: 1.5 },\n  md: { size: 32, stroke: 1.8 },\n  lg: { size: 40, stroke: 2.1 },\n  xl: { size: 48, stroke: 2.4 },\n} as const satisfies Record<string, { size: number; stroke: number }>\n\nexport type IconSize = keyof typeof ICON_SIZES\n","import { forwardRef } from 'react'\nimport type { Ref } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { ICON_SIZES } from './sizes'\nimport type { IconSize } from './sizes'\n\n/**\n * Props base compartilhada.\n */\ntype BaseProps = {\n  icon: LucideIcon\n  size?: IconSize\n  className?: string\n}\n\n/**\n * Ícone semântico — comunica algo para o usuário.\n * @example <CycleIcon icon={Home} size=\"sm\" aria-label=\"Ir para home\" />\n */\ntype SemanticProps = BaseProps & {\n  decorative?: false\n  'aria-label': string\n}\n\n/**\n * Ícone decorativo — puramente visual.\n * @example <CycleIcon icon={Home} size=\"sm\" decorative />\n */\ntype DecorativeProps = BaseProps & {\n  decorative: true\n  'aria-label'?: never\n}\n\nexport type CycleIconProps = SemanticProps | DecorativeProps\n\n/**\n * CycleIcon — wrapper para ícones Lucide com regras de size/stroke da Cycle.\n *\n * Aplica automaticamente width, height e strokeWidth baseado no size token.\n * Use para todos os ícones Lucide no produto.\n *\n * @example\n * import { Home, Search } from \"lucide-react\"\n * import { CycleIcon } from \"@/components/icons\"\n *\n * <CycleIcon icon={Home} size=\"sm\" decorative />\n * <CycleIcon icon={Search} size=\"lg\" aria-label=\"Buscar\" />\n */\nexport const CycleIcon = forwardRef<SVGSVGElement, CycleIconProps>(\n  function CycleIcon(props, ref: Ref<SVGSVGElement>) {\n    const { icon: Icon, size = 'sm', decorative, className, ...rest } = props\n\n    const { size: px, stroke } = ICON_SIZES[size]\n\n    // Lucide usa viewBox=\"0 0 24 24\" fixo. Quando renderizado em tamanho\n    // diferente de 24px, o stroke-width e escalado proporcionalmente.\n    // Compensamos dividindo pelo fator de escala para que o stroke\n    // renderizado em pixels corresponda ao valor definido em ICON_SIZES.\n    const VIEWBOX = 24\n    const adjustedStroke = stroke * (VIEWBOX / px)\n\n    const ariaProps = decorative\n      ? { 'aria-hidden': true as const, focusable: 'false' as const }\n      : { role: 'img' as const }\n\n    return (\n      <Icon\n        ref={ref}\n        width={px}\n        height={px}\n        strokeWidth={adjustedStroke}\n        className={className}\n        style={{ width: px, height: px }}\n        {...ariaProps}\n        {...rest}\n      />\n    )\n  }\n)\n"]}
+{"version":3,"sources":["../src/components/icons/sizes.ts","../src/components/icons/CycleIcon.tsx"],"names":["CycleIcon"],"mappings":";;;;;AASO,IAAM,UAAA,GAAa;AAAA,EACxB,KAAA,EAAO,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,CAAA,EAAE;AAAA,EAC7B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA,EAAI;AAAA,EAC5B,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,QAAQ,GAAA;AAC1B;ACgCO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,SAASA,UAAAA,CAAU,KAAA,EAAO,GAAA,EAAyB;AACjD,IAAA,MAAoE,EAAA,GAAA,KAAA,EAA5D,EAAA,IAAA,EAAM,IAAA,EAAM,IAAA,GAAO,MAAM,UAAA,EAAY,SAAA,EAlDjD,GAkDwE,EAAA,EAAT,IAAA,GAAA,SAAA,CAAS,EAAA,EAAT,CAAnD,MAAA,EAAY,QAAa,YAAA,EAAY,WAAA,CAAA,CAAA;AAE7C,IAAA,MAAM,EAAE,IAAA,EAAM,EAAA,EAAI,MAAA,EAAO,GAAI,WAAW,IAAI,CAAA;AAM5C,IAAA,MAAM,OAAA,GAAU,EAAA;AAChB,IAAA,MAAM,cAAA,GAAiB,UAAU,OAAA,GAAU,EAAA,CAAA;AAE3C,IAAA,MAAM,SAAA,GAAY,UAAA,GACd,EAAE,aAAA,EAAe,IAAA,EAAe,WAAW,OAAA,EAAiB,GAC5D,EAAE,IAAA,EAAM,KAAA,EAAe;AAE3B,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA,cAAA,CAAA,cAAA,CAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO,EAAA;AAAA,QACP,MAAA,EAAQ,EAAA;AAAA,QACR,WAAA,EAAa,cAAA;AAAA,QACb,SAAA;AAAA,QACA,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA;AAAG,OAAA,EAC3B,SAAA,CAAA,EACA,IAAA;AAAA,KACN;AAAA,EAEJ;AACF","file":"chunk-V7M2NHUO.js","sourcesContent":["/**\n * Cycle Design — Icon Size Map\n *\n * Fonte da verdade para componentes React.\n * Derivado de: figma/Icons size/icon-{size}.json\n *\n * REGRA: strokeWidth nunca é prop — é sempre derivado de size.\n * Isso garante consistência visual em todos os ícones.\n */\nexport const ICON_SIZES = {\n  '2xs': { size: 12, stroke: 1 },\n  xs: { size: 16, stroke: 1.2 },\n  sm: { size: 24, stroke: 1.5 },\n  md: { size: 32, stroke: 1.8 },\n  lg: { size: 40, stroke: 2.1 },\n  xl: { size: 48, stroke: 2.4 },\n} as const satisfies Record<string, { size: number; stroke: number }>\n\nexport type IconSize = keyof typeof ICON_SIZES\n","import { forwardRef } from 'react'\nimport type { Ref } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { ICON_SIZES } from './sizes'\nimport type { IconSize } from './sizes'\n\n/**\n * Props base compartilhada.\n */\ntype BaseProps = {\n  icon: LucideIcon\n  size?: IconSize\n  className?: string\n}\n\n/**\n * Ícone semântico — comunica algo para o usuário.\n * @example <CycleIcon icon={Home} size=\"sm\" aria-label=\"Ir para home\" />\n */\ntype SemanticProps = BaseProps & {\n  decorative?: false\n  'aria-label': string\n}\n\n/**\n * Ícone decorativo — puramente visual.\n * @example <CycleIcon icon={Home} size=\"sm\" decorative />\n */\ntype DecorativeProps = BaseProps & {\n  decorative: true\n  'aria-label'?: never\n}\n\nexport type CycleIconProps = SemanticProps | DecorativeProps\n\n/**\n * CycleIcon — wrapper para ícones Lucide com regras de size/stroke da Cycle.\n *\n * Aplica automaticamente width, height e strokeWidth baseado no size token.\n * Use para todos os ícones Lucide no produto.\n *\n * @example\n * import { Home, Search } from \"@fluencypassdevs/cycle/icons/lucide\"\n * import { CycleIcon } from \"@/components/icons\"\n *\n * <CycleIcon icon={Home} size=\"sm\" decorative />\n * <CycleIcon icon={Search} size=\"lg\" aria-label=\"Buscar\" />\n */\nexport const CycleIcon = forwardRef<SVGSVGElement, CycleIconProps>(\n  function CycleIcon(props, ref: Ref<SVGSVGElement>) {\n    const { icon: Icon, size = 'sm', decorative, className, ...rest } = props\n\n    const { size: px, stroke } = ICON_SIZES[size]\n\n    // Lucide usa viewBox=\"0 0 24 24\" fixo. Quando renderizado em tamanho\n    // diferente de 24px, o stroke-width e escalado proporcionalmente.\n    // Compensamos dividindo pelo fator de escala para que o stroke\n    // renderizado em pixels corresponda ao valor definido em ICON_SIZES.\n    const VIEWBOX = 24\n    const adjustedStroke = stroke * (VIEWBOX / px)\n\n    const ariaProps = decorative\n      ? { 'aria-hidden': true as const, focusable: 'false' as const }\n      : { role: 'img' as const }\n\n    return (\n      <Icon\n        ref={ref}\n        width={px}\n        height={px}\n        strokeWidth={adjustedStroke}\n        className={className}\n        style={{ width: px, height: px }}\n        {...ariaProps}\n        {...rest}\n      />\n    )\n  }\n)\n"]}

package/dist/{chunk-UVCEQOQR.js → chunk-WUZODCC2.js}

@@ -1,5 +1,5 @@
 import { ChatBubble } from './chunk-HZJRM5EK.js';
-import { CycleIcon } from './chunk-OT2HCBR2.js';
+import { CycleIcon } from './chunk-V7M2NHUO.js';
 import { ScrollArea } from './chunk-3LXU5C35.js';
 import { Button } from './chunk-7UMEJDC3.js';
 import { cn } from './chunk-TYCPXAXF.js';
@@ -100,5 +100,5 @@ function ChatPanel(_a) {
 }
 
 export { ChatPanel };
-//# sourceMappingURL=chunk-UVCEQOQR.js.map
-//# sourceMappingURL=chunk-UVCEQOQR.js.map
+//# sourceMappingURL=chunk-WUZODCC2.js.map
+//# sourceMappingURL=chunk-WUZODCC2.js.map

package/dist/{chunk-UVCEQOQR.js.map → chunk-WUZODCC2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/chat-panel.tsx"],"names":[],"mappings":"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","file":"chunk-UVCEQOQR.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { SendIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Button } from \"@/components/ui/button\"\nimport { ScrollArea } from \"@/components/ui/scroll-area\"\nimport { ChatBubble, type ChatBubbleProps } from \"@/components/ui/chat-bubble\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface ChatMessage {\n  /** Unique message ID */\n  id: string\n  /** Author display name */\n  author: string\n  /** Avatar URL */\n  avatar?: string\n  /** Message text */\n  message: string\n  /** Timestamp label (e.g. \"14:32\") */\n  timestamp?: string\n  /** Message variant */\n  variant?: ChatBubbleProps[\"variant\"]\n}\n\nexport interface ChatPanelProps extends React.ComponentProps<\"div\"> {\n  /** Chat messages array */\n  messages: ChatMessage[]\n  /** Callback when the user sends a message */\n  onSendMessage?: (message: string) => void\n  /** Disable the input (e.g. when chat is read-only or ended) */\n  disabled?: boolean\n  /** Input placeholder text */\n  placeholder?: string\n  /** Title shown at the top of the panel */\n  title?: string\n}\n\n/* ─── Component ─── */\n\nfunction ChatPanel({\n  messages,\n  onSendMessage,\n  disabled = false,\n  placeholder = \"Envie uma mensagem...\",\n  title = \"Chat\",\n  className,\n  ...props\n}: ChatPanelProps) {\n  const [input, setInput] = React.useState(\"\")\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n\n  /* Auto-scroll to bottom on new messages */\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (el) {\n      el.scrollTop = el.scrollHeight\n    }\n  }, [messages.length])\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    const trimmed = input.trim()\n    if (!trimmed || disabled) return\n    onSendMessage?.(trimmed)\n    setInput(\"\")\n  }\n\n  return (\n    <div\n      data-slot=\"chat-panel\"\n      className={cn(\n        \"flex flex-col bg-background border-l border-border\",\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"shrink-0 flex items-center h-12 px-4 border-b border-border\">\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n      </div>\n\n      {/* Messages */}\n      <ScrollArea className=\"flex-1 min-h-0\">\n        <div ref={scrollRef} className=\"flex flex-col gap-3 p-4\">\n          {messages.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-8\">\n              Nenhuma mensagem ainda.\n            </p>\n          )}\n          {messages.map((msg) => (\n            <ChatBubble\n              key={msg.id}\n              author={msg.author}\n              avatar={msg.avatar}\n              message={msg.message}\n              timestamp={msg.timestamp}\n              variant={msg.variant}\n            />\n          ))}\n        </div>\n      </ScrollArea>\n\n      {/* Input */}\n      {onSendMessage && (\n        <form\n          onSubmit={handleSubmit}\n          className=\"shrink-0 flex items-center gap-2 p-3 border-t border-border\"\n        >\n          <input\n            type=\"text\"\n            value={input}\n            onChange={(e) => setInput(e.target.value)}\n            placeholder={placeholder}\n            disabled={disabled}\n            className=\"flex-1 min-w-0 h-9 rounded-lg border border-input bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 ring-offset-background disabled:opacity-50 disabled:cursor-not-allowed\"\n          />\n          <Button\n            type=\"submit\"\n            size=\"icon-sm\"\n            disabled={disabled || !input.trim()}\n            className=\"shrink-0\"\n          >\n            <CycleIcon icon={SendIcon} size=\"xs\" decorative />\n          </Button>\n        </form>\n      )}\n    </div>\n  )\n}\n\nexport { ChatPanel }\n"]}
+{"version":3,"sources":["../src/components/ui/chat-panel.tsx"],"names":[],"mappings":";;;;;;;;;;AA0CA,SAAS,UAAU,EAAA,EAQA;AARA,EAAA,IAAA,EAAA,GAAA,EAAA,EACjB;AAAA,IAAA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,WAAA,GAAc,uBAAA;AAAA,IACd,KAAA,GAAQ,MAAA;AAAA,IACR;AAAA,GAhDF,GA0CmB,EAAA,EAOd,KAAA,GAAA,SAAA,CAPc,EAAA,EAOd;AAAA,IANH,UAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,EAAE,CAAA;AAC3C,EAAA,MAAM,SAAA,GAAkB,aAAuB,IAAI,CAAA;AAGnD,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,KAAK,SAAA,CAAU,OAAA;AACrB,IAAA,IAAI,EAAA,EAAI;AACN,MAAA,EAAA,CAAG,YAAY,EAAA,CAAG,YAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,CAAS,MAAM,CAAC,CAAA;AAEpB,EAAA,SAAS,aAAa,CAAA,EAAoB;AACxC,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,OAAA,GAAU,MAAM,IAAA,EAAK;AAC3B,IAAA,IAAI,CAAC,WAAW,QAAA,EAAU;AAC1B,IAAA,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAgB,OAAA,CAAA;AAChB,IAAA,QAAA,CAAS,EAAE,CAAA;AAAA,EACb;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,oDAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA,CAAA,EANL;AAAA,MASC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,kBAAA,GAAA,CAAC,QAAG,SAAA,EAAU,uCAAA,EAAyC,iBAAM,CAAA,EAC/D,CAAA;AAAA,wBAGA,GAAA,CAAC,cAAW,SAAA,EAAU,gBAAA,EACpB,+BAAC,KAAA,EAAA,EAAI,GAAA,EAAK,SAAA,EAAW,SAAA,EAAU,yBAAA,EAC5B,QAAA,EAAA;AAAA,UAAA,QAAA,CAAS,WAAW,CAAA,oBACnB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kDAAiD,QAAA,EAAA,yBAAA,EAE9D,CAAA;AAAA,UAED,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,qBACb,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cAEC,QAAQ,GAAA,CAAI,MAAA;AAAA,cACZ,QAAQ,GAAA,CAAI,MAAA;AAAA,cACZ,SAAS,GAAA,CAAI,OAAA;AAAA,cACb,WAAW,GAAA,CAAI,SAAA;AAAA,cACf,SAAS,GAAA,CAAI;AAAA,aAAA;AAAA,YALR,GAAA,CAAI;AAAA,WAOZ;AAAA,SAAA,EACH,CAAA,EACF,CAAA;AAAA,QAGC,aAAA,oBACC,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,YAAA;AAAA,YACV,SAAA,EAAU,6DAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,MAAA;AAAA,kBACL,KAAA,EAAO,KAAA;AAAA,kBACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBACxC,WAAA;AAAA,kBACA,QAAA;AAAA,kBACA,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,IAAA,EAAK,SAAA;AAAA,kBACL,QAAA,EAAU,QAAA,IAAY,CAAC,KAAA,CAAM,IAAA,EAAK;AAAA,kBAClC,SAAA,EAAU,UAAA;AAAA,kBAEV,8BAAC,SAAA,EAAA,EAAU,IAAA,EAAM,UAAU,IAAA,EAAK,IAAA,EAAK,YAAU,IAAA,EAAC;AAAA;AAAA;AAClD;AAAA;AAAA;AACF;AAAA,KAAA;AAAA,GAEJ;AAEJ","file":"chunk-WUZODCC2.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { SendIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Button } from \"@/components/ui/button\"\nimport { ScrollArea } from \"@/components/ui/scroll-area\"\nimport { ChatBubble, type ChatBubbleProps } from \"@/components/ui/chat-bubble\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface ChatMessage {\n  /** Unique message ID */\n  id: string\n  /** Author display name */\n  author: string\n  /** Avatar URL */\n  avatar?: string\n  /** Message text */\n  message: string\n  /** Timestamp label (e.g. \"14:32\") */\n  timestamp?: string\n  /** Message variant */\n  variant?: ChatBubbleProps[\"variant\"]\n}\n\nexport interface ChatPanelProps extends React.ComponentProps<\"div\"> {\n  /** Chat messages array */\n  messages: ChatMessage[]\n  /** Callback when the user sends a message */\n  onSendMessage?: (message: string) => void\n  /** Disable the input (e.g. when chat is read-only or ended) */\n  disabled?: boolean\n  /** Input placeholder text */\n  placeholder?: string\n  /** Title shown at the top of the panel */\n  title?: string\n}\n\n/* ─── Component ─── */\n\nfunction ChatPanel({\n  messages,\n  onSendMessage,\n  disabled = false,\n  placeholder = \"Envie uma mensagem...\",\n  title = \"Chat\",\n  className,\n  ...props\n}: ChatPanelProps) {\n  const [input, setInput] = React.useState(\"\")\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n\n  /* Auto-scroll to bottom on new messages */\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (el) {\n      el.scrollTop = el.scrollHeight\n    }\n  }, [messages.length])\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    const trimmed = input.trim()\n    if (!trimmed || disabled) return\n    onSendMessage?.(trimmed)\n    setInput(\"\")\n  }\n\n  return (\n    <div\n      data-slot=\"chat-panel\"\n      className={cn(\n        \"flex flex-col bg-background border-l border-border\",\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"shrink-0 flex items-center h-12 px-4 border-b border-border\">\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n      </div>\n\n      {/* Messages */}\n      <ScrollArea className=\"flex-1 min-h-0\">\n        <div ref={scrollRef} className=\"flex flex-col gap-3 p-4\">\n          {messages.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-8\">\n              Nenhuma mensagem ainda.\n            </p>\n          )}\n          {messages.map((msg) => (\n            <ChatBubble\n              key={msg.id}\n              author={msg.author}\n              avatar={msg.avatar}\n              message={msg.message}\n              timestamp={msg.timestamp}\n              variant={msg.variant}\n            />\n          ))}\n        </div>\n      </ScrollArea>\n\n      {/* Input */}\n      {onSendMessage && (\n        <form\n          onSubmit={handleSubmit}\n          className=\"shrink-0 flex items-center gap-2 p-3 border-t border-border\"\n        >\n          <input\n            type=\"text\"\n            value={input}\n            onChange={(e) => setInput(e.target.value)}\n            placeholder={placeholder}\n            disabled={disabled}\n            className=\"flex-1 min-w-0 h-9 rounded-lg border border-input bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 ring-offset-background disabled:opacity-50 disabled:cursor-not-allowed\"\n          />\n          <Button\n            type=\"submit\"\n            size=\"icon-sm\"\n            disabled={disabled || !input.trim()}\n            className=\"shrink-0\"\n          >\n            <CycleIcon icon={SendIcon} size=\"xs\" decorative />\n          </Button>\n        </form>\n      )}\n    </div>\n  )\n}\n\nexport { ChatPanel }\n"]}

package/dist/{chunk-7XT6ISPQ.js → chunk-WXJKTVRI.js}

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/live-waiting.tsx"],"names":[],"mappings":"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","file":"chunk-7XT6ISPQ.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-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"]}

package/dist/icons/index.d.ts

@@ -1,43 +1,8 @@
 import * as React from 'react';
 import React__default, { SVGAttributes } from 'react';
 import { LucideIcon } from 'lucide-react';
-
-/**
- * Cycle Design — Icon Size Map
- *
- * Fonte da verdade para componentes React.
- * Derivado de: figma/Icons size/icon-{size}.json
- *
- * REGRA: strokeWidth nunca é prop — é sempre derivado de size.
- * Isso garante consistência visual em todos os ícones.
- */
-declare const ICON_SIZES: {
-    readonly '2xs': {
-        readonly size: 12;
-        readonly stroke: 1;
-    };
-    readonly xs: {
-        readonly size: 16;
-        readonly stroke: 1.2;
-    };
-    readonly sm: {
-        readonly size: 24;
-        readonly stroke: 1.5;
-    };
-    readonly md: {
-        readonly size: 32;
-        readonly stroke: 1.8;
-    };
-    readonly lg: {
-        readonly size: 40;
-        readonly stroke: 2.1;
-    };
-    readonly xl: {
-        readonly size: 48;
-        readonly stroke: 2.4;
-    };
-};
-type IconSize = keyof typeof ICON_SIZES;
+import { a as IconSize } from '../sizes-BZ5ZUk8g.js';
+export { I as ICON_SIZES } from '../sizes-BZ5ZUk8g.js';
 
 /**
  * Props base compartilhada.
@@ -71,7 +36,7 @@ type CycleIconProps = SemanticProps | DecorativeProps;
  * Use para todos os ícones Lucide no produto.
  *
  * @example
- * import { Home, Search } from "lucide-react"
+ * import { Home, Search } from "@fluencypassdevs/cycle/icons/lucide"
  * import { CycleIcon } from "@/components/icons"
  *
  * <CycleIcon icon={Home} size="sm" decorative />
@@ -614,4 +579,4 @@ declare function Required(props: IconProps): React__default.JSX.Element;
  */
 declare function Ray(props: IconProps): React__default.JSX.Element;
 
-export { Achievement, Answer, Badge, Certificate, Chat, Checkpoint, Completion, Conversation, Course, CycleIcon, type CycleIconProps, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, ICON_SIZES, type IconCategory, type IconProps, type IconSize, type IconStatus, Language, Lesson, Listening, Live, MemoryCard, Milestone, Module, Presentation, PrivateClass, Progress, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard };
+export { Achievement, Answer, Badge, Certificate, Chat, Checkpoint, Completion, Conversation, Course, CycleIcon, type CycleIconProps, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, type IconCategory, type IconProps, IconSize, type IconStatus, Language, Lesson, Listening, Live, MemoryCard, Milestone, Module, Presentation, PrivateClass, Progress, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard };

package/dist/icons/index.js

@@ -1,5 +1,5 @@
-export { Achievement, Answer, Badge, Certificate, Chat, 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, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard } from '../chunk-6LML23MS.js';
-export { CycleIcon, ICON_SIZES } from '../chunk-OT2HCBR2.js';
+export { Achievement, Answer, Badge, Certificate, Chat, 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, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard } from '../chunk-D4QCYBCD.js';
+export { CycleIcon, ICON_SIZES } from '../chunk-V7M2NHUO.js';
 import '../chunk-YINJ5YZ5.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/icons/lucide.d.ts

@@ -0,0 +1 @@
+export * from 'lucide-react';

package/dist/icons/lucide.js

@@ -0,0 +1,3 @@
+export * from 'lucide-react';
+//# sourceMappingURL=lucide.js.map
+//# sourceMappingURL=lucide.js.map

package/dist/icons/lucide.js.map

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

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 export { cn } from './lib/utils.js';
-export { Achievement, Answer, Badge as BadgeIcon, Certificate, Chat as ChatIcon, Checkpoint, Completion, Conversation, Course, CycleIcon, CycleIconProps, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, ICON_SIZES, IconCategory, IconProps, IconSize, IconStatus, 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 './icons/index.js';
+export { Achievement, Answer, Badge as BadgeIcon, Certificate, Chat as ChatIcon, Checkpoint, Completion, Conversation, Course, CycleIcon, CycleIconProps, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, IconCategory, IconProps, IconStatus, 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 './icons/index.js';
+export { I as ICON_SIZES, a as IconSize } from './sizes-BZ5ZUk8g.js';
+export { FluencypassIcon, FluencypassLogo, FluencypassLogoProps } from './logos/fluencypass.js';
+export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './logos/product.js';
 export { Button, ButtonProps, buttonVariants } from './ui/button.js';
 export { Input, InputProps } from './ui/input.js';
 export { Textarea, TextareaProps } from './ui/textarea.js';

package/dist/index.js

@@ -2,10 +2,12 @@ export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-PY
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './chunk-F2Q3E2ZM.js';
 export { Skeleton } from './chunk-2EKU7RP4.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-TZ7BEYQ7.js';
-export { AudioPlayer } from './chunk-WRJZHQNY.js';
-export { VideoPlayer } from './chunk-XX3I65LQ.js';
-export { Toaster, cycleToast } from './chunk-RI3ULQHH.js';
-export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from './chunk-POQUVBVT.js';
+export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.js';
+export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-JDAPQW5C.js';
+export { AudioPlayer } from './chunk-UAHCRXAG.js';
+export { VideoPlayer } from './chunk-BJIG33XF.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';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-SZUWVHP4.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './chunk-EF6FQT4Y.js';
@@ -13,13 +15,13 @@ export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chun
 export { ProgressStage } from './chunk-NYJMA2T7.js';
 export { ProgressDot, dotVariants, progressDotVariants } from './chunk-LHSUEXOW.js';
 export { FileCard, fileCardVariants } from './chunk-R4LITCVX.js';
-export { ChatPanel } from './chunk-UVCEQOQR.js';
+export { ChatPanel } from './chunk-WUZODCC2.js';
 export { ChatBubble, chatBubbleVariants } from './chunk-HZJRM5EK.js';
-export { LikeDislike, likeDislikeVariants } from './chunk-PXWCEJ2C.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-6LML23MS.js';
-export { LiveWaiting } from './chunk-7XT6ISPQ.js';
+export { LikeDislike, likeDislikeVariants } from './chunk-EXVLL3JP.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 { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-MSLQRGSP.js';
-export { CycleIcon, ICON_SIZES } from './chunk-OT2HCBR2.js';
+export { CycleIcon, ICON_SIZES } from './chunk-V7M2NHUO.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-QZVQPUVT.js';
 export { ScrollArea, ScrollBar } from './chunk-3LXU5C35.js';
 export { Checkbox, checkboxVariants } from './chunk-IJTNFN6N.js';

package/dist/logos/fluencypass.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface FluencypassLogoProps {
+    className?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+/**
+ * Fluencypass icon — the coral "S" shape.
+ * Cor primitiva #ED6A6D, nunca muda entre temas ou modos.
+ */
+declare function FluencypassIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * Fluencypass brand logo — coral "S" icon + "Fluencypass" text.
+ * O icone e cor primitiva (#ED6A6D), nunca muda.
+ * O texto adapta ao light/dark via text-foreground.
+ */
+declare function FluencypassLogo({ className, size }: FluencypassLogoProps): react_jsx_runtime.JSX.Element;
+
+export { FluencypassIcon, FluencypassLogo, type FluencypassLogoProps };

package/dist/logos/fluencypass.js

@@ -0,0 +1,5 @@
+export { FluencypassIcon, FluencypassLogo } from '../chunk-5LZHXNBV.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=fluencypass.js.map
+//# sourceMappingURL=fluencypass.js.map

package/dist/logos/fluencypass.js.map

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

package/dist/logos/product.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { a as IconSize } from '../sizes-BZ5ZUk8g.js';
+
+declare const sizeMap: {
+    readonly xs: {
+        readonly icon: IconSize;
+        readonly text: "button-sm";
+    };
+    readonly sm: {
+        readonly icon: IconSize;
+        readonly text: "heading-xs";
+    };
+    readonly md: {
+        readonly icon: IconSize;
+        readonly text: "heading-sm";
+    };
+    readonly lg: {
+        readonly icon: IconSize;
+        readonly text: "heading-md";
+    };
+    readonly xl: {
+        readonly icon: IconSize;
+        readonly text: "heading-lg";
+    };
+};
+type ProductLogoSize = keyof typeof sizeMap;
+interface ProductLogoProps {
+    icon: LucideIcon;
+    label: string;
+    size?: ProductLogoSize;
+    className?: string;
+}
+declare function ProductLogo({ icon, label, size, className }: ProductLogoProps): react_jsx_runtime.JSX.Element;
+declare function ClassLogo({ size, className }: {
+    size?: ProductLogoSize;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PrivateTalkLogo({ size, className }: {
+    size?: ProductLogoSize;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function GroupTalkLogo({ size, className }: {
+    size?: ProductLogoSize;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo };

package/dist/logos/product.js

@@ -0,0 +1,7 @@
+export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from '../chunk-JDAPQW5C.js';
+import '../chunk-D4QCYBCD.js';
+import '../chunk-V7M2NHUO.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=product.js.map
+//# sourceMappingURL=product.js.map

package/dist/logos/product.js.map

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

package/dist/sizes-BZ5ZUk8g.d.ts

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