@tenerife.music/ui 1.0.8 → 1.0.13

package/dist/components/SectionBuilder.presets.d.ts

@@ -1,228 +0,0 @@
-import { GridLayoutConfig, SectionBuilderConfig, SectionSlotValue, SplitLayoutConfig, StackedLayoutConfig } from './SectionBuilder.types';
-/**
- * SectionBuilder Presets
- *
- * Pre-configured layout patterns for common section types.
- * These presets can be used directly or as starting points for customization.
- */
-import * as React from "react";
-/**
- * Split Layout Preset Props
- */
-export interface SplitLayoutPresetProps {
-    /**
-     * Left content area
-     */
-    left: SectionSlotValue;
-    /**
-     * Right content area (optional if media is provided)
-     */
-    right?: SectionSlotValue;
-    /**
-     * Media content (image/video)
-     */
-    media?: SectionSlotValue;
-    /**
-     * Image position
-     * @default "right"
-     */
-    imagePosition?: "left" | "right";
-    /**
-     * Gap between content areas
-     * @default "xl"
-     */
-    gap?: SplitLayoutConfig["gap"];
-    /**
-     * Alignment of items
-     * @default "center"
-     */
-    align?: SplitLayoutConfig["align"];
-    /**
-     * Background configuration
-     */
-    background?: SectionBuilderConfig["background"];
-    /**
-     * Spacing configuration
-     */
-    spacing?: SectionBuilderConfig["spacing"];
-}
-/**
- * Create a split layout configuration
- *
- * Left/right content areas with optional image positioning.
- * Responsive: stacks vertically on mobile.
- *
- * @example
- * ```tsx
- * <SectionBuilder
- *   config={createSplitLayoutConfig({
- *     left: "Left content",
- *     right: "Right content",
- *     media: <img src="..." />,
- *     imagePosition: "right",
- *   })}
- * />
- * ```
- */
-export declare function createSplitLayoutConfig(props: SplitLayoutPresetProps): SectionBuilderConfig;
-/**
- * Feature Item for Feature Grid
- */
-export interface FeatureItem {
-    /**
-     * Icon or visual element
-     */
-    icon?: React.ReactNode;
-    /**
-     * Feature title
-     */
-    title: string;
-    /**
-     * Feature description
-     */
-    description: string;
-    /**
-     * Optional custom content
-     */
-    content?: React.ReactNode;
-}
-/**
- * Feature Grid Preset Props
- */
-export interface FeatureGridPresetProps {
-    /**
-     * Array of feature items
-     */
-    features: FeatureItem[];
-    /**
-     * Section title (optional)
-     */
-    title?: string;
-    /**
-     * Section description (optional)
-     */
-    description?: string;
-    /**
-     * Number of columns
-     * @default 3
-     */
-    columns?: 1 | 2 | 3 | 4;
-    /**
-     * Gap between grid items
-     * @default "lg"
-     */
-    gap?: GridLayoutConfig["gap"];
-    /**
-     * Background configuration
-     */
-    background?: SectionBuilderConfig["background"];
-    /**
-     * Spacing configuration
-     */
-    spacing?: SectionBuilderConfig["spacing"];
-}
-/**
- * Create a feature grid configuration
- *
- * Grid of feature items with icons, titles, and descriptions.
- * Responsive columns: 1 on mobile, 2-4 on desktop.
- *
- * @example
- * ```tsx
- * <SectionBuilder
- *   config={createFeatureGridConfig({
- *     title: "Features",
- *     features: [
- *       { icon: <Icon />, title: "Fast", description: "Lightning fast" },
- *       { icon: <Icon />, title: "Secure", description: "Bank-level security" },
- *     ],
- *     columns: 3,
- *   })}
- * />
- * ```
- */
-export declare function createFeatureGridConfig(props: FeatureGridPresetProps): SectionBuilderConfig;
-/**
- * Testimonial Item
- */
-export interface TestimonialItem {
-    /**
-     * Quote text
-     */
-    quote: string;
-    /**
-     * Author name
-     */
-    author: string;
-    /**
-     * Author role/title (optional)
-     */
-    role?: string;
-    /**
-     * Author avatar (optional)
-     */
-    avatar?: React.ReactNode;
-    /**
-     * Rating (optional)
-     */
-    rating?: number;
-}
-/**
- * Testimonial Preset Props
- */
-export interface TestimonialPresetProps {
-    /**
-     * Array of testimonial items
-     */
-    testimonials: TestimonialItem[];
-    /**
-     * Section title (optional)
-     */
-    title?: string;
-    /**
-     * Section description (optional)
-     */
-    description?: string;
-    /**
-     * Stack direction
-     * @default "vertical"
-     */
-    direction?: "vertical" | "horizontal";
-    /**
-     * Gap between testimonials
-     * @default "lg"
-     */
-    gap?: StackedLayoutConfig["gap"];
-    /**
-     * Background configuration
-     */
-    background?: SectionBuilderConfig["background"];
-    /**
-     * Spacing configuration
-     */
-    spacing?: SectionBuilderConfig["spacing"];
-}
-/**
- * Create a testimonial section configuration
- *
- * Stack of testimonial cards with quotes, author info, and optional avatars.
- * Uses Stack primitive with spacing and typography tokens.
- *
- * @example
- * ```tsx
- * <SectionBuilder
- *   config={createTestimonialConfig({
- *     title: "What Our Customers Say",
- *     testimonials: [
- *       {
- *         quote: "Amazing product!",
- *         author: "John Doe",
- *         role: "CEO",
- *         avatar: <Avatar />,
- *       },
- *     ],
- *   })}
- * />
- * ```
- */
-export declare function createTestimonialConfig(props: TestimonialPresetProps): SectionBuilderConfig;

