@tenerife.music/ui 1.0.8 → 1.0.12

package/dist/components/icon/Icon.d.ts

@@ -1,32 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { IconName } from '../../icons';
-import * as React from "react";
-declare const iconVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-    color?: "muted" | "default" | "success" | "warning" | "danger" | "info" | null | undefined;
-    stroke?: "normal" | "bold" | "thin" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, "color" | "stroke">, VariantProps<typeof iconVariants> {
-    /**
-     * Icon name from registry
-     */
-    name: IconName;
-    /**
-     * Render as child element (composition pattern)
-     * Uses Radix UI Slot for composition
-     */
-    asChild?: boolean;
-}
-/**
- * Icon component
- *
- * Unified icon component with token-driven sizing, colors, and stroke.
- * Supports SSR-safe rendering and tree-shakeable icon registry.
- *
- * @example
- * ```tsx
- * <Icon name="search" size="md" color="default" />
- * ```
- */
-declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-export { Icon, iconVariants };

package/dist/components/icon/Icon.types.d.ts

@@ -1,7 +0,0 @@
-/**
- * Icon Component Types
- *
- * Type definitions for the Icon component.
- * Re-exports from Icon.tsx to maintain consistent export structure.
- */
-export type { IconProps } from './Icon';

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

@@ -1,4 +0,0 @@
-/**
- * Icon Component Exports
- */
-export { Icon, type IconProps, iconVariants } from './Icon';

package/dist/components/icons/TrendingIcon.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-interface TrendingIconProps {
-    className?: string;
-}
-export declare const TrendingIcon: React.FC<TrendingIconProps>;
-export {};

package/dist/components/image/Image.d.ts

@@ -1,48 +0,0 @@
-import { default as React } from 'react';
-export type ImageRadius = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
-export type ImageShadow = "none" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "inner";
-export type ImageAspectRatio = "square" | "video" | "photo" | "wide" | string;
-type ImgProps = React.ImgHTMLAttributes<HTMLImageElement>;
-export interface ImageProps extends Omit<ImgProps, "className"> {
-    /**
-     * Custom className for the image element itself
-     */
-    className?: string;
-    /**
-     * Custom className for the wrapper div container
-     */
-    wrapperClassName?: string;
-    /**
-     * Border radius for the image container
-     */
-    radius?: ImageRadius;
-    /**
-     * Shadow for the image container
-     */
-    shadow?: ImageShadow;
-    /**
-     * Aspect ratio for the image container (e.g., 'square', 'video', 'photo', 'wide', or custom like '16/9', '4/3')
-     */
-    aspectRatio?: ImageAspectRatio;
-    /**
-     * Fallback image source if the main image fails to load
-     */
-    fallbackSrc?: string;
-    /**
-     * Whether to show a skeleton loader while the image is loading
-     */
-    showSkeleton?: boolean;
-    /**
-     * Whether the image should fill its container (uses absolute positioning)
-     */
-    fill?: boolean;
-    /**
-     * Callback fired when the image has finished loading
-     */
-    onLoadingComplete?: (result: {
-        naturalWidth: number;
-        naturalHeight: number;
-    }) => void;
-}
-declare const ImageComponent: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
-export { ImageComponent as Image };

package/dist/components/input/Input.d.ts

@@ -1,20 +0,0 @@
-import { InputProps } from './Input.types';
-import * as React from "react";
-/**
- * Input Component
- *
- * A fully accessible, theme-aware input component with variant support,
- * icon slots, and comprehensive state management.
- *
- * @example
- * ```tsx
- * <Input
- *   variant="outline"
- *   size="md"
- *   placeholder="Enter text..."
- *   iconLeft={<Icon name="search" />}
- * />
- * ```
- */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input };

package/dist/components/input/Input.types.d.ts

@@ -1,38 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { inputVariants } from './input-variants';
-import * as React from "react";
-/**
- * Input Component Props
- *
- * Extends native input HTML attributes with variant props, icon slots, and accessibility props.
- */
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
-    /**
-     * Input variant style
-     * @default "outline"
-     */
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
-    /**
-     * Input size
-     * @default "md"
-     */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    /**
-     * Input state
-     * @default "default"
-     */
-    state?: "default" | "disabled" | "error" | "success";
-    /**
-     * Whether input should take full width
-     * @default true
-     */
-    fullWidth?: boolean;
-    /**
-     * Icon to display on the left side of the input
-     */
-    iconLeft?: React.ReactNode;
-    /**
-     * Icon to display on the right side of the input
-     */
-    iconRight?: React.ReactNode;
-}

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

@@ -1,3 +0,0 @@
-export { Input } from './Input';
-export type { InputProps } from './Input.types';
-export { inputVariants } from './input-variants';

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

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

package/dist/components/input/legacy/input.d.ts

@@ -1,11 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    state?: "disabled" | "default" | "error" | null | undefined;
-    fullWidth?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input, inputVariants };

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

