@tenerife.music/ui 1.0.7 → 1.0.8

package/dist/components/layout/Container.d.ts

@@ -1,10 +1,31 @@
-import { VariantProps } from 'class-variance-authority';
+import { ResponsiveSpacing } from './layout.types';
+/**
+ * Container Layout Primitive Component
+ *
+ * Token-driven container component for constraining content width and centering.
+ * Uses CSS-layer class .tm-container with token-based padding and max-width.
+ */
 import * as React from "react";
-declare const containerVariants: (props?: ({
-    size?: "2xl" | "3xl" | "4xl" | "5xl" | "sm" | "md" | "lg" | "xl" | "full" | "6xl" | "7xl" | null | undefined;
-    padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Maximum width of the container
+     * Supports: spacing tokens, container sizes (sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, full), or CSS values
+     */
+    maxWidth?: string | ResponsiveSpacing;
+    /**
+     * Padding (horizontal) - token-based
+     * Supports: spacing tokens or container spacing tokens (container-xs, container-sm, container-md, etc.)
+     * Default: container-md (24px)
+     */
+    padding?: ResponsiveSpacing;
+    /**
+     * Center the container horizontally with auto margins
+     * Default: true
+     */
+    center?: boolean;
 }
+/**
+ * Container component - layout primitive for constraining content width
+ */
 declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
-export { Container, containerVariants };
+export { Container };

package/dist/components/layout/index.d.ts

@@ -1,12 +1,14 @@
 /**
  * Layout Primitives Exports
  *
- * Token-driven layout primitives: Box, Stack, Row, Column, Flex, Grid, Surface
+ * Token-driven layout primitives: Box, Stack, Row, Column, Flex, Grid, Surface, Container
  */
 export type { BoxProps } from './Box';
 export { Box } from './Box';
 export type { ColumnProps } from './Column';
 export { Column } from './Column';
+export type { ContainerProps } from './Container';
+export { Container } from './Container';
 export type { FlexProps } from './Flex';
 export { Flex } from './Flex';
 export type { GridProps } from './Grid';