package/dist/components/SectionBuilder.types.d.ts

@@ -1,326 +0,0 @@
-import { ComponentAnimationConfig } from '../animation/types';
-import { ResponsiveAlignment, ResponsiveColor, ResponsiveColumns, ResponsiveJustify, ResponsiveRadius, ResponsiveRows, ResponsiveSpacing } from './layout/layout.types';
-/**
- * SectionBuilder Type Definitions
- *
- * TypeScript interfaces and types for the SectionBuilder component.
- * Defines configuration schemas for layout types, content slots, backgrounds,
- * and spacing using the token system.
- */
-import type * as React from "react";
-/**
- * Supported layout types for sections
- */
-export type SectionLayoutType = "split" | "grid" | "stacked";
-/**
- * Surface background variants
- * Derived from surfaceColors tokens from tokens/colors.ts
- */
-export type SurfaceVariant = keyof typeof import("@/tokens/colors").surfaceColors.day;
-/**
- * Background configuration
- * Supports surface variants or custom color tokens
- */
-export type BackgroundConfig = {
-    type: "surface";
-    variant: SurfaceVariant;
-} | {
-    type: "color";
-    value: ResponsiveColor;
-} | {
-    type: "none";
-};
-/**
- * Content slot types
- * Slots can be ReactNode, string, or structured config objects
- */
-export type SectionSlot = React.ReactNode | string | {
-    content: React.ReactNode | string;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/**
- * Typography configuration for text slots
- */
-export interface TypographyConfig {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
-    variant?: "default" | "muted" | "primary" | "secondary" | "accent";
-    className?: string;
-}
-/**
- * Text slot configuration
- * Wraps string content with Typography component
- */
-export interface TextSlotConfig {
-    type: "text";
-    content: string;
-    typography?: TypographyConfig;
-    className?: string;
-}
-/**
- * Media slot configuration
- */
-export interface MediaSlotConfig {
-    type: "media";
-    content: React.ReactNode;
-    position?: "left" | "right" | "top" | "bottom" | "center";
-    className?: string;
-    aspectRatio?: string;
-}
-/**
- * Actions slot configuration
- * For buttons and CTAs
- */
-export interface ActionsSlotConfig {
-    type: "actions";
-    content: React.ReactNode;
-    align?: ResponsiveAlignment;
-    justify?: ResponsiveJustify;
-    gap?: ResponsiveSpacing;
-    className?: string;
-}
-/**
- * Structured slot configuration
- */
-export type StructuredSlot = TextSlotConfig | MediaSlotConfig | ActionsSlotConfig;
-/**
- * Section slot definition
- * Can be simple ReactNode, string, or structured config
- */
-export type SectionSlotValue = SectionSlot | StructuredSlot;
-/**
- * Split layout configuration
- * Left/right content areas with optional image positioning
- */
-export interface SplitLayoutConfig {
-    type: "split";
-    /**
-     * Image/media position
-     * @default "right"
-     */
-    imagePosition?: "left" | "right";
-    /**
-     * Responsive direction override
-     * If provided, overrides imagePosition behavior
-     */
-    direction?: {
-        base?: "row" | "column";
-        sm?: "row" | "column";
-        md?: "row" | "column";
-        lg?: "row" | "column";
-        xl?: "row" | "column";
-    };
-    /**
-     * Gap between left and right content
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Alignment of items
-     */
-    align?: ResponsiveAlignment;
-    /**
-     * Justify content
-     */
-    justify?: ResponsiveJustify;
-    /**
-     * Left content area
-     */
-    left?: SectionSlotValue;
-    /**
-     * Right content area
-     */
-    right?: SectionSlotValue;
-    /**
-     * Media content (image/video)
-     */
-    media?: SectionSlotValue;
-}
-/**
- * Grid layout configuration
- * Grid of items with configurable columns and rows
- */
-export interface GridLayoutConfig {
-    type: "grid";
-    /**
-     * Number of columns
-     */
-    columns?: ResponsiveColumns;
-    /**
-     * Number of rows (optional, auto by default)
-     */
-    rows?: ResponsiveRows;
-    /**
-     * Gap between grid items
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Alignment of grid items
-     */
-    align?: ResponsiveAlignment;
-    /**
-     * Justify content
-     */
-    justify?: ResponsiveJustify;
-    /**
-     * Grid items array
-     */
-    items: SectionSlotValue[];
-    /**
-     * Item renderer function (optional)
-     * If provided, each item will be wrapped with this renderer
-     */
-    itemRenderer?: (item: SectionSlotValue, index: number) => React.ReactNode;
-}
-/**
- * Stacked layout configuration
- * Vertical or horizontal stacking with spacing
- */
-export interface StackedLayoutConfig {
-    type: "stacked";
-    /**
-     * Stack direction
-     * @default "vertical"
-     */
-    direction?: "vertical" | "horizontal";
-    /**
-     * Gap between stacked items
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Alignment of items
-     */
-    align?: ResponsiveAlignment;
-    /**
-     * Justify content
-     */
-    justify?: ResponsiveJustify;
-    /**
-     * Stacked items array
-     */
-    items: SectionSlotValue[];
-}
-/**
- * Layout configuration union type
- */
-export type LayoutConfig = SplitLayoutConfig | GridLayoutConfig | StackedLayoutConfig;
-/**
- * Spacing configuration for section wrapper
- */
-export interface SpacingConfig {
-    /**
-     * Padding (all sides)
-     */
-    padding?: ResponsiveSpacing;
-    /**
-     * Padding horizontal
-     */
-    paddingX?: ResponsiveSpacing;
-    /**
-     * Padding vertical
-     */
-    paddingY?: ResponsiveSpacing;
-    /**
-     * Margin (all sides)
-     */
-    margin?: ResponsiveSpacing;
-    /**
-     * Margin horizontal
-     */
-    marginX?: ResponsiveSpacing;
-    /**
-     * Margin vertical
-     */
-    marginY?: ResponsiveSpacing;
-}
-/**
- * Main SectionBuilder configuration
- */
-export interface SectionBuilderConfig {
-    /**
-     * Layout configuration
-     * Defines the layout type and its specific settings
-     */
-    layout: LayoutConfig;
-    /**
-     * Background configuration
-     * @default { type: "none" }
-     */
-    background?: BackgroundConfig;
-    /**
-     * Spacing configuration
-     * Applied to the section wrapper
-     */
-    spacing?: SpacingConfig;
-    /**
-     * Border radius
-     */
-    radius?: ResponsiveRadius;
-    /**
-     * Content slots
-     * These are rendered in addition to layout-specific content
-     */
-    slots?: {
-        /**
-         * Header slot (above main content)
-         */
-        header?: SectionSlotValue;
-        /**
-         * Body slot (main content area)
-         */
-        body?: SectionSlotValue;
-        /**
-         * Footer slot (below main content)
-         */
-        footer?: SectionSlotValue;
-        /**
-         * Overlay slot (rendered on top with absolute positioning)
-         */
-        overlay?: SectionSlotValue;
-    };
-    /**
-     * Custom className for section wrapper
-     */
-    className?: string;
-    /**
-     * Custom style for section wrapper
-     */
-    style?: React.CSSProperties;
-    /**
-     * HTML element to render as
-     * @default "section"
-     */
-    as?: keyof React.JSX.IntrinsicElements;
-    /**
-     * ARIA label for accessibility
-     */
-    "aria-label"?: string;
-}
-/**
- * SectionBuilder component props
- * Extends the config with standard React props
- */
-export interface SectionBuilderProps extends Omit<SectionBuilderConfig, "as" | "aria-label" | "style" | "className">, Omit<React.HTMLAttributes<HTMLElement>, "style" | "className"> {
-    /**
-     * Configuration object (alternative to individual props)
-     * If provided, other props are ignored
-     */
-    config?: SectionBuilderConfig;
-    /**
-     * HTML element to render as
-     * @default "section"
-     */
-    as?: keyof React.JSX.IntrinsicElements;
-    /**
-     * Custom className for section wrapper
-     */
-    className?: string;
-    /**
-     * Custom style for section wrapper
-     */
-    style?: React.CSSProperties;
-    /**
-     * Animation configuration for entrance and hover animations
-     */
-    animation?: ComponentAnimationConfig;
-}

package/dist/components/admin/Dashboard.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-interface DashboardProps {
-    title: string;
-    content: string;
-    className?: string;
-}
-export declare const Dashboard: React.FC<DashboardProps>;
-export {};

package/dist/components/admin/UserManagement.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-interface UserManagementProps {
-    title: string;
-    content: string;
-    className?: string;
-}
-export declare const UserManagement: React.FC<UserManagementProps>;
-export {};

package/dist/components/auth/LoginForm.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-interface LoginFormProps {
-    emailLabel: string;
-    emailPlaceholder: string;
-    passwordLabel: string;
-    passwordPlaceholder: string;
-    loginButtonText: string;
-    className?: string;
-}
-export declare const LoginForm: React.FC<LoginFormProps>;
-export {};

package/dist/components/auth/ProfileCard.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface ProfileCardProps {
-    name: string;
-    email: string;
-    avatar?: string;
-    className?: string;
-}
-export declare const ProfileCard: React.FC<ProfileCardProps>;
-export {};

package/dist/components/auth/RegisterForm.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface RegisterFormProps {
-    nameLabel: string;
-    namePlaceholder: string;
-    emailLabel: string;
-    emailPlaceholder: string;
-    passwordLabel: string;
-    passwordPlaceholder: string;
-    registerButtonText: string;
-    className?: string;
-}
-export declare const RegisterForm: React.FC<RegisterFormProps>;
-export {};

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

@@ -1,22 +0,0 @@
-import { ArtistCardProps } from './ArtistCard.types';
-import * as React from "react";
-/**
- * ArtistCard Component
- *
- * Domain-specific card component for displaying artist information.
- * Uses CardBase for layout and DOMAIN_TOKENS for all styling.
- * Supports size variants (default, compact) and style variants (default, featured).
- *
- * @example
- * ```tsx
- * <ArtistCard
- *   name="Artist Name"
- *   genres="Jazz, Blues"
- *   followers={1200}
- *   plays={50000}
- *   followersLabel="followers"
- *   playsLabel="plays"
- * />
- * ```
- */
-export declare const ArtistCard: React.ForwardRefExoticComponent<ArtistCardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,46 +0,0 @@
-import { ComponentAnimationConfig } from '../../../animation/types';
-import * as React from "react";
-/**
- * ArtistCard Size Variant
- */
-export type ArtistCardSize = "default" | "compact";
-/**
- * ArtistCard Style Variant
- */
-export type ArtistCardVariant = "default" | "featured";
-/**
- * Props for ArtistCard component.
- * All props are flat and domain-agnostic. Consumer should provide pre-localized strings.
- */
-export interface ArtistCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Artist name (pre-localized string, required) */
-    name: string;
-    /** Artist description (pre-localized string, optional) */
-    description?: string;
-    /** Genres as comma-separated string (e.g., "Jazz, Blues, Rock", optional) */
-    genres?: string;
-    /** Follower count for popularity metric (optional) */
-    followers?: number;
-    /** Plays/listens count for popularity metric (optional) */
-    plays?: number;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Link URL for artist details page (optional) */
-    href?: string;
-    /** Whether this is a featured artist */
-    featured?: boolean;
-    /** Show image section */
-    showImage?: boolean;
-    /** Badge text for featured artists (optional) */
-    popularBadgeText?: string;
-    /** Label for followers count (required) */
-    followersLabel: string;
-    /** Label for plays count (required) */
-    playsLabel: string;
-    /** Size variant - controls padding and gap */
-    size?: ArtistCardSize;
-    /** Style variant - controls visual appearance */
-    variant?: ArtistCardVariant;
-    /** Animation configuration for entrance and hover animations */
-    animation?: ComponentAnimationConfig;
-}