@@ -1,111 +0,0 @@
-import { DisplayValue, FlexDirectionValue, ResponsiveColor, ResponsiveRadius, ResponsiveSpacing, ShadowValue } from './layout.types';
-/**
- * Box Primitive Component
- *
- * Token-driven base container component with support for padding, margin,
- * display, flex, grid, radius, and shadow. All styling uses token-based
- * Tailwind classes only (no raw numeric values).
- */
-import * as React from "react";
-/**
- * Box component props
- */
-export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Render as different HTML element
-     */
-    as?: keyof React.JSX.IntrinsicElements;
-    /**
-     * Padding (all sides) - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
-     */
-    p?: ResponsiveSpacing;
-    /**
-     * Padding horizontal (left + right)
-     */
-    px?: ResponsiveSpacing;
-    /**
-     * Padding vertical (top + bottom)
-     */
-    py?: ResponsiveSpacing;
-    /**
-     * Padding top
-     */
-    pt?: ResponsiveSpacing;
-    /**
-     * Padding right
-     */
-    pr?: ResponsiveSpacing;
-    /**
-     * Padding bottom
-     */
-    pb?: ResponsiveSpacing;
-    /**
-     * Padding left
-     */
-    pl?: ResponsiveSpacing;
-    /**
-     * Margin (all sides) - token-based
-     */
-    m?: ResponsiveSpacing;
-    /**
-     * Margin horizontal (left + right)
-     */
-    mx?: ResponsiveSpacing;
-    /**
-     * Margin vertical (top + bottom)
-     */
-    my?: ResponsiveSpacing;
-    /**
-     * Margin top
-     */
-    mt?: ResponsiveSpacing;
-    /**
-     * Margin right
-     */
-    mr?: ResponsiveSpacing;
-    /**
-     * Margin bottom
-     */
-    mb?: ResponsiveSpacing;
-    /**
-     * Margin left
-     */
-    ml?: ResponsiveSpacing;
-    /**
-     * Display type
-     */
-    display?: DisplayValue;
-    /**
-     * Flex direction (when display is flex)
-     */
-    flexDirection?: FlexDirectionValue;
-    /**
-     * Border radius - token-based (none, xs, sm, md, lg, xl, 2xl, 3xl, full)
-     */
-    radius?: ResponsiveRadius;
-    /**
-     * Shadow - token-based (none, xs, sm, md, lg, xl, 2xl)
-     */
-    shadow?: ShadowValue;
-    /**
-     * Background color - token-based
-     */
-    bg?: ResponsiveColor;
-    /**
-     * Gap (for flex/grid layouts) - token-based
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Align items (for flex/grid layouts)
-     */
-    align?: "start" | "end" | "center" | "baseline" | "stretch";
-    /**
-     * Justify content (for flex/grid layouts)
-     */
-    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
-}
-/**
- * Box component
- */
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
-export { Box };

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

@@ -1,6 +0,0 @@
-import { StackProps } from './Stack';
-/**
- * Column component - alias for Stack (semantic name)
- */
-export declare const Column: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLDivElement>>;
-export type { StackProps as ColumnProps };

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

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

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

@@ -1,50 +0,0 @@
-import { BoxProps } from './Box';
-import { ResponsiveAlignment, ResponsiveFlexDirection, ResponsiveFlexWrap, ResponsiveJustify, ResponsiveSpacing } from './layout.types';
-/**
- * Flex Primitive Component
- *
- * Token-driven flexbox container with full control over direction, wrap,
- * grow, shrink, basis, alignment, and spacing. Uses Box internally.
- * All spacing values use tokens only.
- */
-import * as React from "react";
-export interface FlexProps extends Omit<BoxProps, "display" | "flexDirection" | "align" | "justify"> {
-    /**
-     * Flex direction
-     */
-    direction?: ResponsiveFlexDirection;
-    /**
-     * Flex wrap
-     */
-    wrap?: ResponsiveFlexWrap;
-    /**
-     * Flex grow (0 or 1, or use Tailwind flex-grow-*)
-     */
-    grow?: 0 | 1 | boolean;
-    /**
-     * Flex shrink (0 or 1, or use Tailwind flex-shrink-*)
-     */
-    shrink?: 0 | 1 | boolean;
-    /**
-     * Flex basis (CSS value or Tailwind class)
-     * Note: For token-based approach, use spacing tokens via className
-     */
-    basis?: string;
-    /**
-     * Align items
-     */
-    align?: ResponsiveAlignment;
-    /**
-     * Justify content
-     */
-    justify?: ResponsiveJustify;
-    /**
-     * Gap between flex items - token-based
-     */
-    gap?: ResponsiveSpacing;
-}
-/**
- * Flex component
- */
-declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
-export { Flex };

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface FooterProps {
-    className?: string;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    children?: React.ReactNode;
-}
-export declare const Footer: React.FC<FooterProps>;
-export {};

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

