@tenerife.music/ui 1.0.8 → 1.0.13

package/dist/components/overlays/Portal.d.ts

@@ -1,29 +0,0 @@
-/**
- * Portal Component
- *
- * SSR-safe portal component for rendering children outside the DOM hierarchy.
- * Mounts to document.body by default, with optional custom container support.
- */
-import * as React from "react";
-export interface PortalProps {
-    /**
-     * Children to portal
-     */
-    children: React.ReactNode;
-    /**
-     * Container element to portal into (defaults to document.body)
-     */
-    container?: Element | null;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-    /**
-     * Additional inline styles
-     */
-    style?: React.CSSProperties;
-}
-/**
- * Portal component - SSR-safe portal rendering
- */
-export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/overlays/Toast.d.ts

@@ -1,36 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const toastVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ToastAction {
-    label: string;
-    onClick: () => void;
-}
-export interface ToastData {
-    id: string;
-    title?: string;
-    description?: string;
-    variant?: "default" | "success" | "info" | "warning" | "danger";
-    action?: ToastAction;
-    duration?: number;
-}
-export interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
-    /**
-     * Toast data
-     */
-    toast: ToastData;
-    /**
-     * Callback when toast is dismissed
-     */
-    onDismiss: (id: string) => void;
-    /**
-     * Whether toast is visible (for animation)
-     */
-    isVisible?: boolean;
-}
-/**
- * Toast component - notification toast
- */
-export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/overlays/ToastProvider.d.ts

