@tenerife.music/ui 1.0.2 → 1.0.4

package/dist/components/cards/VenueCard/VenueCard.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { VenueCardProps } from './VenueCard.types';
+/**
+ * VenueCard Component
+ *
+ * Token-driven venue card component using CardBase layout foundation.
+ * All visual styling uses DOMAIN_TOKENS, TEXT_TOKENS, ICON_TOKENS, and MOTION_TOKENS.
+ *
+ * @example
+ * ```tsx
+ * <VenueCard
+ *   name="Venue Name"
+ *   location="123 Main St"
+ *   eventsLabel="events"
+ *   capacityLabel="Capacity"
+ *   eventsCount={5}
+ *   capacity="500"
+ * />
+ * ```
+ */
+export declare const VenueCard: React.FC<VenueCardProps>;
+//# sourceMappingURL=VenueCard.d.ts.map

package/dist/components/cards/VenueCard/VenueCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VenueCard.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/VenueCard/VenueCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiN9C,CAAC"}

package/dist/components/cards/{VenueCard.d.ts → VenueCard/VenueCard.types.d.ts}

@@ -1,10 +1,18 @@
-import { default as React } from 'react';
-import { ComponentAnimationConfig } from '../../animation/types';
+import { ComponentAnimationConfig } from '../../../animation/types';
+import * as React from "react";
+/**
+ * VenueCard Size Variant
+ */
+export type VenueCardSize = "default" | "compact";
+/**
+ * VenueCard Style Variant
+ */
+export type VenueCardVariant = "default" | "featured";
 /**
  * Props for VenueCard component.
  * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
  */
