@tenerife.music/ui 1.0.3 → 1.0.6

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

@@ -0,0 +1,19 @@
+import { EventCardProps } from './EventCard.types';
+import * as React from "react";
+/**
+ * EventCard Component
+ *
+ * Domain-specific card component for displaying event information.
+ * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
+ *
+ * @example
+ * ```tsx
+ * <EventCard
+ *   title="Concert"
+ *   date="2024-01-01"
+ *   venueName="Venue"
+ *   getTicketsLabel="Get Tickets"
+ * />
+ * ```
+ */
+export declare const EventCard: React.ForwardRefExoticComponent<EventCardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,12 @@
-import { default as React } from 'react';
-import { ComponentAnimationConfig } from '../../animation/types';
+import { ComponentAnimationConfig } from '../../../animation/types';
+/**
+ * EventCard Size Variant
+ */
+export type EventCardSize = "default" | "compact";
+/**
+ * EventCard Style Variant
+ */
+export type EventCardVariant = "default" | "featured";
 /**
  * Props for EventCard component.
  * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
@@ -29,10 +36,12 @@ export interface EventCardProps {
     getTicketsLabel: string;
     /** Badge text for featured events (optional) */
     featuredBadgeText?: string;
+    /** Size variant - controls padding and spacing */
+    size?: EventCardSize;
+    /** Style variant - controls visual appearance */
+    variant?: EventCardVariant;
     /** Additional CSS classes */
     className?: string;
     /** Animation configuration for entrance and hover animations */
     animation?: ComponentAnimationConfig;
 }
-export declare const EventCard: React.FC<EventCardProps>;
-//# sourceMappingURL=EventCard.d.ts.map

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