@@ -1,58 +0,0 @@
-import { ToastAction, ToastData } from './Toast';
-import { ToastPosition } from './ToastViewport';
-/**
- * ToastProvider Component
- *
- * Context provider for toast notifications.
- * Manages toast state and provides toast() function.
- * Supports position configuration and max toasts limit.
- */
-import * as React from "react";
-export interface ToastOptions {
-    title?: string;
-    description?: string;
-    variant?: "default" | "success" | "info" | "warning" | "danger";
-    action?: ToastAction;
-    duration?: number;
-}
-interface ToastContextType {
-    toast: (options: ToastOptions) => string;
-    dismiss: (id: string) => void;
-    dismissAll: () => void;
-    updateToast: (id: string, updates: Partial<ToastData>) => void;
-    getQueue: () => ToastData[];
-    getGrouped: () => Record<string, ToastData[]>;
-}
-export type GroupByFunction = (toast: ToastData) => string;
-export interface ToastProviderProps {
-    /**
-     * Children to render
-     */
-    children: React.ReactNode;
-    /**
-     * Position of toast viewport
-     */
-    position?: ToastPosition;
-    /**
-     * Maximum number of toasts to show (default: 5)
-     */
-    maxToasts?: number;
-    /**
-     * Maximum number of visible toasts (default: 3)
-     * Overflow notifications are queued
-     */
-    maxVisible?: number;
-    /**
-     * Function to group toasts (by date, type, or custom)
-     */
-    groupBy?: GroupByFunction;
-}
-/**
- * ToastProvider component - context provider for toast notifications
- */
-export declare function ToastProvider({ children, position, maxVisible, groupBy, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Hook to use toast context
- */
-export declare function useToast(): ToastContextType;
-export {};

package/dist/components/overlays/ToastViewport.d.ts

@@ -1,27 +0,0 @@
-/**
- * ToastViewport Component
- *
- * Fixed positioning container for toast notifications.
- * Supports position variants (top-right, bottom-left, etc.).
- * Uses Portal for rendering outside DOM hierarchy.
- */
-import * as React from "react";
-export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-export interface ToastViewportProps {
-    /**
-     * Position of toast viewport
-     */
-    position?: ToastPosition;
-    /**
-     * Children to render in viewport
-     */
-    children: React.ReactNode;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-/**
- * ToastViewport component - container for toast notifications
- */
-export declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/overlays/Tooltip.d.ts

@@ -1,28 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const tooltipContentVariants: (props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
-export interface TooltipProps {
-    children: React.ReactNode;
-    content: React.ReactNode;
-    variant?: VariantProps<typeof tooltipContentVariants>["variant"];
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
-    sideOffset?: number;
-    alignOffset?: number;
-    delayDuration?: number;
-    skipDelayDuration?: number;
-    disableHoverableContent?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-export declare function TooltipWrapper({ children, content, variant, side, align, sideOffset, alignOffset, delayDuration, skipDelayDuration, disableHoverableContent: _disableHoverableContent, open, onOpenChange, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipContent, tooltipContentVariants, TooltipProvider, TooltipTrigger };

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

@@ -1,13 +0,0 @@
-/**
- * Overlay System Components
- *
- * Portal-based overlay components (Modal, Dialog, Toast, Backdrop).
- * All components are token-driven and SSR-safe.
- */
-export { Portal, type PortalProps } from './Portal';
-export { Backdrop, type BackdropProps } from './Backdrop';
-export { Modal, ModalBody, type ModalBodyProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, modalVariants, } from './Modal';
-export { Dialog, DialogBody, type DialogBodyProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogRoot, DialogTitle, type DialogTitleProps, } from './Dialog';
-export { Toast, type ToastAction, type ToastData, type ToastProps } from './Toast';
-export { type ToastOptions, ToastProvider, type ToastProviderProps, useToast, } from './ToastProvider';
-export { type ToastPosition, ToastViewport, type ToastViewportProps } from './ToastViewport';

package/dist/components/overlays/utils/FocusLock.d.ts

@@ -1,30 +0,0 @@
-/**
- * FocusLock Utility
- *
- * Utility for trapping focus within a container element.
- * Handles Tab/Shift+Tab navigation and returns focus to trigger element on close.
- */
-import * as React from "react";
-interface FocusLockOptions {
-    /**
-     * Container element to trap focus within
-     */
-    containerRef: React.RefObject<HTMLElement>;
-    /**
-     * Whether focus lock is enabled
-     */
-    enabled: boolean;
-    /**
-     * Element to return focus to when disabled
-     */
-    returnFocusRef?: React.RefObject<HTMLElement>;
-    /**
-     * Additional elements that should be focusable (e.g., portal elements)
-     */
-    additionalFocusableElements?: HTMLElement[];
-}
-/**
- * FocusLock hook for trapping focus within a container
- */
-export declare function useFocusLock({ containerRef, enabled, returnFocusRef, additionalFocusableElements, }: FocusLockOptions): void;
-export {};

package/dist/components/overlays/utils/ScrollLock.d.ts

@@ -1,11 +0,0 @@
-interface ScrollLockOptions {
-    /**
-     * Whether scroll lock is enabled
-     */
-    enabled: boolean;
-}
-/**
- * ScrollLock hook for preventing body scroll
- */
-export declare function useScrollLock({ enabled }: ScrollLockOptions): void;
-export {};

package/dist/components/overlays/utils/positioning.d.ts

@@ -1,68 +0,0 @@
-import { Placement } from '@floating-ui/react-dom';
-import * as React from "react";
-/**
- * Positioning options
- */
-export interface UsePositioningOptions {
-    /**
-     * Reference element (anchor/trigger)
-     */
-    anchorRef: React.RefObject<HTMLElement | null>;
-    /**
-     * Content element to position
-     */
-    contentRef: React.RefObject<HTMLElement | null>;
-    /**
-     * Placement preference (top, bottom, left, right, etc.)
-     * @default "bottom"
-     */
-    placement?: Placement;
-    /**
-     * Offset between anchor and content (in pixels)
-     * @default 4
-     */
-    offset?: number;
-    /**
-     * Whether positioning is enabled
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Whether to flip placement when there's not enough space
-     * @default true
-     */
-    flip?: boolean;
-    /**
-     * Whether to shift content to stay within viewport
-     * @default true
-     */
-    shift?: boolean;
-}
-/**
- * Positioning state
- */
-export interface PositionState {
-    /**
-     * Calculated position styles
-     */
-    position: React.CSSProperties;
-    /**
-     * Current placement (may differ from requested due to collision detection)
-     */
-    placement: Placement;
-    /**
-     * Whether positioning is active
-     */
-    isPositioned: boolean;
-}
-/**
- * SSR-safe positioning hook
- *
- * Calculates position for content relative to anchor element.
- * All DOM operations are performed in useEffect to ensure SSR safety.
- */
-export declare function usePositioning({ anchorRef, contentRef, placement, offset: offsetValue, enabled, flip: enableFlip, shift: enableShift, }: UsePositioningOptions): PositionState;
-/**
- * Placement type helper
- */
-export type { Placement };

package/dist/components/primitives/Badge.d.ts

@@ -1,9 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const badgeVariants: (props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };

package/dist/components/primitives/Button.d.ts

@@ -1 +0,0 @@
-export { Button, type ButtonProps, buttonVariants } from '../ui/button';

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

@@ -1 +0,0 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from '../ui/card';

package/dist/components/primitives/Divider.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
-    orientation?: "horizontal" | "vertical";
-    variant?: "solid" | "dashed" | "dotted";
-}
-declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
-export { Divider };

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

@@ -1,4 +0,0 @@
-import { Input as InputComponent } from '../input';
-import * as React from "react";
-export { Input } from '../input';
-export type InputProps = React.ComponentProps<typeof InputComponent>;

package/dist/components/primitives/Label.d.ts

@@ -1 +0,0 @@
-export { Label } from '../ui/label';

package/dist/components/primitives/Link.d.ts

@@ -1,13 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const linkVariants: (props?: ({
-    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
-    asChild?: boolean;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-}
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export { Link, linkVariants };

package/dist/components/primitives/ThemeSwitch.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { ButtonProps } from './Button';
-interface ThemeSwitchProps {
-    className?: string;
-    size?: ButtonProps["size"];
-    variant?: ButtonProps["variant"];
-}
-declare const ThemeSwitch: React.FC<ThemeSwitchProps>;
-export { ThemeSwitch };

package/dist/components/radio/Radio.d.ts

@@ -1,23 +0,0 @@
-import { RadioProps } from './Radio.types';
-/**
- * Radio Component
- *
- * A fully accessible, theme-aware radio button component with variant support,
- * keyboard navigation, and comprehensive state management.
- * Uses button role="radio" pattern for full accessibility.
- * Can be used standalone or within RadioGroup for group behavior.
- *
- * @example
- * ```tsx
- * <RadioGroup value={value} onValueChange={setValue}>
- *   <Radio value="option1" aria-label="Option 1" />
- *   <Radio value="option2" aria-label="Option 2" />
- * </RadioGroup>
- * ```
- */
-import * as React from "react";
-/**
- * Radio component
- */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
-export { Radio };

package/dist/components/radio/Radio.types.d.ts

@@ -1,63 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { radioVariants } from './radio-variants';
-import * as React from "react";
-/**
- * Radio Component Props
- *
- * Extends native button HTML attributes with variant props, checked state, and accessibility props.
- * Uses button role="radio" pattern for full keyboard accessibility.
- */
-export interface RadioProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "onChange">, VariantProps<typeof radioVariants> {
-    /**
-     * Radio variant style
-     * @default "outline"
-     */
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
-    /**
-     * Radio size
-     * @default "md"
-     */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    /**
-     * Radio state
-     * @default "default"
-     */
-    state?: "default" | "checked" | "disabled" | "error";
-    /**
-     * Whether radio is checked (controlled)
-     */
-    checked?: boolean;
-    /**
-     * Whether radio is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Value of this radio button
-     * Required when used within RadioGroup
-     */
-    value?: string;
-    /**
-     * Callback fired when radio is selected
-     */
-    onCheckedChange?: (checked: boolean) => void;
-    /**
-     * Custom icon to display when checked
-     * Defaults to filled circle dot
-     */
-    icon?: React.ReactNode;
-    /**
-     * ARIA label for the radio
-     * Required if no visible label is present
-     */
-    "aria-label"?: string;
-    /**
-     * ARIA labelledby reference
-     * Points to the ID of the element that labels this radio
-     */
-    "aria-labelledby"?: string;
-    /**
-     * ARIA describedby reference
-     * Points to the ID of the element that describes this radio
-     */
-    "aria-describedby"?: string;
-}

package/dist/components/radio/RadioGroup.d.ts

@@ -1,20 +0,0 @@
-import { RadioGroupContextValue, RadioGroupProps } from './RadioGroup.types';
-/**
- * RadioGroup Component
- *
- * Container component for Radio buttons with keyboard navigation and state management.
- * Supports horizontal and vertical orientations, controlled/uncontrolled modes,
- * and full keyboard accessibility with ArrowUp/ArrowDown navigation.
- */
-import * as React from "react";
-export declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
-/**
- * Hook to access RadioGroup context
- * @throws Error if used outside RadioGroup
- */
-export declare function useRadioGroupContext(): RadioGroupContextValue;
-/**
- * RadioGroup - Container component that manages state and keyboard navigation
- */
-declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { RadioGroup };

package/dist/components/radio/RadioGroup.types.d.ts

@@ -1,61 +0,0 @@
-import * as React from "react";
-/**
- * RadioGroup Context Value
- *
- * Internal context value passed to Radio children
- */
-export interface RadioGroupContextValue {
-    /**
-     * Current selected value
-     */
-    value: string;
-    /**
-     * Callback when value changes
-     */
-    onValueChange: (value: string) => void;
-    /**
-     * Name attribute for the radio group
-     */
-    name: string;
-    /**
-     * Orientation of the radio group
-     */
-    orientation: "horizontal" | "vertical";
-    /**
-     * Size for all radios in the group
-     */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-}
-/**
- * RadioGroup Component Props
- *
- * Container component for Radio buttons with keyboard navigation and state management.
- */
-export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Controlled value
-     */
-    value?: string;
-    /**
-     * Default value for uncontrolled usage
-     */
-    defaultValue?: string;
-    /**
-     * Callback when value changes
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Name attribute for the radio group
-     */
-    name?: string;
-    /**
-     * Orientation of the radio group
-     * @default "vertical"
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * Size for all radios in the group
-     * Can be overridden by individual Radio components
-     */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-}

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

@@ -1,5 +0,0 @@
-export { Radio } from './Radio';
-export type { RadioProps } from './Radio.types';
-export { radioVariants } from './radio-variants';
-export { RadioGroup, RadioGroupContext, useRadioGroupContext } from './RadioGroup';
-export type { RadioGroupContextValue, RadioGroupProps } from './RadioGroup.types';

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

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

package/dist/components/search/SearchBar.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-interface SearchBarProps {
-    placeholder: string;
-    className?: string;
-    onSearch?: (query: string) => void;
-    suggestions?: string[];
-    onSuggestionSelect?: (suggestion: string) => void;
-}
-export declare const SearchBar: React.FC<SearchBarProps>;
-export {};

package/dist/components/sections/ArticlesSection.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-/**
- * Item interface for ArticlesSection component.
- * Domain-agnostic interface for displaying article items.
- */
-export interface ArticleItem {
-    /** Article title (pre-localized string) */
-    title: string;
-    /** Article description (optional, pre-localized string) */
-    description?: string;
-    /** Publication date display string (pre-formatted, optional) */
-    date?: string;
-    /** Image URL (optional) */
-    imageUrl?: string;
-    /** Full URL for article details page */
-    href: string;
-}
-interface ArticlesSectionProps {
-    /** Array of article items to display */
-    articles: ArticleItem[];
-    readMoreLabel: string;
-    className?: string;
-}
-export declare const ArticlesSection: React.FC<ArticlesSectionProps>;
-export {};

package/dist/components/sections/CTASection.d.ts

@@ -1,37 +0,0 @@
-import { default as React } from 'react';
-import { ButtonProps } from '../primitives/Button';
-export interface CTASectionProps {
-    headline: React.ReactNode;
-    description?: React.ReactNode;
-    primaryAction?: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        variant?: ButtonProps["variant"];
-    };
-    secondaryAction?: {
-        label: string;
-        onClick?: () => void;
-        href?: string;
-        variant?: ButtonProps["variant"];
-    };
-    layout?: "centered" | "split";
-    className?: string;
-}
-/**
- * CTASection component for call-to-action sections
- *
- * Displays a headline, description, and action buttons.
- * Supports centered and split layouts with flexible button configurations.
- *
- * @example
- * ```tsx
- * <CTASection
- *   headline="Ready to get started?"
- *   description="Join thousands of developers"
- *   primaryAction={{ label: "Get Started", href: "/signup" }}
- *   secondaryAction={{ label: "Learn More", onClick: handleLearnMore }}
- * />
- * ```
- */
-export declare const CTASection: React.FC<CTASectionProps>;