-export interface VenueCardProps {
+export interface VenueCardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Venue name (pre-localized string, required) */
     name: string;
     /** Venue description (pre-localized string, optional) */
@@ -29,10 +37,11 @@ export interface VenueCardProps {
     popularBadgeText?: string;
     /** Label for capacity (required) */
     capacityLabel: string;
-    /** Additional CSS classes */
-    className?: string;
+    /** Size variant - controls padding and gap */
+    size?: VenueCardSize;
+    /** Style variant - controls visual appearance */
+    variant?: VenueCardVariant;
     /** Animation configuration for entrance and hover animations */
     animation?: ComponentAnimationConfig;
 }
-export declare const VenueCard: React.FC<VenueCardProps>;
-//# sourceMappingURL=VenueCard.d.ts.map
+//# sourceMappingURL=VenueCard.types.d.ts.map

package/dist/components/cards/VenueCard/VenueCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VenueCard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/VenueCard/VenueCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC"}

package/dist/components/cards/VenueCard/VenueCard.variants.d.ts

@@ -0,0 +1,61 @@
+/**
+ * VenueCard Variants
+ *
+ * CVA-based variant system for VenueCard component.
+ * Supports size variants (default, compact) and style variants (default, featured).
+ * All styling uses token-based values from DOMAIN_TOKENS, TEXT_TOKENS, and MOTION_TOKENS.
+ *
+ * Note: VenueCard uses CardBase for layout structure, so these variants are primarily
+ * for any VenueCard-specific styling that extends beyond CardBase.
+ */
+export declare const venueCardVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+    variant?: "default" | "featured" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * VenueCard Badge Variants
+ *
+ * CVA-based variant system for featured badge.
+ * Uses DOMAIN_TOKENS.badges for all styling.
+ */
+export declare const venueCardBadgeVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+    variant?: "default" | "featured" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * VenueCard Image Overlay Variants
+ *
+ * CVA-based variant system for image overlay on hover.
+ * Uses DOMAIN_TOKENS.image.overlay and MOTION_TOKENS.
+ */
+export declare const venueCardImageOverlayVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * VenueCard Image Transform Variants
+ *
+ * CVA-based variant system for image scale on hover.
+ * Uses DOMAIN_TOKENS.motion.hover and MOTION_TOKENS.
+ */
+export declare const venueCardImageTransformVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * VenueCard Metadata Row Variants
+ *
+ * CVA-based variant system for metadata display rows.
+ * Uses DOMAIN_TOKENS.metadata for spacing and text colors.
+ */
+export declare const venueCardMetadataRowVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * VenueCard Footer Border Variants
+ *
+ * CVA-based variant system for footer border separator.
+ * Uses semantic border tokens and DOMAIN_TOKENS for spacing.
+ */
+export declare const venueCardFooterBorderVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=VenueCard.variants.d.ts.map

package/dist/components/cards/VenueCard/VenueCard.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VenueCard.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/VenueCard/VenueCard.variants.ts"],"names":[],"mappings":"AAQA;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB;;;8EAe5B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;8EAkBlC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B;;8EAazC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B;;8EAa3C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B;;8EAaxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B;;8EAUxC,CAAC"}

package/dist/components/cards/VenueCard/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * VenueCard Component Exports
+ *
+ * Barrel exports for VenueCard component and related types/variants.
+ */
+export { VenueCard } from './VenueCard';
+export type { VenueCardProps, VenueCardSize, VenueCardVariant } from './VenueCard.types';
+export { venueCardBadgeVariants, venueCardFooterBorderVariants, venueCardImageOverlayVariants, venueCardImageTransformVariants, venueCardMetadataRowVariants, venueCardVariants, } from './VenueCard.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/cards/VenueCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/VenueCard/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAC7B,6BAA6B,EAC7B,+BAA+B,EAC/B,4BAA4B,EAC5B,iBAAiB,GAClB,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Card Components Barrel Exports
+ *
+ * Central export point for all card components.
+ */
+export { ArtistCard } from './ArtistCard';
+export type { ArtistCardProps, ArtistCardSize, ArtistCardVariant, } from './ArtistCard/ArtistCard.types';
+export { CardBase, CardBaseContentWrapper, CardBaseFooterWrapper, CardBaseImageWrapper, } from './CardBase';
+export type { CardBaseContentWrapperProps, CardBaseFooterWrapperProps, CardBaseImageWrapperProps, CardBaseProps, CardBaseSize, CardBaseVariant, } from './CardBase/CardBase.types';
+export { CategoryCard } from './CategoryCard';
+export type { CategoryCardProps, CategoryCardSize, CategoryCardVariant, } from './CategoryCard/CategoryCard.types';
+export { EventCard } from './EventCard';
+export type { EventCardProps, EventCardSize, EventCardVariant } from './EventCard/EventCard.types';
+export { PromoCard } from './PromoCard';
+export type { PromoCardProps, PromoCardSize, PromoCardVariant } from './PromoCard/PromoCard.types';
+export { TicketCard } from './TicketCard';
+export type { TicketAvailability, TicketCardProps, TicketCardSize, TicketCardVariant, } from './TicketCard/TicketCard.types';
+export { VenueCard } from './VenueCard';
+export type { VenueCardProps, VenueCardSize, VenueCardVariant } from './VenueCard/VenueCard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/cards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cards/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,cAAc,EACd,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,2BAA2B,EAC3B,0BAA0B,EAC1B,yBAAyB,EACzB,aAAa,EACb,YAAY,EACZ,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import { CheckboxProps } from './Checkbox.types';
+import * as React from "react";
+/**
+ * Checkbox Component
+ *
+ * A fully accessible, theme-aware checkbox component with variant support,
+ * keyboard navigation, and comprehensive state management.
+ * Uses button role="checkbox" pattern for full accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox
+ *   variant="outline"
+ *   size="md"
+ *   checked={isChecked}
+ *   onCheckedChange={setIsChecked}
+ *   aria-label="Accept terms"
+ * />
+ * ```
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,QAAQ,yFA4Jb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/checkbox/Checkbox.types.d.ts

@@ -0,0 +1,69 @@
+import { VariantProps } from 'class-variance-authority';
+import { checkboxVariants } from './checkbox-variants';
+import * as React from "react";
+/**
+ * Checkbox Component Props
+ *
+ * Extends native button HTML attributes with variant props, checked state, and accessibility props.
+ * Uses button role="checkbox" pattern for full keyboard accessibility.
+ */
+export interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange">, VariantProps<typeof checkboxVariants> {
+    /**
+     * Checkbox variant style
+     * @default "outline"
+     */
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
+    /**
+     * Checkbox size
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Checkbox state
+     * @default "default"
+     */
+    state?: "default" | "checked" | "indeterminate" | "error" | "disabled";
+    /**
+     * Whether checkbox is checked (controlled)
+     */
+    checked?: boolean;
+    /**
+     * Whether checkbox is in indeterminate state
+     * When true, overrides checked state visually
+     */
+    indeterminate?: boolean;
+    /**
+     * Whether checkbox is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Callback fired when checked state changes
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Custom icon to display when checked
+     * Defaults to IconCheck from icon system
+     */
+    icon?: React.ReactNode;
+    /**
+     * Custom icon to display when indeterminate
+     * Defaults to horizontal line indicator
+     */
+    indeterminateIcon?: React.ReactNode;
+    /**
+     * ARIA label for the checkbox
+     * Required if no visible label is present
+     */
+    "aria-label"?: string;
+    /**
+     * ARIA labelledby reference
+     * Points to the ID of the element that labels this checkbox
+     */
+    "aria-labelledby"?: string;
+    /**
+     * ARIA describedby reference
+     * Points to the ID of the element that describes this checkbox
+     */
+    "aria-describedby"?: string;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

package/dist/components/checkbox/Checkbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EAC9E,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IAExE;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,eAAe,GAAG,OAAO,GAAG,UAAU,CAAC;IAEvE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

package/dist/components/checkbox/checkbox-variants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Checkbox Variants
+ *
+ * CVA-based variant system for Checkbox component.
+ * Supports variants (primary, secondary, outline, ghost, destructive),
+ * sizes (xs, sm, md, lg, xl), and states (default, checked, disabled, error, indeterminate).
+ * All styling uses token-based values with CSS variable references.
+ */
+export declare const checkboxVariants: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    state?: "disabled" | "default" | "error" | "checked" | "indeterminate" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=checkbox-variants.d.ts.map

package/dist/components/checkbox/checkbox-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-variants.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-variants.ts"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;;;;8EAgC5B,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox.types';
+export { checkboxVariants } from './checkbox-variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/containers/Card.d.ts

@@ -0,0 +1,76 @@
+import { BoxProps } from '../layout/Box';
+import { ResponsiveRadius, ResponsiveSpacing, ShadowValue } from '../layout/layout.types';
+/**
+ * Card Container Component
+ *
+ * Token-driven card component with Header, Body, and Footer subcomponents.
+ * Uses SURFACE_TOKENS + CARD_TOKENS for styling.
+ * All styling uses tokens exclusively (no raw CSS values).
+ */
+import * as React from "react";
+export interface CardProps extends Omit<BoxProps, "radius" | "shadow" | "p"> {
+    /**
+     * Card size - maps to CARD_TOKENS.size
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Border radius - token-based (overrides size default)
+     */
+    radius?: ResponsiveRadius;
+    /**
+     * Shadow - token-based (overrides size default)
+     */
+    shadow?: ShadowValue;
+    /**
+     * Padding - token-based (overrides size default)
+     */
+    p?: ResponsiveSpacing;
+}
+/**
+ * Card component - main container
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardHeader component - uses Stack for vertical spacing
+ */
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Card size - determines padding from CARD_TOKENS
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Padding - token-based (overrides size default)
+     */
+    p?: ResponsiveSpacing;
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardBody component - main content area
+ */
+export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Card size - determines padding from CARD_TOKENS
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Padding - token-based (overrides size default)
+     */
+    p?: ResponsiveSpacing;
+}
+declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * CardFooter component - uses Row for horizontal layout
+ */
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Card size - determines padding from CARD_TOKENS
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Padding - token-based (overrides size default)
+     */
+    p?: ResponsiveSpacing;
+}
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardBody, CardFooter, CardHeader };
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/containers/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/containers/Card.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI/F,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;IAC1E;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;CACvB;AAED;;GAEG;AACH,QAAA,MAAM,IAAI,kFAyBT,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;CACvB;AAED,QAAA,MAAM,UAAU,wFAUf,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,sFAOb,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;CACvB;AAED,QAAA,MAAM,UAAU,wFAOf,CAAC;AA6BF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/containers/Section.d.ts