@@ -1,60 +0,0 @@
-import { BoxProps } from './Box';
-import { ResponsiveAlignment, ResponsiveColumns, ResponsiveFlow, ResponsiveJustify, ResponsiveRows, ResponsiveSpacing } from './layout.types';
-/**
- * Grid Primitive Component
- *
- * Token-driven CSS Grid container with support for columns, rows, gap,
- * flow, and alignment. Uses Box internally. All spacing values use tokens only.
- */
-import * as React from "react";
-export interface GridProps extends Omit<BoxProps, "display" | "align" | "justify"> {
-    /**
-     * Number of columns (1-6, 12, or none)
-     */
-    cols?: ResponsiveColumns;
-    /**
-     * Number of columns at sm breakpoint
-     */
-    sm?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
-    /**
-     * Number of columns at md breakpoint
-     */
-    md?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
-    /**
-     * Number of columns at lg breakpoint
-     */
-    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
-    /**
-     * Number of columns at xl breakpoint
-     */
-    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
-    /**
-     * Number of columns at 2xl breakpoint
-     */
-    "2xl"?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
-    /**
-     * Number of rows (1-6 or none)
-     */
-    rows?: ResponsiveRows;
-    /**
-     * Gap between grid items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Grid flow direction
-     */
-    flow?: ResponsiveFlow;
-    /**
-     * Align items
-     */
-    align?: ResponsiveAlignment;
-    /**
-     * Justify content
-     */
-    justify?: ResponsiveJustify;
-}
-/**
- * Grid component
- */
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-export { Grid };

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

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-interface ModeHeroProps {
-    dayLabel: string;
-    nightLabel: string;
-    dayDescription: string;
-    nightDescription: string;
-    className?: string;
-}
-export declare const ModeHero: React.FC<ModeHeroProps>;
-export {};

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

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    children?: React.ReactNode;
-    ariaLabel?: string;
-}
-export declare const Navbar: React.FC<NavbarProps>;
-export {};

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

@@ -1,28 +0,0 @@
-import { BoxProps } from './Box';
-import { ResponsiveSpacing } from './layout.types';
-/**
- * Row Primitive Component
- *
- * Token-driven horizontal layout component (flex row). Uses Box internally
- * with flex display and row direction. All spacing uses token-based values.
- */
-import * as React from "react";
-export interface RowProps extends Omit<BoxProps, "display" | "flexDirection"> {
-    /**
-     * Gap between row items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Align items
-     */
-    align?: "start" | "end" | "center" | "baseline" | "stretch";
-    /**
-     * Justify content
-     */
-    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
-}
-/**
- * Row component - horizontal layout using flex row
- */
-declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
-export { Row };

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

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-interface SectionProps {
-    className?: string;
-    children: React.ReactNode;
-    padding?: "none" | "sm" | "md" | "lg" | "xl";
-    background?: "default" | "muted" | "card";
-    as?: keyof React.JSX.IntrinsicElements;
-}
-export declare const Section: React.FC<SectionProps>;
-export {};

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

@@ -1,38 +0,0 @@
-import { BoxProps } from './Box';
-import { ResponsiveSpacing } from './layout.types';
-/**
- * Stack Primitive Component
- *
- * Token-driven vertical layout component (flex column). Uses Box internally
- * with flex display and column direction. All spacing uses token-based values.
- */
-import * as React from "react";
-export interface StackProps extends Omit<BoxProps, "display" | "flexDirection" | "gap"> {
-    /**
-     * Stack direction - vertical (column) or horizontal (row)
-     */
-    direction?: "vertical" | "horizontal";
-    /**
-     * Spacing between stack items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
-     * Alias for gap prop
-     */
-    spacing?: ResponsiveSpacing;
-    /**
-     * Gap between stack items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
-     * Alias for spacing prop
-     */
-    gap?: ResponsiveSpacing;
-    /**
-     * Align items
-     */
-    align?: "start" | "end" | "center" | "baseline" | "stretch";
-    /**
-     * Justify content
-     */
-    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
-}
-/**
- * Stack component - vertical layout using flex column by default
- */
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-export { Stack };

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

@@ -1,21 +0,0 @@
-import { BoxProps } from './Box';
-import { SurfaceVariant } from './layout.types';
-import * as React from "react";
-declare const surfaceVariants: (props?: ({
-    variant?: "flat" | "raised" | "sunken" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow"> {
-    /**
-     * Surface variant
-     */
-    variant?: SurfaceVariant;
-    /**
-     * Border radius - token-based
-     */
-    radius?: BoxProps["radius"];
-}
-/**
- * Surface component - elevation variant component
- */
-declare const Surface: React.ForwardRefExoticComponent<SurfaceProps & React.RefAttributes<HTMLDivElement>>;
-export { Surface, surfaceVariants };

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

@@ -1,22 +0,0 @@
-/**
- * Layout Primitives Exports
- *
- * 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';
-export { Grid } from './Grid';
-export type { RowProps } from './Row';
-export { Row } from './Row';
-export type { StackProps } from './Stack';
-export { Stack } from './Stack';
-export type { SurfaceProps } from './Surface';
-export { Surface, surfaceVariants } from './Surface';
-export type * from './layout.types';