@fluencypassdevs/cycle 1.6.0 → 1.7.0

package/bin/mcp.mjs

@@ -266,6 +266,86 @@ const COMPONENTS = [
 <CircularProgress value={50} showLabel={false} />`,
     keywords: ["progress", "circular", "circle", "anel", "ring", "porcentagem", "percentage", "score", "nota", "aproveitamento"],
   },
+  {
+    name: "Container",
+    import: `import { Container } from "@fluencypassdevs/cycle"`,
+    description: "Layout primitive: wrapper centralizado com max-width e margin LOCKED do design system (16/24px). Use sempre como wrapper de paginas/secoes. Margin custom (ex: 40px desktop) via className override.",
+    props: [
+      { name: "size", type: '"prose" | "default" | "wide" | "full"', default: '"default"' },
+      { name: "padding", type: '"default" | "none"', default: '"default"' },
+      { name: "as", type: '"div" | "section" | "main" | "article"', default: '"div"' },
+    ],
+    example: `<Container>conteudo principal (max 1380px, margin 16/24)</Container>
+<Container size="prose">leitura/forms (max 860px)</Container>
+<Container padding="none">hero full-bleed</Container>
+
+{/* Override custom (raro) */}
+<Container className="sm:px-10">conteudo com mais respiro (40px desktop)</Container>`,
+    keywords: ["container", "wrapper", "max-width", "centralizar", "layout", "secao", "pagina", "margin"],
+  },
+  {
+    name: "Stack",
+    import: `import { Stack } from "@fluencypassdevs/cycle"`,
+    description: "Layout primitive: flex com gap, direction e alinhamento. Use em vez de flex flex-col gap-X manual. Gap tokens xs=4 sm=8 md=12 lg=16 xl=24 px.",
+    props: [
+      { name: "direction", type: '"col" | "row"', default: '"col"' },
+      { name: "directionSm", type: '"col" | "row"', default: "-" },
+      { name: "directionLg", type: '"col" | "row"', default: "-" },
+      { name: "gap", type: '"xs" | "sm" | "md" | "lg" | "xl"', default: '"lg"' },
+      { name: "gapSm", type: '"xs" | "sm" | "md" | "lg" | "xl"', default: "-" },
+      { name: "align", type: '"start" | "center" | "end" | "stretch"', default: "-" },
+      { name: "justify", type: '"start" | "center" | "end" | "between"', default: "-" },
+    ],
+    example: `<Stack gap="xl">vertical</Stack>
+<Stack direction="col" directionSm="row" justify="between">action bar responsivo</Stack>
+<Stack gap="md" gapSm="xl">gap responsivo</Stack>`,
+    keywords: ["stack", "flex", "vstack", "hstack", "vertical", "horizontal", "gap", "espacamento"],
+  },
+  {
+    name: "Grid",
+    import: `import { Grid, GridItem } from "@fluencypassdevs/cycle"`,
+    description: "Layout primitive: CSS grid totalmente prescrito. 12 colunas FIXAS, gutter LOCKED (16px mobile, 24px desktop). Items usam GridItem com size 1-12 para ocupar fracoes. Sem props pra cols/gap — sistema decide tudo. Apenas minItemWidth para galerias auto-fit.",
+    props: [
+      { name: "minItemWidth", type: "string", default: "-" },
+    ],
+    example: `{/* 3 cards iguais (1 mobile, 3 desktop) */}
+<Grid>
+  <GridItem size={12} sizeMd={4}>Card</GridItem>
+  <GridItem size={12} sizeMd={4}>Card</GridItem>
+  <GridItem size={12} sizeMd={4}>Card</GridItem>
+</Grid>
+
+{/* Hero + 2 metades */}
+<Grid>
+  <GridItem size={12}>Hero</GridItem>
+  <GridItem size={12} sizeMd={6}>Card A</GridItem>
+  <GridItem size={12} sizeMd={6}>Card B</GridItem>
+</Grid>
+
+{/* Galeria auto-fit */}
+<Grid minItemWidth="280px">cards</Grid>`,
+    keywords: ["grid", "colunas", "cols", "responsive", "layout", "cards", "12-col"],
+  },
+  {
+    name: "GridItem",
+    import: `import { GridItem } from "@fluencypassdevs/cycle"`,
+    description: "Filho do Grid. Define quantas das 12 colunas ocupar em cada breakpoint via size/sizeSm/sizeMd/sizeLg. Pense em fracoes: size=12 (full), size=6 (1/2), size=4 (1/3), size=3 (1/4).",
+    props: [
+      { name: "size", type: "1 a 12", default: "-" },
+      { name: "sizeSm", type: "1 a 12", default: "-" },
+      { name: "sizeMd", type: "1 a 12", default: "-" },
+      { name: "sizeLg", type: "1 a 12", default: "-" },
+    ],
+    example: `{/* Full no mobile, metade no desktop */}
+<GridItem size={12} sizeMd={6}>Card</GridItem>
+
+{/* Sempre um terco */}
+<GridItem size={4}>1/3</GridItem>
+
+{/* Sidebar 1/4 desktop */}
+<GridItem size={12} sizeMd={3}>Sidebar</GridItem>`,
+    keywords: ["grid", "item", "size", "col-span", "colunas", "child", "fracao"],
+  },
   {
     name: "FileCard",
     import: `import { FileCard } from "@fluencypassdevs/cycle"`,

package/dist/chunk-I5A3CME4.js

@@ -0,0 +1,84 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
+import { jsx } from 'react/jsx-runtime';
+
+var DIRECTION = {
+  col: "flex-col",
+  row: "flex-row"
+};
+var DIRECTION_SM = {
+  col: "sm:flex-col",
+  row: "sm:flex-row"
+};
+var DIRECTION_LG = {
+  col: "lg:flex-col",
+  row: "lg:flex-row"
+};
+var GAP = {
+  xs: "gap-1",
+  sm: "gap-2",
+  md: "gap-3",
+  lg: "gap-4",
+  xl: "gap-6"
+};
+var GAP_SM = {
+  xs: "sm:gap-1",
+  sm: "sm:gap-2",
+  md: "sm:gap-3",
+  lg: "sm:gap-4",
+  xl: "sm:gap-6"
+};
+var ALIGN = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+};
+var JUSTIFY = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between"
+};
+function Stack(_a) {
+  var _b = _a, {
+    direction = "col",
+    directionSm,
+    directionLg,
+    gap = "lg",
+    gapSm,
+    align,
+    justify,
+    className
+  } = _b, props = __objRest(_b, [
+    "direction",
+    "directionSm",
+    "directionLg",
+    "gap",
+    "gapSm",
+    "align",
+    "justify",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "stack",
+      className: cn(
+        "flex",
+        DIRECTION[direction],
+        directionSm && DIRECTION_SM[directionSm],
+        directionLg && DIRECTION_LG[directionLg],
+        GAP[gap],
+        gapSm && GAP_SM[gapSm],
+        align && ALIGN[align],
+        justify && JUSTIFY[justify],
+        className
+      )
+    }, props)
+  );
+}
+
+export { Stack };
+//# sourceMappingURL=chunk-I5A3CME4.js.map
+//# sourceMappingURL=chunk-I5A3CME4.js.map

package/dist/chunk-I5A3CME4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/stack.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,SAAA,GAAY;AAAA,EAChB,GAAA,EAAK,UAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,YAAA,GAAe;AAAA,EACnB,GAAA,EAAK,aAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,YAAA,GAAe;AAAA,EACnB,GAAA,EAAK,aAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,GAAA,GAAgC;AAAA,EACpC,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,MAAA,GAAmC;AAAA,EACvC,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,KAAA,GAAQ;AAAA,EACZ,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,cAAA;AAAA,EACR,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,OAAA,GAAU;AAAA,EACd,KAAA,EAAO,eAAA;AAAA,EACP,MAAA,EAAQ,gBAAA;AAAA,EACR,GAAA,EAAK,aAAA;AAAA,EACL,OAAA,EAAS;AACX,CAAA;AAmBA,SAAS,MAAM,EAAA,EAUA;AAVA,EAAA,IAAA,EAAA,GAAA,EAAA,EACb;AAAA,IAAA,SAAA,GAAY,KAAA;AAAA,IACZ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAA,GAAM,IAAA;AAAA,IACN,KAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GA3EF,GAmEe,EAAA,EASV,KAAA,GAAA,SAAA,CATU,EAAA,EASV;AAAA,IARH,WAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA,UAAU,SAAS,CAAA;AAAA,QACnB,WAAA,IAAe,aAAa,WAAW,CAAA;AAAA,QACvC,WAAA,IAAe,aAAa,WAAW,CAAA;AAAA,QACvC,IAAI,GAAG,CAAA;AAAA,QACP,KAAA,IAAS,OAAO,KAAK,CAAA;AAAA,QACrB,KAAA,IAAS,MAAM,KAAK,CAAA;AAAA,QACpB,OAAA,IAAW,QAAQ,OAAO,CAAA;AAAA,QAC1B;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ","file":"chunk-I5A3CME4.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport type { GapToken } from \"./types\"\n\nconst DIRECTION = {\n  col: \"flex-col\",\n  row: \"flex-row\",\n} as const\n\nconst DIRECTION_SM = {\n  col: \"sm:flex-col\",\n  row: \"sm:flex-row\",\n} as const\n\nconst DIRECTION_LG = {\n  col: \"lg:flex-col\",\n  row: \"lg:flex-row\",\n} as const\n\nconst GAP: Record<GapToken, string> = {\n  xs: \"gap-1\",\n  sm: \"gap-2\",\n  md: \"gap-3\",\n  lg: \"gap-4\",\n  xl: \"gap-6\",\n}\n\nconst GAP_SM: Record<GapToken, string> = {\n  xs: \"sm:gap-1\",\n  sm: \"sm:gap-2\",\n  md: \"sm:gap-3\",\n  lg: \"sm:gap-4\",\n  xl: \"sm:gap-6\",\n}\n\nconst ALIGN = {\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n} as const\n\nconst JUSTIFY = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n} as const\n\nexport interface StackProps extends React.ComponentProps<\"div\"> {\n  /** Flex direction (default: col) */\n  direction?: keyof typeof DIRECTION\n  /** Direction at sm breakpoint (>= 640px) */\n  directionSm?: keyof typeof DIRECTION_SM\n  /** Direction at lg breakpoint (>= 1024px) */\n  directionLg?: keyof typeof DIRECTION_LG\n  /** Gap between items (default: lg = 16px) */\n  gap?: GapToken\n  /** Gap at sm breakpoint */\n  gapSm?: GapToken\n  /** Cross-axis alignment */\n  align?: keyof typeof ALIGN\n  /** Main-axis alignment */\n  justify?: keyof typeof JUSTIFY\n}\n\nfunction Stack({\n  direction = \"col\",\n  directionSm,\n  directionLg,\n  gap = \"lg\",\n  gapSm,\n  align,\n  justify,\n  className,\n  ...props\n}: StackProps) {\n  return (\n    <div\n      data-slot=\"stack\"\n      className={cn(\n        \"flex\",\n        DIRECTION[direction],\n        directionSm && DIRECTION_SM[directionSm],\n        directionLg && DIRECTION_LG[directionLg],\n        GAP[gap],\n        gapSm && GAP_SM[gapSm],\n        align && ALIGN[align],\n        justify && JUSTIFY[justify],\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Stack }\n"]}

package/dist/chunk-JRJBKPXW.js

@@ -0,0 +1,118 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
+import { jsx } from 'react/jsx-runtime';
+
+var SIZE_BASE = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4",
+  5: "col-span-5",
+  6: "col-span-6",
+  7: "col-span-7",
+  8: "col-span-8",
+  9: "col-span-9",
+  10: "col-span-10",
+  11: "col-span-11",
+  12: "col-span-12"
+};
+var SIZE_SM = {
+  1: "sm:col-span-1",
+  2: "sm:col-span-2",
+  3: "sm:col-span-3",
+  4: "sm:col-span-4",
+  5: "sm:col-span-5",
+  6: "sm:col-span-6",
+  7: "sm:col-span-7",
+  8: "sm:col-span-8",
+  9: "sm:col-span-9",
+  10: "sm:col-span-10",
+  11: "sm:col-span-11",
+  12: "sm:col-span-12"
+};
+var SIZE_MD = {
+  1: "md:col-span-1",
+  2: "md:col-span-2",
+  3: "md:col-span-3",
+  4: "md:col-span-4",
+  5: "md:col-span-5",
+  6: "md:col-span-6",
+  7: "md:col-span-7",
+  8: "md:col-span-8",
+  9: "md:col-span-9",
+  10: "md:col-span-10",
+  11: "md:col-span-11",
+  12: "md:col-span-12"
+};
+var SIZE_LG = {
+  1: "lg:col-span-1",
+  2: "lg:col-span-2",
+  3: "lg:col-span-3",
+  4: "lg:col-span-4",
+  5: "lg:col-span-5",
+  6: "lg:col-span-6",
+  7: "lg:col-span-7",
+  8: "lg:col-span-8",
+  9: "lg:col-span-9",
+  10: "lg:col-span-10",
+  11: "lg:col-span-11",
+  12: "lg:col-span-12"
+};
+function Grid(_a) {
+  var _b = _a, {
+    minItemWidth,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "minItemWidth",
+    "className",
+    "style"
+  ]);
+  const useAutoFit = !!minItemWidth;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "grid",
+      className: cn(
+        "grid gap-4 sm:gap-6",
+        !useAutoFit && "grid-cols-12",
+        className
+      ),
+      style: useAutoFit ? __spreadValues({
+        gridTemplateColumns: `repeat(auto-fit, minmax(${minItemWidth}, 1fr))`
+      }, style) : style
+    }, props)
+  );
+}
+function GridItem(_a) {
+  var _b = _a, {
+    size,
+    sizeSm,
+    sizeMd,
+    sizeLg,
+    className
+  } = _b, props = __objRest(_b, [
+    "size",
+    "sizeSm",
+    "sizeMd",
+    "sizeLg",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "grid-item",
+      className: cn(
+        size && SIZE_BASE[size],
+        sizeSm && SIZE_SM[sizeSm],
+        sizeMd && SIZE_MD[sizeMd],
+        sizeLg && SIZE_LG[sizeLg],
+        className
+      )
+    }, props)
+  );
+}
+
+export { Grid, GridItem };
+//# sourceMappingURL=chunk-JRJBKPXW.js.map
+//# sourceMappingURL=chunk-JRJBKPXW.js.map

package/dist/chunk-JRJBKPXW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/grid.tsx"],"names":[],"mappings":"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","file":"chunk-JRJBKPXW.js","sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport type { ColCount } from \"./types\"\n\n/**\n * Grid — sistema de grid com 12 colunas FIXAS e gutter locked.\n *\n * Valores travados pelo design system (nao configuraveis):\n * - Columns: sempre 12\n * - Gutter (gap): 16px mobile / 24px desktop (`gap-4 sm:gap-6`)\n *\n * Items usam <GridItem size={N}> com N de 1 a 12 para ocupar fracoes da linha.\n * Para galerias auto-fit (sem cols fixas), use a prop `minItemWidth`.\n */\n\n/* ─── Size maps (1–12) — para GridItem ─────────────────────────── */\n\nconst SIZE_BASE: Record<ColCount, string> = {\n  1: \"col-span-1\", 2: \"col-span-2\", 3: \"col-span-3\", 4: \"col-span-4\",\n  5: \"col-span-5\", 6: \"col-span-6\", 7: \"col-span-7\", 8: \"col-span-8\",\n  9: \"col-span-9\", 10: \"col-span-10\", 11: \"col-span-11\", 12: \"col-span-12\",\n}\n\nconst SIZE_SM: Record<ColCount, string> = {\n  1: \"sm:col-span-1\", 2: \"sm:col-span-2\", 3: \"sm:col-span-3\", 4: \"sm:col-span-4\",\n  5: \"sm:col-span-5\", 6: \"sm:col-span-6\", 7: \"sm:col-span-7\", 8: \"sm:col-span-8\",\n  9: \"sm:col-span-9\", 10: \"sm:col-span-10\", 11: \"sm:col-span-11\", 12: \"sm:col-span-12\",\n}\n\nconst SIZE_MD: Record<ColCount, string> = {\n  1: \"md:col-span-1\", 2: \"md:col-span-2\", 3: \"md:col-span-3\", 4: \"md:col-span-4\",\n  5: \"md:col-span-5\", 6: \"md:col-span-6\", 7: \"md:col-span-7\", 8: \"md:col-span-8\",\n  9: \"md:col-span-9\", 10: \"md:col-span-10\", 11: \"md:col-span-11\", 12: \"md:col-span-12\",\n}\n\nconst SIZE_LG: Record<ColCount, string> = {\n  1: \"lg:col-span-1\", 2: \"lg:col-span-2\", 3: \"lg:col-span-3\", 4: \"lg:col-span-4\",\n  5: \"lg:col-span-5\", 6: \"lg:col-span-6\", 7: \"lg:col-span-7\", 8: \"lg:col-span-8\",\n  9: \"lg:col-span-9\", 10: \"lg:col-span-10\", 11: \"lg:col-span-11\", 12: \"lg:col-span-12\",\n}\n\n/* ─── Grid (container) ──────────────────────────────────────────── */\n\nexport interface GridProps extends React.ComponentProps<\"div\"> {\n  /**\n   * Auto-fit gallery: largura minima por item. Quando setado, sobrescreve\n   * o sistema 12-col padrao com `repeat(auto-fit, minmax(X, 1fr))`.\n   * Use para galerias uniformes onde nao se controla o numero de items por linha.\n   */\n  minItemWidth?: string\n}\n\nfunction Grid({\n  minItemWidth,\n  className,\n  style,\n  ...props\n}: GridProps) {\n  const useAutoFit = !!minItemWidth\n\n  return (\n    <div\n      data-slot=\"grid\"\n      className={cn(\n        \"grid gap-4 sm:gap-6\",\n        !useAutoFit && \"grid-cols-12\",\n        className\n      )}\n      style={\n        useAutoFit\n          ? {\n              gridTemplateColumns: `repeat(auto-fit, minmax(${minItemWidth}, 1fr))`,\n              ...style,\n            }\n          : style\n      }\n      {...props}\n    />\n  )\n}\n\n/* ─── GridItem (filho) ──────────────────────────────────────────── */\n\nexport interface GridItemProps extends React.ComponentProps<\"div\"> {\n  /** Quantas colunas (de 12) o item ocupa no mobile. Sem size, ocupa 1 col. */\n  size?: ColCount\n  /** Cols em sm (>= 640px) */\n  sizeSm?: ColCount\n  /** Cols em md (>= 768px) */\n  sizeMd?: ColCount\n  /** Cols em lg (>= 1024px) */\n  sizeLg?: ColCount\n}\n\nfunction GridItem({\n  size,\n  sizeSm,\n  sizeMd,\n  sizeLg,\n  className,\n  ...props\n}: GridItemProps) {\n  return (\n    <div\n      data-slot=\"grid-item\"\n      className={cn(\n        size && SIZE_BASE[size],\n        sizeSm && SIZE_SM[sizeSm],\n        sizeMd && SIZE_MD[sizeMd],\n        sizeLg && SIZE_LG[sizeLg],\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Grid, GridItem }\n"]}

package/dist/{chunk-PCLVQPIG.js → chunk-L2DJS6PG.js}

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

package/dist/{chunk-PCLVQPIG.js.map → chunk-L2DJS6PG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/live-waiting.tsx"],"names":[],"mappings":"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","file":"chunk-PCLVQPIG.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":";;;;;;;;AAiCA,SAAS,aAAa,MAAA,EAAwB;AAC5C,EAAA,MAAM,KAAA,GAAQ,KAAK,GAAA,CAAI,CAAA,EAAG,OAAO,OAAA,EAAQ,GAAI,IAAA,CAAK,GAAA,EAAK,CAAA;AACvD,EAAA,OAAO;AAAA,IACL,MAAM,IAAA,CAAK,KAAA,CAAM,SAAS,GAAA,GAAO,EAAA,GAAK,KAAK,EAAA,CAAG,CAAA;AAAA,IAC9C,OAAO,IAAA,CAAK,KAAA,CAAO,SAAS,GAAA,GAAO,EAAA,GAAK,MAAO,EAAE,CAAA;AAAA,IACjD,SAAS,IAAA,CAAK,KAAA,CAAO,KAAA,IAAS,GAAA,GAAO,MAAO,EAAE,CAAA;AAAA,IAC9C,OAAA,EAAS,IAAA,CAAK,KAAA,CAAO,KAAA,GAAQ,MAAQ,EAAE,CAAA;AAAA,IACvC;AAAA,GACF;AACF;AAEA,SAAS,OAAO,CAAA,EAAmB;AACjC,EAAA,OAAO,CAAA,CAAE,QAAA,EAAS,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AACrC;AAEA,SAAS,YAAY,IAAA,EAAsB;AACzC,EAAA,OAAO,KACJ,KAAA,CAAM,GAAG,EACT,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,CACV,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,CAAC,CAAC,EACf,IAAA,CAAK,EAAE,EACP,WAAA,EAAY;AACjB;AAIA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAO,KAAA,EAAM,EAAqC;AACzE,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0JAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wEAAA,EACb,QAAA,EAAA,KAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAIA,SAAS,WAAA,CAAY;AAAA,EACnB,WAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,KAAA,CAAA,QAAA;AAAA,IAAmB,MACvD,aAAa,WAAW;AAAA,GAC1B;AAEA,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,MAAA,WAAA,CAAY,YAAA,CAAa,WAAW,CAAC,CAAA;AAAA,IACvC,GAAG,GAAI,CAAA;AACP,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,UAAA,GAAa,SAAS,KAAA,KAAU,CAAA;AAEtC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,SAAM,OAAA,EAAQ,aAAA,EAAc,IAAA,EAAK,IAAA,EAAK,WAAU,SAAA,EAC/C,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,aAAU,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,KAAA,EAAM,YAAU,IAAA,EAAC,CAAA;AAAA,UACjD,aAAa,iBAAA,GAAiB;AAAA,SAAA,EACjC,CAAA;AAAA,QAGC,KAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,sFACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QAID,CAAC,UAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,QAAA,CAAS,IAAA,GAAO,qBACf,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,iBAAc,KAAA,EAAO,MAAA,CAAO,SAAS,IAAI,CAAA,EAAG,OAAM,MAAA,EAAO,CAAA;AAAA,4BAC1D,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qDAAA,EAAsD,QAAA,EAAA,GAAA,EAAC;AAAA,WAAA,EACzE,CAAA;AAAA,0BAEF,GAAA,CAAC,iBAAc,KAAA,EAAO,MAAA,CAAO,SAAS,KAAK,CAAA,EAAG,OAAM,OAAA,EAAQ,CAAA;AAAA,0BAC5D,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qDAAA,EAAsD,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,0BACvE,GAAA,CAAC,iBAAc,KAAA,EAAO,MAAA,CAAO,SAAS,OAAO,CAAA,EAAG,OAAM,KAAA,EAAM,CAAA;AAAA,0BAC5D,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qDAAA,EAAsD,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,0BACvE,GAAA,CAAC,iBAAc,KAAA,EAAO,MAAA,CAAO,SAAS,OAAO,CAAA,EAAG,OAAM,KAAA,EAAM;AAAA,SAAA,EAC9D,CAAA;AAAA,4BAID,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EACV,QAAA,EAAA,WAAA,CAAY,mBAAmB,OAAA,EAAS;AAAA,UACvC,OAAA,EAAS,MAAA;AAAA,UACT,GAAA,EAAK,SAAA;AAAA,UACL,KAAA,EAAO,MAAA;AAAA,UACP,IAAA,EAAM,SAAA;AAAA,UACN,MAAA,EAAQ;AAAA,SACT,CAAA,EACH,CAAA;AAAA,QAGC,WAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EAAO,MAAK,IAAA,EACV,QAAA,EAAA;AAAA,YAAA,aAAA,oBACC,GAAA,CAAC,WAAA,EAAA,EAAY,GAAA,EAAK,aAAA,EAAe,KAAK,WAAA,EAAa,CAAA;AAAA,gCAEpD,cAAA,EAAA,EAAe,SAAA,EAAU,oCAAA,EACvB,QAAA,EAAA,WAAA,CAAY,WAAW,CAAA,EAC1B;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAA,EACb,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,cAAA,EAAY;AAAA,WAAA,EAC9D;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-L2DJS6PG.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-QANROH2K.js

@@ -0,0 +1,50 @@
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues } from './chunk-YINJ5YZ5.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var containerVariants = cva("mx-auto w-full", {
+  variants: {
+    size: {
+      prose: "max-w-[860px]",
+      default: "max-w-[1380px]",
+      wide: "max-w-[1440px]",
+      full: ""
+    },
+    padding: {
+      /** 16px mobile / 24px desktop (system margin) */
+      default: "px-4 sm:px-6",
+      /** Sem padding — para hero/banner full-bleed */
+      none: ""
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    padding: "default"
+  }
+});
+function Container(_a) {
+  var _b = _a, {
+    size,
+    padding,
+    as = "div",
+    className
+  } = _b, props = __objRest(_b, [
+    "size",
+    "padding",
+    "as",
+    "className"
+  ]);
+  const Component = as;
+  return /* @__PURE__ */ jsx(
+    Component,
+    __spreadValues({
+      "data-slot": "container",
+      className: cn(containerVariants({ size, padding }), className)
+    }, props)
+  );
+}
+
+export { Container, containerVariants };
+//# sourceMappingURL=chunk-QANROH2K.js.map
+//# sourceMappingURL=chunk-QANROH2K.js.map

package/dist/chunk-QANROH2K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/container.tsx"],"names":[],"mappings":";;;;;AAaA,IAAM,iBAAA,GAAoB,IAAI,gBAAA,EAAkB;AAAA,EAC9C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,eAAA;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA;AAAA,MAEP,OAAA,EAAS,cAAA;AAAA;AAAA,MAET,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC;AASD,SAAS,UAAU,EAAA,EAMA;AANA,EAAA,IAAA,EAAA,GAAA,EAAA,EACjB;AAAA,IAAA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,EAAA,GAAK,KAAA;AAAA,IACL;AAAA,GA7CF,GAyCmB,EAAA,EAKd,KAAA,GAAA,SAAA,CALc,EAAA,EAKd;AAAA,IAJH,MAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,SAAA,GAAY,EAAA;AAClB,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,GAAG,iBAAA,CAAkB,EAAE,MAAM,OAAA,EAAS,GAAG,SAAS;AAAA,KAAA,EACzD,KAAA;AAAA,GACN;AAEJ","file":"chunk-QANROH2K.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Container — wrapper centralizado com max-width e margin lateral.\n *\n * Margin (locked system value): 16px mobile / 24px desktop. Para casos especiais\n * que pedem mais respiro (ex: conteudo luxuoso), use override via className: `sm:px-10`.\n *\n * O Container nao define gutter ou colunas — isso e responsabilidade do Grid interno.\n */\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    size: {\n      prose: \"max-w-[860px]\",\n      default: \"max-w-[1380px]\",\n      wide: \"max-w-[1440px]\",\n      full: \"\",\n    },\n    padding: {\n      /** 16px mobile / 24px desktop (system margin) */\n      default: \"px-4 sm:px-6\",\n      /** Sem padding — para hero/banner full-bleed */\n      none: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n    padding: \"default\",\n  },\n})\n\nexport interface ContainerProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof containerVariants> {\n  /** HTML element to render (default: div) */\n  as?: \"div\" | \"section\" | \"main\" | \"article\"\n}\n\nfunction Container({\n  size,\n  padding,\n  as = \"div\",\n  className,\n  ...props\n}: ContainerProps) {\n  const Component = as as React.ElementType\n  return (\n    <Component\n      data-slot=\"container\"\n      className={cn(containerVariants({ size, padding }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Container, containerVariants }\n"]}

package/dist/index.d.ts

@@ -21,6 +21,10 @@ export { Progress, ProgressProps, indicatorVariants, progressVariants } from './
 export { ProgressStage, ProgressStageProps } from './ui/progress-stage.js';
 export { ProgressDot, ProgressDotProps, dotVariants, progressDotVariants } from './ui/progress-dot.js';
 export { CircularProgress, CircularProgressProps, circularProgressVariants } from './ui/circular-progress.js';
+export { Container, ContainerProps, containerVariants } from './layout/container.js';
+export { Stack, StackProps } from './layout/stack.js';
+export { Grid, GridItem, GridItemProps, GridProps } from './layout/grid.js';
+export { C as ColCount, G as GapToken } from './types-CVdl5nka.js';
 export { FileCard, FileCardProps, fileCardVariants } from './ui/file-card.js';
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './ui/avatar.js';
 export { ChatBubble, ChatBubbleProps, chatBubbleVariants } from './ui/chat-bubble.js';

package/dist/index.js

@@ -1,34 +1,37 @@
+export { Spinner } from './chunk-5XNYJECW.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-5NKTYXWQ.js';
+export { Fab, fabVariants } from './chunk-7NFHHOAE.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-YJ4U7ISM.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-NOMLQHZS.js';
 export { Editor } from './chunk-D4UH2HJQ.js';
 export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-66CU7J2I.js';
 export { FluencypassIcon, FluencypassLogo } from './chunk-5LZHXNBV.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-3EFI7PYC.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';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-IGMII4BK.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-PY2BIZNB.js';
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './chunk-F2Q3E2ZM.js';
 export { Skeleton } from './chunk-2EKU7RP4.js';
-export { Spinner } from './chunk-5XNYJECW.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-5NKTYXWQ.js';
-export { Fab, fabVariants } from './chunk-7NFHHOAE.js';
-export { LiveWaiting } from './chunk-PCLVQPIG.js';
+export { ChatPanel } from './chunk-L32AMI4K.js';
+export { ChatBubble, chatBubbleVariants } from './chunk-HZJRM5EK.js';
+export { LikeDislike, likeDislikeVariants } from './chunk-F2XA2Z75.js';
+export { LiveWaiting } from './chunk-L2DJS6PG.js';
 export { AudioPlayer } from './chunk-DCNZ2DRR.js';
 export { VideoPlayer } from './chunk-V3CBOIGK.js';
 export { playerLocales } from './chunk-C6BQAAHX.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-3EFI7PYC.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-SZUWVHP4.js';
+export { Achievement, Ai, 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-JPEDYOV7.js';
+export { CycleIcon, ICON_SIZES } from './chunk-V7M2NHUO.js';
 export { ProgressStage } from './chunk-NYJMA2T7.js';
 export { ProgressDot, dotVariants, progressDotVariants } from './chunk-ZTANTDKS.js';
 export { CircularProgress, circularProgressVariants } from './chunk-A3Z5GGAI.js';
+export { Container, containerVariants } from './chunk-QANROH2K.js';
+export { Stack } from './chunk-I5A3CME4.js';
+export { Grid, GridItem } from './chunk-JRJBKPXW.js';
 export { FileCard, fileCardVariants } from './chunk-JMNMW54C.js';
-export { ChatPanel } from './chunk-L32AMI4K.js';
-export { ChatBubble, chatBubbleVariants } from './chunk-HZJRM5EK.js';
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-MSLQRGSP.js';
-export { LikeDislike, likeDislikeVariants } from './chunk-F2XA2Z75.js';
-export { Achievement, Ai, 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-JPEDYOV7.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-5BNTQSCS.js';

package/dist/layout/container.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Container — wrapper centralizado com max-width e margin lateral.
+ *
+ * Margin (locked system value): 16px mobile / 24px desktop. Para casos especiais
+ * que pedem mais respiro (ex: conteudo luxuoso), use override via className: `sm:px-10`.
+ *
+ * O Container nao define gutter ou colunas — isso e responsabilidade do Grid interno.
+ */
+declare const containerVariants: (props?: ({
+    size?: "default" | "prose" | "wide" | "full" | null | undefined;
+    padding?: "none" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ContainerProps extends React.ComponentProps<"div">, VariantProps<typeof containerVariants> {
+    /** HTML element to render (default: div) */
+    as?: "div" | "section" | "main" | "article";
+}
+declare function Container({ size, padding, as, className, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
+
+export { Container, type ContainerProps, containerVariants };

package/dist/layout/container.js

@@ -0,0 +1,5 @@
+export { Container, containerVariants } from '../chunk-QANROH2K.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=container.js.map
+//# sourceMappingURL=container.js.map

package/dist/layout/container.js.map

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

package/dist/layout/grid.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { C as ColCount } from '../types-CVdl5nka.js';
+
+interface GridProps extends React.ComponentProps<"div"> {
+    /**
+     * Auto-fit gallery: largura minima por item. Quando setado, sobrescreve
+     * o sistema 12-col padrao com `repeat(auto-fit, minmax(X, 1fr))`.
+     * Use para galerias uniformes onde nao se controla o numero de items por linha.
+     */
+    minItemWidth?: string;
+}
+declare function Grid({ minItemWidth, className, style, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+interface GridItemProps extends React.ComponentProps<"div"> {
+    /** Quantas colunas (de 12) o item ocupa no mobile. Sem size, ocupa 1 col. */
+    size?: ColCount;
+    /** Cols em sm (>= 640px) */
+    sizeSm?: ColCount;
+    /** Cols em md (>= 768px) */
+    sizeMd?: ColCount;
+    /** Cols em lg (>= 1024px) */
+    sizeLg?: ColCount;
+}
+declare function GridItem({ size, sizeSm, sizeMd, sizeLg, className, ...props }: GridItemProps): react_jsx_runtime.JSX.Element;
+
+export { Grid, GridItem, type GridItemProps, type GridProps };

package/dist/layout/grid.js

@@ -0,0 +1,5 @@
+export { Grid, GridItem } from '../chunk-JRJBKPXW.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=grid.js.map
+//# sourceMappingURL=grid.js.map

package/dist/layout/grid.js.map

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

package/dist/layout/stack.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { G as GapToken } from '../types-CVdl5nka.js';
+
+declare const DIRECTION: {
+    readonly col: "flex-col";
+    readonly row: "flex-row";
+};
+declare const DIRECTION_SM: {
+    readonly col: "sm:flex-col";
+    readonly row: "sm:flex-row";
+};
+declare const DIRECTION_LG: {
+    readonly col: "lg:flex-col";
+    readonly row: "lg:flex-row";
+};
+declare const ALIGN: {
+    readonly start: "items-start";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly stretch: "items-stretch";
+};
+declare const JUSTIFY: {
+    readonly start: "justify-start";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+    readonly between: "justify-between";
+};
+interface StackProps extends React.ComponentProps<"div"> {
+    /** Flex direction (default: col) */
+    direction?: keyof typeof DIRECTION;
+    /** Direction at sm breakpoint (>= 640px) */
+    directionSm?: keyof typeof DIRECTION_SM;
+    /** Direction at lg breakpoint (>= 1024px) */
+    directionLg?: keyof typeof DIRECTION_LG;
+    /** Gap between items (default: lg = 16px) */
+    gap?: GapToken;
+    /** Gap at sm breakpoint */
+    gapSm?: GapToken;
+    /** Cross-axis alignment */
+    align?: keyof typeof ALIGN;
+    /** Main-axis alignment */
+    justify?: keyof typeof JUSTIFY;
+}
+declare function Stack({ direction, directionSm, directionLg, gap, gapSm, align, justify, className, ...props }: StackProps): react_jsx_runtime.JSX.Element;
+
+export { Stack, type StackProps };

package/dist/layout/stack.js

@@ -0,0 +1,5 @@
+export { Stack } from '../chunk-I5A3CME4.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=stack.js.map
+//# sourceMappingURL=stack.js.map

package/dist/layout/stack.js.map

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

package/dist/types-CVdl5nka.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Shared types for layout primitives (Container, Stack, Grid, GridItem).
+ */
+/** Semantic gap tokens — used by Stack only (Grid has locked gutter). Maps to Tailwind gap-1/2/3/4/6 (4/8/12/16/24 px) */
+type GapToken = "xs" | "sm" | "md" | "lg" | "xl";
+/** Allowed column count for GridItem `size` (1–12) — based on the locked 12-col grid */
+type ColCount = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+
+export type { ColCount as C, GapToken as G };

package/dist/ui/chat-panel.js

@@ -1,7 +1,7 @@
 export { ChatPanel } from '../chunk-L32AMI4K.js';
 import '../chunk-HZJRM5EK.js';
-import '../chunk-MSLQRGSP.js';
 import '../chunk-V7M2NHUO.js';
+import '../chunk-MSLQRGSP.js';
 import '../chunk-3LXU5C35.js';
 import '../chunk-5I4PGGLN.js';
 import '../chunk-TYCPXAXF.js';

package/dist/ui/live-waiting.js

@@ -1,6 +1,6 @@
-export { LiveWaiting } from '../chunk-PCLVQPIG.js';
-import '../chunk-MSLQRGSP.js';
+export { LiveWaiting } from '../chunk-L2DJS6PG.js';
 import '../chunk-V7M2NHUO.js';
+import '../chunk-MSLQRGSP.js';
 import '../chunk-W4GSXVJ2.js';
 import '../chunk-TYCPXAXF.js';
 import '../chunk-YINJ5YZ5.js';

package/package.json

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