@@ -0,0 +1,32 @@
+import { StackProps } from '../layout/Stack';
+/**
+ * Section Container Component
+ *
+ * Token-driven section component for page/landing layout composition.
+ * Uses SECTION_TOKENS for padding and spacing.
+ * Uses Stack internally for content block composition.
+ * All styling uses tokens exclusively (no raw CSS values).
+ */
+import * as React from "react";
+export interface SectionProps extends Omit<StackProps, "py" | "gap"> {
+    /**
+     * Vertical padding - token-based (sm, md, lg, xl)
+     * Maps to SECTION_TOKENS.padding
+     */
+    padding?: "sm" | "md" | "lg" | "xl";
+    /**
+     * Gap spacing for content blocks - token-based (sm, md, lg, xl)
+     * Maps to SECTION_TOKENS.spacing
+     */
+    gap?: "sm" | "md" | "lg" | "xl";
+    /**
+     * Render as different HTML element
+     */
+    as?: keyof React.JSX.IntrinsicElements;
+}
+/**
+ * Section component - page/landing layout container
+ */
+declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
+export { Section };
+//# sourceMappingURL=Section.d.ts.map

package/dist/components/containers/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/containers/Section.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,KAAK,CAAC;IAClE;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEpC;;;OAGG;IACH,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEhC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;CACxC;AAED;;GAEG;AACH,QAAA,MAAM,OAAO,qFAsBZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/containers/Surface.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+import { BoxProps } from '../layout/Box';
+import { ResponsiveRadius, ResponsiveSpacing } from '../layout/layout.types';
+import * as React from "react";
+declare const surfaceVariants: (props?: ({
+    variant?: "outline" | "flat" | "raised" | "sunken" | "subtle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow" | "radius" | "p">, VariantProps<typeof surfaceVariants> {
+    /**
+     * Surface variant
+     */
+    variant?: "flat" | "raised" | "sunken" | "outline" | "subtle";
+    /**
+     * Padding - token-based (sm, md, lg, xl)
+     * Overrides default variant padding
+     */
+    p?: ResponsiveSpacing;
+    /**
+     * Border radius - token-based (sm, md, lg, xl, 2xl, 3xl, full)
+     * Overrides default variant radius
+     */
+    radius?: ResponsiveRadius;
+}
+/**
+ * Surface component - elevation variant container
+ */
+declare const Surface: React.ForwardRefExoticComponent<SurfaceProps & React.RefAttributes<HTMLDivElement>>;
+export { Surface, surfaceVariants };
+//# sourceMappingURL=Surface.d.ts.map

package/dist/components/containers/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/containers/Surface.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAElF,QAAA,MAAM,eAAe;;8EAanB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC,EACtD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAE9D;;;OAGG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED;;GAEG;AACH,QAAA,MAAM,OAAO,qFAwBZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * Container Components Exports
+ *
+ * Token-driven container components: Surface, Card, Section
+ * All components use tokens exclusively (no raw CSS values)
+ */
+export { Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, } from './Card';
+export { Section, type SectionProps } from './Section';
+export { Surface, type SurfaceProps, surfaceVariants } from './Surface';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/containers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,aAAa,EAClB,UAAU,EACV,KAAK,eAAe,EACpB,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,SAAS,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/data/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/data/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/data/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAC"}

package/dist/components/data/data-list/DataList.d.ts

@@ -0,0 +1,30 @@
+/**
+ * DataList Root Component
+ *
+ * Mobile-first data list component for displaying key-value pairs.
+ * Uses Stack for vertical layout and DATA_TOKENS for spacing.
+ */
+import * as React from "react";
+export interface DataListRootProps extends React.HTMLAttributes<HTMLDListElement> {
+    /**
+     * Label width for desktop layout
+     * @default "md"
+     */
+    labelWidth?: "sm" | "md" | "lg";
+}
+/**
+ * DataList Root component
+ *
+ * @example
+ * ```tsx
+ * <DataList.Root>
+ *   <DataList.Item>
+ *     <DataList.Label>Name</DataList.Label>
+ *     <DataList.Value>John Doe</DataList.Value>
+ *   </DataList.Item>
+ * </DataList.Root>
+ * ```
+ */
+declare const DataListRoot: React.ForwardRefExoticComponent<DataListRootProps & React.RefAttributes<HTMLDListElement>>;
+export { DataListRoot };
+//# sourceMappingURL=DataList.d.ts.map

package/dist/components/data/data-list/DataList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-list/DataList.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,YAAY,4FAQjB,CAAC;AA6BF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/data/data-list/DataList.types.d.ts

@@ -0,0 +1,44 @@
+/**
+ * DataList Component Types
+ *
+ * TypeScript interfaces and types for DataList component.
+ */
+/**
+ * DataList Root component props
+ */
+export interface DataListRootProps extends React.HTMLAttributes<HTMLDListElement> {
+    /**
+     * Label width for desktop layout
+     * @default "md"
+     */
+    labelWidth?: "sm" | "md" | "lg";
+}
+/**
+ * DataList Item component props
+ */
+export interface DataListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Row padding
+     * @default "md"
+     */
+    padding?: "sm" | "md" | "lg";
+}
+/**
+ * DataList Label component props
+ */
+export interface DataListLabelProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Label text
+     */
+    children: React.ReactNode;
+}
+/**
+ * DataList Value component props
+ */
+export interface DataListValueProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Value content
+     */
+    children: React.ReactNode;
+}
+//# sourceMappingURL=DataList.types.d.ts.map

