@tenerife.music/ui 1.0.8 → 1.0.13

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

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

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-/**
- * DataList Component
- *
- * Mobile-first data list component for displaying key-value pairs.
- */
-export { DataListRoot, type DataListRootProps } from './DataList';
-export { DataListItem, type DataListItemProps } from './DataListItem';
-export { DataListLabel, type DataListLabelProps } from './DataListLabel';
-export { DataListValue, type DataListValueProps } from './DataListValue';
-export { DataListRoot as DataList } from './DataList';

package/dist/components/data/empty-state/EmptyState.d.ts

@@ -1,31 +0,0 @@
-/**
- * EmptyState Component
- *
- * Token-driven empty state component for displaying empty or no-data states.
- * Uses DATA_TOKENS for all spacing and sizing.
- * Integrates with Surface and Stack components.
- */
-import * as React from "react";
-export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Unique ID for accessibility (auto-generated if not provided)
-     */
-    id?: string;
-}
-/**
- * EmptyState root component
- *
- * @example
- * ```tsx
- * <EmptyState>
- *   <EmptyState.Icon>📭</EmptyState.Icon>
- *   <EmptyState.Title>No items found</EmptyState.Title>
- *   <EmptyState.Description>Try adjusting your filters</EmptyState.Description>
- *   <EmptyState.Action>
- *     <Button>Create Item</Button>
- *   </EmptyState.Action>
- * </EmptyState>
- * ```
- */
-declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-export { EmptyState };

package/dist/components/data/empty-state/EmptyState.types.d.ts

@@ -1,51 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * EmptyState root component props
- */
-export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Unique ID for accessibility (auto-generated if not provided)
-     */
-    id?: string;
-}
-/**
- * EmptyState Icon component props
- */
-export interface EmptyStateIconProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Icon content (any ReactNode)
-     */
-    children: ReactNode;
-    /**
-     * Icon size
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * EmptyState Title component props
- */
-export interface EmptyStateTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * Title text
-     */
-    children: ReactNode;
-}
-/**
- * EmptyState Description component props
- */
-export interface EmptyStateDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * Description text
-     */
-    children: ReactNode;
-}
-/**
- * EmptyState Action component props
- */
-export interface EmptyStateActionProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Action button or link (typically Button component)
-     */
-    children: ReactNode;
-}

package/dist/components/data/empty-state/EmptyStateAction.d.ts

@@ -1,17 +0,0 @@
-/**
- * EmptyState Action Component
- *
- * Action subcomponent for EmptyState (typically contains Button).
- */
-import * as React from "react";
-export interface EmptyStateActionProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Action button or link (typically Button component)
-     */
-    children: React.ReactNode;
-}
-/**
- * EmptyState Action component
- */
-declare const EmptyStateAction: React.ForwardRefExoticComponent<EmptyStateActionProps & React.RefAttributes<HTMLDivElement>>;
-export { EmptyStateAction };

package/dist/components/data/empty-state/EmptyStateDescription.d.ts

@@ -1,17 +0,0 @@
-/**
- * EmptyState Description Component
- *
- * Description subcomponent for EmptyState.
- */
-import * as React from "react";
-export interface EmptyStateDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * Description text
-     */
-    children: React.ReactNode;
-}
-/**
- * EmptyState Description component
- */
-declare const EmptyStateDescription: React.ForwardRefExoticComponent<EmptyStateDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-export { EmptyStateDescription };

package/dist/components/data/empty-state/EmptyStateIcon.d.ts

@@ -1,22 +0,0 @@
-/**
- * EmptyState Icon Component
- *
- * Icon subcomponent for EmptyState.
- */
-import * as React from "react";
-export interface EmptyStateIconProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Icon content (any ReactNode)
-     */
-    children: React.ReactNode;
-    /**
-     * Icon size
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * EmptyState Icon component
- */
-declare const EmptyStateIcon: React.ForwardRefExoticComponent<EmptyStateIconProps & React.RefAttributes<HTMLDivElement>>;
-export { EmptyStateIcon };

package/dist/components/data/empty-state/EmptyStateTitle.d.ts

@@ -1,17 +0,0 @@
-/**
- * EmptyState Title Component
- *
- * Title subcomponent for EmptyState.
- */
-import * as React from "react";
-export interface EmptyStateTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    /**
-     * Title text
-     */
-    children: React.ReactNode;
-}
-/**
- * EmptyState Title component
- */
-declare const EmptyStateTitle: React.ForwardRefExoticComponent<EmptyStateTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-export { EmptyStateTitle };

package/dist/components/data/empty-state/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * EmptyState Component
- *
- * Token-driven empty state component for displaying empty or no-data states.
- */
-export { EmptyState, type EmptyStateProps } from './EmptyState';
-export { EmptyStateAction, type EmptyStateActionProps } from './EmptyStateAction';
-export { EmptyStateDescription, type EmptyStateDescriptionProps } from './EmptyStateDescription';
-export { EmptyStateIcon, type EmptyStateIconProps } from './EmptyStateIcon';
-export { EmptyStateTitle, type EmptyStateTitleProps } from './EmptyStateTitle';

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