@@ -0,0 +1,70 @@
+/**
+ * EventCard Variants
+ *
+ * CVA-based variant system for EventCard component.
+ * Supports size variants (default, compact) and style variants (default, featured).
+ * All styling uses token-based values from DOMAIN_TOKENS and ICON_TOKENS.
+ */
+/**
+ * Badge positioning variant
+ * Uses absolute positioning for featured badge overlay
+ */
+export declare const eventCardBadgeVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Badge surface variant
+ * Uses DOMAIN_TOKENS.badges for styling
+ */
+export declare const eventCardBadgeSurfaceVariants: (props?: ({
+    variant?: "default" | "featured" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Metadata row container variant
+ * Uses DOMAIN_TOKENS.metadata for spacing
+ */
+export declare const eventCardMetadataVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Metadata item variant
+ * Uses DOMAIN_TOKENS.metadata for icon and text styling
+ */
+export declare const eventCardMetadataItemVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Metadata icon variant
+ * Uses ICON_TOKENS for sizing and colors
+ */
+export declare const eventCardMetadataIconVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Footer section variant
+ * Uses DOMAIN_TOKENS for border and spacing
+ */
+export declare const eventCardFooterVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Ticket button variant
+ * Uses DOMAIN_TOKENS.badges for gradient styling
+ */
+export declare const eventCardTicketButtonVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Ticket button icon variant
+ * Uses ICON_TOKENS and metadata spacing
+ */
+export declare const eventCardTicketButtonIconVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Price text variant
+ * Uses DOMAIN_TOKENS.priceCapacity for styling
+ */
+export declare const eventCardPriceVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,7 @@
+/**
+ * EventCard Component Exports
+ *
+ * Barrel exports for EventCard component and related types.
+ */
+export { EventCard } from './EventCard';
+export type { EventCardProps, EventCardSize, EventCardVariant } from './EventCard.types';

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

@@ -0,0 +1,20 @@
+import { PromoCardProps } from './PromoCard.types';
+import * as React from "react";
+/**
+ * PromoCard Component
+ *
+ * Domain-specific card component for displaying promotional content.
+ * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
+ * CTA button uses BUTTON_TOKENS for styling.
+ *
+ * @example
+ * ```tsx
+ * <PromoCard
+ *   title="Special Offer"
+ *   description="Get 20% off on all tickets"
+ *   ctaLabel="Learn More"
+ *   ctaUrl="/promo"
+ * />
+ * ```
+ */
+export declare const PromoCard: React.ForwardRefExoticComponent<PromoCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/cards/PromoCard/PromoCard.types.d.ts

@@ -0,0 +1,42 @@
+import { ComponentAnimationConfig } from '../../../animation/types';
+import * as React from "react";
+/**
+ * PromoCard Size Variant
+ */
+export type PromoCardSize = "default" | "compact";
+/**
+ * PromoCard Style Variant
+ */
+export type PromoCardVariant = "default" | "featured";
+/**
+ * Props for PromoCard component.
+ * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
+ */
+export interface PromoCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Promo title (pre-localized string, required) */
+    title: string;
+    /** Promo description (pre-localized string, optional) */
+    description?: string;
+    /** Image URL (optional) */
+    imageUrl?: string;
+    /** Link URL for promo details page (optional) */
+    href?: string;
+    /** CTA button URL (optional) */
+    ctaUrl?: string;
+    /** Label for CTA button (required) */
+    ctaLabel: string;
+    /** Whether this is a featured promo */
+    featured?: boolean;
+    /** Badge text for featured promos (optional) */
+    featuredBadgeText?: string;
+    /** Show image section */
+    showImage?: boolean;
+    /** Size variant - controls padding and spacing */
+    size?: PromoCardSize;
+    /** Style variant - controls visual appearance */
+    variant?: PromoCardVariant;
+    /** Additional CSS classes */
+    className?: string;
+    /** Animation configuration for entrance and hover animations */
+    animation?: ComponentAnimationConfig;
+}

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

@@ -0,0 +1,35 @@
+/**
+ * PromoCard Variants
+ *
+ * CVA-based variant system for PromoCard component.
+ * Supports size variants (default, compact) and style variants (default, featured).
+ * All styling uses token-based values from DOMAIN_TOKENS, BUTTON_TOKENS, and ICON_TOKENS.
+ */
+/**
+ * Badge positioning variant
+ * Uses absolute positioning for featured badge overlay
+ */
+export declare const promoCardBadgeVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Badge surface variant
+ * Uses DOMAIN_TOKENS.badges for styling
+ */
+export declare const promoCardBadgeSurfaceVariants: (props?: ({
+    variant?: "default" | "featured" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * CTA button variant
+ * Uses BUTTON_TOKENS for button styling (primary variant recommended)
+ */
+export declare const promoCardCtaButtonVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * CTA button icon variant
+ * Uses ICON_TOKENS and metadata spacing
+ */
+export declare const promoCardCtaButtonIconVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,7 @@
+/**
+ * PromoCard Component Exports
+ *
+ * Barrel exports for PromoCard component and related types.
+ */
+export { PromoCard } from './PromoCard';
+export type { PromoCardProps, PromoCardSize, PromoCardVariant } from './PromoCard.types';

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

@@ -0,0 +1,19 @@
+import { TicketCardProps } from './TicketCard.types';
+import * as React from "react";
+/**
+ * TicketCard Component
+ *
+ * Domain-specific card component for displaying ticket information.
+ * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
+ *
+ * @example
+ * ```tsx
+ * <TicketCard
+ *   title="VIP Ticket"
+ *   price="€50"
+ *   capacity="10 tickets left"
+ *   purchaseLabel="Buy Now"
+ * />
+ * ```
+ */
+export declare const TicketCard: React.ForwardRefExoticComponent<TicketCardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/cards/TicketCard/TicketCard.types.d.ts

@@ -0,0 +1,55 @@
+import { ComponentAnimationConfig } from '../../../animation/types';
+/**
+ * TicketCard Size Variant
+ */
+export type TicketCardSize = "default" | "compact";
+/**
+ * TicketCard Style Variant
+ */
+export type TicketCardVariant = "default" | "featured";
+/**
+ * Ticket Availability Status
+ */
+export type TicketAvailability = "available" | "sold_out" | "available_soon";
+/**
+ * Props for TicketCard component.
+ * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
+ */
+export interface TicketCardProps {
+    /** Ticket type/name (pre-localized string) */
+    title: string;
+    /** Ticket description (pre-localized string, optional) */
+    description?: string;
+    /** Price display string with currency (e.g., "€20", optional) */
+    price?: string;
+    /** Capacity display string (e.g., "50 tickets", optional) */
+    capacity?: string;
+    /** Availability status */
+    availability?: TicketAvailability;
+    /** Image URL (optional) */
+    imageUrl?: string;
+    /** Link URL for ticket details (optional) */
+    href?: string;
+    /** Purchase action URL (optional) */
+    purchaseUrl?: string;
+    /** Label for purchase button (required) */
+    purchaseLabel: string;
+    /** VIP badge text (optional) */
+    vipBadgeText?: string;
+    /** Discount badge text (optional) */
+    discountBadgeText?: string;
+    /** Whether this is a featured ticket */
+    featured?: boolean;
+    /** Badge text for featured tickets (optional) */
+    featuredBadgeText?: string;
+    /** Show image section */
+    showImage?: boolean;
+    /** Size variant - controls padding and spacing */
+    size?: TicketCardSize;
+    /** Style variant - controls visual appearance */
+    variant?: TicketCardVariant;
+    /** Additional CSS classes */
+    className?: string;
+    /** Animation configuration for entrance and hover animations */
+    animation?: ComponentAnimationConfig;
+}

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

@@ -0,0 +1,71 @@
+/**
+ * TicketCard Variants
+ *
+ * CVA-based variant system for TicketCard component.
+ * Supports size variants (default, compact) and style variants (default, featured).
+ * All styling uses token-based values from DOMAIN_TOKENS and ICON_TOKENS.
+ */
+/**
+ * Badge positioning variant
+ * Uses absolute positioning for badge overlay
+ */
+export declare const ticketCardBadgeVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Badge surface variant
+ * Uses DOMAIN_TOKENS.badges for styling
+ */
+export declare const ticketCardBadgeSurfaceVariants: (props?: ({
+    variant?: "default" | "featured" | "vip" | "discount" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Price/Capacity container variant
+ * Uses DOMAIN_TOKENS.priceCapacity.spacing for layout
+ */
+export declare const ticketCardPriceCapacityContainerVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Price text variant
+ * Uses DOMAIN_TOKENS.priceCapacity.text.primary for styling
+ */
+export declare const ticketCardPriceVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Capacity text variant
+ * Uses DOMAIN_TOKENS.priceCapacity.text.secondary for styling
+ */
+export declare const ticketCardCapacityVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Availability indicator variant
+ * Uses tokenized styling for availability states
+ */
+export declare const ticketCardAvailabilityVariants: (props?: ({
+    availability?: "available" | "sold_out" | "available_soon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Footer section variant
+ * Uses DOMAIN_TOKENS for border and spacing
+ */
+export declare const ticketCardFooterVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Purchase button variant
+ * Uses DOMAIN_TOKENS.badges for gradient styling
+ */
+export declare const ticketCardPurchaseButtonVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Purchase button icon variant
+ * Uses ICON_TOKENS and metadata spacing
+ */
+export declare const ticketCardPurchaseButtonIconVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,7 @@
+/**
+ * TicketCard Component Exports
+ *
+ * Barrel exports for TicketCard component and related types.
+ */
+export { TicketCard } from './TicketCard';
+export type { TicketAvailability, TicketCardProps, TicketCardSize, TicketCardVariant, } from './TicketCard.types';

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

@@ -0,0 +1,21 @@
+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>;

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,10 @@ 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

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

@@ -0,0 +1,60 @@
+/**
+ * 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;

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

@@ -0,0 +1,8 @@
+/**
+ * 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';

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

@@ -0,0 +1,19 @@
+/**
+ * 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';

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

@@ -0,0 +1,22 @@
+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 };

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

@@ -0,0 +1,68 @@
+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;
+}

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

@@ -0,0 +1,13 @@
+/**
+ * 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;

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

@@ -0,0 +1,3 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox.types';
+export { checkboxVariants } from './checkbox-variants';