package/dist/components/data/data-list/DataList.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.types.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-list/DataList.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/components/data/data-list/DataListItem.d.ts

@@ -0,0 +1,21 @@
+/**
+ * DataList Item Component
+ *
+ * Individual item in DataList (contains Label and Value).
+ */
+import * as React from "react";
+export interface DataListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Row padding
+     * @default "md"
+     */
+    padding?: "sm" | "md" | "lg";
+}
+/**
+ * DataList Item component
+ * Mobile: vertical layout (label above value)
+ * Desktop: horizontal layout (label left, value right)
+ */
+declare const DataListItem: React.ForwardRefExoticComponent<DataListItemProps & React.RefAttributes<HTMLDivElement>>;
+export { DataListItem };
+//# sourceMappingURL=DataListItem.d.ts.map

package/dist/components/data/data-list/DataListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-list/DataListItem.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9B;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,0FAkBjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/data/data-list/DataListLabel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * DataList Label Component
+ *
+ * Label subcomponent for DataList items.
+ */
+import * as React from "react";
+export interface DataListLabelProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Label text
+     */
+    children: React.ReactNode;
+}
+/**
+ * DataList Label component
+ * Mobile: full width
+ * Desktop: fixed width (from tokens)
+ */
+declare const DataListLabel: React.ForwardRefExoticComponent<DataListLabelProps & React.RefAttributes<HTMLElement>>;
+export { DataListLabel };
+//# sourceMappingURL=DataListLabel.d.ts.map

package/dist/components/data/data-list/DataListLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/data/data-list/DataListLabel.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,wFAgBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/data/data-list/DataListValue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * DataList Value Component
+ *
+ * Value subcomponent for DataList items.
+ */
+import * as React from "react";
+export interface DataListValueProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Value content
+     */
+    children: React.ReactNode;
+}
+/**
+ * DataList Value component
+ * Flex-grow to fill remaining space on desktop
+ */
+declare const DataListValue: React.ForwardRefExoticComponent<DataListValueProps & React.RefAttributes<HTMLElement>>;
+export { DataListValue };
+//# sourceMappingURL=DataListValue.d.ts.map