@@ -1,9 +0,0 @@
-/**
- * Data Components
- *
- * Token-driven data display components: Table, DataList, Skeleton, EmptyState.
- */
-export { Skeleton, type SkeletonProps, skeletonVariants } from './skeleton';
-export { EmptyState, EmptyStateAction, type EmptyStateActionProps, EmptyStateDescription, type EmptyStateDescriptionProps, EmptyStateIcon, type EmptyStateIconProps, type EmptyStateProps, EmptyStateTitle, type EmptyStateTitleProps, } from './empty-state';
-export { DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListLabelProps, DataListRoot, type DataListRootProps, DataListValue, type DataListValueProps, } from './data-list';
-export { type SortDirection, type SortState, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableColumn, type TableContextValue, TableEmpty, type TableEmptyProps, TableExpandableContent, type TableExpandableContentProps, TableHead, TableHeader, type TableHeaderProps, type TableHeadProps, TableLoadingState, type TableLoadingStateProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSortIcon, type TableSortIconProps, useTableContext, } from './table';

package/dist/components/data/skeleton/Skeleton.d.ts

@@ -1,24 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const skeletonVariants: (props?: ({
-    variant?: "text" | "circle" | "inline" | "block" | "card" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
-    /**
-     * Whether to hide from screen readers
-     * @default true
-     */
-    "aria-hidden"?: boolean;
-}
-/**
- * Skeleton component for loading states
- *
- * @example
- * ```tsx
- * <Skeleton variant="text" />
- * <Skeleton variant="circle" />
- * <Skeleton variant="card" />
- * ```
- */
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-export { Skeleton, skeletonVariants };

package/dist/components/data/skeleton/Skeleton.types.d.ts

@@ -1,12 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { skeletonVariants } from './Skeleton';
-/**
- * Skeleton component props
- */
-export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
-    /**
-     * Whether to hide from screen readers
-     * @default true
-     */
-    "aria-hidden"?: boolean;
-}

package/dist/components/data/skeleton/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Skeleton Component
- *
- * Token-driven skeleton loading component with multiple variants.
- */
-export { Skeleton, type SkeletonProps, skeletonVariants } from './Skeleton';

package/dist/components/data/table/Table.d.ts

@@ -1,33 +0,0 @@
-import { TableContextValue, TableRootProps } from './Table.types';
-export declare function useTableContext(): TableContextValue;
-/**
- * Table Root component
- *
- * @example
- * ```tsx
- * <Table.Root
- *   data={users}
- *   columns={columns}
- *   rowKey="id"
- *   sortable
- * >
- *   <Table.Header>
- *     <Table.Row>
- *       <Table.Head>Name</Table.Head>
- *     </Table.Row>
- *   </Table.Header>
- *   <Table.Body>
- *     {users.map((user) => (
- *       <Table.Row key={user.id}>
- *         <Table.Cell>{user.name}</Table.Cell>
- *       </Table.Row>
- *     ))}
- *   </Table.Body>
- * </Table.Root>
- * ```
- */
-declare function TableRoot<T extends Record<string, unknown>>({ data: _data, columns: _columns, rowKey: _rowKey, sortable: _sortable, expandable, renderExpandableContent, loading: _loading, emptyMessage: _emptyMessage, stickyHeader: _stickyHeader, rowSize: _rowSize, className, children, ...props }: TableRootProps<T>): import("react/jsx-runtime").JSX.Element;
-declare namespace TableRoot {
-    var displayName: string;
-}
-export { TableRoot };

package/dist/components/data/table/Table.types.d.ts

@@ -1,264 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Table column definition
- */
-export interface TableColumn<T = Record<string, unknown>> {
-    /**
-     * Column key (must match a key in the data object)
-     */
-    key: keyof T;
-    /**
-     * Column header title
-     */
-    title: string;
-    /**
-     * Custom render function for cell content
-     */
-    render?: (value: T[keyof T], item: T, index: number) => ReactNode;
-    /**
-     * Column alignment
-     * @default "left"
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Column width (CSS value or Tailwind class)
-     */
-    width?: string;
-    /**
-     * Whether column is sortable
-     * @default false
-     */
-    sortable?: boolean;
-    /**
-     * Cell size
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Sort direction
- */
-export type SortDirection = "asc" | "desc" | null;
-/**
- * Sort state
- */
-export interface SortState {
-    /**
-     * Column key being sorted
-     */
-    column: string | null;
-    /**
-     * Sort direction
-     */
-    direction: SortDirection;
-}
-/**
- * Table context value
- */
-export interface TableContextValue {
-    /**
-     * Current sort state
-     */
-    sortState: SortState;
-    /**
-     * Set sort state
-     */
-    setSortState: (state: SortState) => void;
-    /**
-     * Expanded rows (for expandable rows)
-     */
-    expandedRows: Set<string | number>;
-    /**
-     * Toggle row expansion
-     */
-    toggleRow: (rowKey: string | number) => void;
-    /**
-     * Whether table has expandable rows
-     */
-    expandable?: boolean;
-    /**
-     * Render function for expandable content
-     */
-    renderExpandableContent?: (item: unknown, index: number) => ReactNode;
-}
-/**
- * Table Root component props
- */
-export interface TableRootProps<T = Record<string, unknown>> extends React.HTMLAttributes<HTMLTableElement> {
-    /**
-     * Table data array
-     */
-    data: T[];
-    /**
-     * Column definitions
-     */
-    columns: TableColumn<T>[];
-    /**
-     * Key to use for row identification
-     */
-    rowKey: keyof T | ((item: T, index: number) => string | number);
-    /**
-     * Whether table supports sorting
-     * @default false
-     */
-    sortable?: boolean;
-    /**
-     * Whether table supports expandable rows
-     * @default false
-     */
-    expandable?: boolean;
-    /**
-     * Render function for expandable content
-     */
-    renderExpandableContent?: (item: T, index: number) => ReactNode;
-    /**
-     * Whether table is in loading state
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Empty state message (shown when data is empty)
-     */
-    emptyMessage?: string;
-    /**
-     * Whether header is sticky
-     * @default false
-     */
-    stickyHeader?: boolean;
-    /**
-     * Row size
-     * @default "md"
-     */
-    rowSize?: "sm" | "md" | "lg";
-}
-/**
- * Table Header component props
- */
-export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-    /**
-     * Whether header is sticky
-     * @default false
-     */
-    sticky?: boolean;
-}
-/**
- * Table Head component props
- */
-export interface TableHeadProps extends React.HTMLAttributes<HTMLTableCellElement> {
-    /**
-     * Column alignment
-     * @default "left"
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Whether column is sortable
-     * @default false
-     */
-    sortable?: boolean;
-    /**
-     * Column key (for sorting)
-     */
-    columnKey?: string;
-    /**
-     * Cell size
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Table Body component props
- */
-export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-/**
- * Table Row component props
- */
-export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /**
-     * Whether row is selected
-     * @default false
-     */
-    selected?: boolean;
-    /**
-     * Whether row is expandable
-     * @default false
-     */
-    expandable?: boolean;
-    /**
-     * Row key (for expansion tracking)
-     */
-    rowKey?: string | number;
-    /**
-     * Whether row is expanded
-     * @default false
-     */
-    expanded?: boolean;
-}
-/**
- * Table Cell component props
- */
-export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
-    /**
-     * Cell alignment
-     * @default "left"
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Cell size
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Table SortIcon component props
- */
-export interface TableSortIconProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Sort direction
-     */
-    direction: SortDirection;
-}
-/**
- * Table Empty component props
- */
-export interface TableEmptyProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /**
-     * Number of columns to span
-     */
-    colSpan: number;
-    /**
-     * Empty message
-     */
-    message?: string;
-}
-/**
- * Table LoadingState component props
- */
-export interface TableLoadingStateProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /**
-     * Number of columns to span
-     */
-    colSpan: number;
-    /**
-     * Number of skeleton rows to show
-     * @default 5
-     */
-    rows?: number;
-}
-/**
- * Table ExpandableContent component props
- */
-export interface TableExpandableContentProps extends React.HTMLAttributes<HTMLTableCellElement> {
-    /**
-     * Number of columns to span
-     */
-    colSpan: number;
-    /**
-     * Whether content is expanded
-     */
-    expanded: boolean;
-    /**
-     * Content to render
-     */
-    children: ReactNode;
-}

package/dist/components/data/table/TableBody.d.ts

@@ -1,13 +0,0 @@
-import { TableBodyProps } from './Table.types';
-/**
- * Table Body Component
- *
- * Body section for table (tbody element).
- */
-import * as React from "react";
-export type { TableBodyProps };
-/**
- * Table Body component
- */
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-export { TableBody };

package/dist/components/data/table/TableCell.d.ts

@@ -1,13 +0,0 @@
-import { TableCellProps } from './Table.types';
-/**
- * Table Cell Component
- *
- * Table cell component with alignment and size support.
- */
-import * as React from "react";
-export type { TableCellProps };
-/**
- * Table Cell component
- */
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-export { TableCell };

package/dist/components/data/table/TableEmpty.d.ts

@@ -1,13 +0,0 @@
-import { TableEmptyProps } from './Table.types';
-/**
- * Table Empty Component
- *
- * Empty state row for table (uses EmptyState component).
- */
-import * as React from "react";
-export type { TableEmptyProps };
-/**
- * Table Empty component
- */
-declare const TableEmpty: React.ForwardRefExoticComponent<TableEmptyProps & React.RefAttributes<HTMLTableRowElement>>;
-export { TableEmpty };