@roy-ui/ui 0.0.7 → 0.0.8

package/dist/index.d.ts

@@ -1,422 +1,17 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes, CSSProperties, HTMLAttributes, LiHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, InputHTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type ButtonSize = 'sm' | 'md' | 'lg';
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Visual scale. Defaults to "md". */
-    size?: ButtonSize;
-    /** Stretch the button to fill its container. Defaults to false. */
-    fullWidth?: boolean;
-    /** Replaces children with a spinner and disables the button. */
-    loading?: boolean;
-    /** Optional override for the loading visual. Defaults to a spinner. */
-    loadingLabel?: ReactNode;
-    children: ReactNode;
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface GradientButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    loading?: boolean;
-    loadingLabel?: ReactNode;
-    fullWidth?: boolean;
-    children: ReactNode;
-}
-declare const GradientButton: react.ForwardRefExoticComponent<GradientButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface PopoverProps {
-    children: ReactNode;
-    title?: string;
-    align?: 'left' | 'right';
-    width?: 'sm' | 'md' | 'lg' | number;
-    label?: string;
-    defaultOpen?: boolean;
-    renderTrigger?: (api: {
-        isOpen: boolean;
-        toggle: () => void;
-    }) => ReactNode;
-}
-declare function Popover({ children, title, align, width, label, defaultOpen, renderTrigger, }: PopoverProps): react_jsx_runtime.JSX.Element;
-
-type MadeByPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-interface MadeByProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'prefix'> {
-    /** Display name shown after the prefix. */
-    name: string;
-    /** URL opened when the badge is clicked. */
-    href: string;
-    /** Prefix copy. Defaults to "Made by". */
-    prefix?: ReactNode;
-    /** Viewport anchor. Defaults to "bottom-right". */
-    position?: MadeByPosition;
-    /** Optional leading slot — avatar, mark, emoji, dot. */
-    icon?: ReactNode;
-    /** Custom font-family for the author name. */
-    nameFont?: string;
-    /** Font style for the author name. Defaults to "italic". */
-    nameStyle?: CSSProperties['fontStyle'];
-}
-declare const MadeBy: react.ForwardRefExoticComponent<MadeByProps & react.RefAttributes<HTMLAnchorElement>>;
-
-interface TextMorphProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
-    /** The current text. When this prop changes, the component diff-types
-        from the previously displayed text to the new value. */
-    value: string;
-    /** Optional renderer for the current intermediate text — handy for
-        syntax highlighting, gradient spans, or wrapping each word. Receives
-        the partial string at every keystroke during the animation. */
-    renderText?: (current: string) => ReactNode;
-    /** Per-character typing delay range in ms. Default [30, 60]. */
-    typeDelay?: [min: number, max: number];
-    /** Per-character backspace delay range in ms. Default [18, 30]. */
-    backspaceDelay?: [min: number, max: number];
-    /** Characters that get an additional delay (harder to type on a real
-        keyboard — punctuation, brackets, symbols). Default /[\/{}\-_@]/. */
-    hardChars?: RegExp;
-    /** Extra delay range for hard chars in ms. Default [30, 65]. */
-    hardCharExtraDelay?: [min: number, max: number];
-    /** Pause between backspace phase and typing phase, in ms. Default 70. */
-    pauseMs?: number;
-    /** Skip animation entirely and just swap text. */
-    disabled?: boolean;
-}
-declare const TextMorph: react.ForwardRefExoticComponent<TextMorphProps & react.RefAttributes<HTMLSpanElement>>;
-
-interface TreeNavProps extends HTMLAttributes<HTMLUListElement> {
-    /** Left indent of the branched group, in pixels. Default 24. */
-    indent?: number;
-    /** Vertical gap between items, in pixels. Default 2. */
-    gap?: number;
-}
-declare const TreeNav: react.ForwardRefExoticComponent<TreeNavProps & react.RefAttributes<HTMLUListElement>>;
-
-interface TreeNavItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'children'> {
-    /** Link target. Used when asChild is false (default <a> render). */
-    href?: string;
-    /** Mark this item active. Adds aria-current="page" to the rendered link. */
-    active?: boolean;
-    /** Render the consumer's element (e.g. next/link, TanStack Link) instead of an <a>. */
-    asChild?: boolean;
-    /** Hide the triangle tip at the end of the branch. Default false (tip shown). */
-    hideTip?: boolean;
-    /** Leading icon slot. */
-    icon?: ReactNode;
-    /** Anchor / link contents. */
-    children?: ReactNode;
-    /** Forwarded to the inner link element (className, onClick, etc.). */
-    linkProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children'>;
-}
-declare const TreeNavItem: react.ForwardRefExoticComponent<TreeNavItemProps & react.RefAttributes<HTMLLIElement>>;
-
-type TableDensity = 'compact' | 'cozy' | 'comfortable';
-type FontSpec = string | {
-    family?: string;
-    size?: string | number;
-    weight?: number | string;
-    letterSpacing?: string;
-    featureSettings?: string;
-};
-interface TableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Rows visible before vertical scroll. Default 7. */
-    visibleRows?: number;
-    /** Approximate row height in px — drives the scroll cap. Default 44. */
-    rowHeight?: number;
-    /** Header sticks during scroll. Default true. */
-    stickyHeader?: boolean;
-    /** Padding scale. Default 'cozy'. */
-    density?: TableDensity;
-    /** Renders an inline spinner overlay on top of rows. */
-    loading?: boolean;
-    /** Replaces row area when no rows are present. */
-    empty?: ReactNode;
-    /**
-     * Force every column to fit in the container — disables horizontal scroll
-     * and lets the browser distribute width across all visible columns.
-     * Cell content wraps onto multiple lines instead of clipping.
-     */
-    fitColumns?: boolean;
-    /** Per-zone fonts. */
-    headerFont?: FontSpec;
-    rowHeaderFont?: FontSpec;
-    cellFont?: FontSpec;
-    children?: ReactNode;
-    tableProps?: TableHTMLAttributes<HTMLTableElement>;
-    /** Show the empty slot. Set explicitly by DataTable; defaults to false. */
-    isEmpty?: boolean;
-}
-declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & react.RefAttributes<HTMLTableRowElement>>;
-interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
-    align?: 'left' | 'right' | 'center';
-}
-declare const TableHead: react.ForwardRefExoticComponent<TableHeadCellProps & react.RefAttributes<HTMLTableCellElement>>;
-interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
-    align?: 'left' | 'right' | 'center';
-    isRowHeader?: boolean;
-}
-declare const TableCell: react.ForwardRefExoticComponent<TableCellProps & react.RefAttributes<HTMLTableCellElement>>;
-
-interface SpinnerProps {
-    size?: number;
-    strokeWidth?: number;
-    label?: string;
-    style?: CSSProperties;
-    className?: string;
-}
-declare function Spinner({ size, strokeWidth, label, style, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
-
-interface TableSearchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    /** Debounce in ms before onChange fires. Default 0 (synchronous). */
-    debounceMs?: number;
-    placeholder?: string;
-    /** Width in px. Default 260. */
-    width?: number | string;
-    /** Hide the magnifier dot. */
-    hideIndicator?: boolean;
-    style?: CSSProperties;
-}
-declare const TableSearch: react.ForwardRefExoticComponent<TableSearchProps & react.RefAttributes<HTMLInputElement>>;
-
-interface PaginationProps {
-    page: number;
-    pageCount: number;
-    onPageChange: (page: number) => void;
-    /** Pages shown adjacent to the current page. Default 1. */
-    siblingCount?: number;
-    /** Show Prev / Next text buttons. Default true. */
-    showPrevNext?: boolean;
-    /** Override the Prev / Next labels. */
-    prevLabel?: string;
-    nextLabel?: string;
-    /** Compact summary like "Page 3 of 12" on the left. Default false. */
-    showSummary?: boolean;
-    summaryRender?: (page: number, pageCount: number) => string;
-    className?: string;
-    style?: CSSProperties;
-}
-declare function Pagination({ page, pageCount, onPageChange, siblingCount, showPrevNext, prevLabel, nextLabel, showSummary, summaryRender, className, style, }: PaginationProps): react_jsx_runtime.JSX.Element;
-
-type DateRange = {
-    from: Date | null;
-    to: Date | null;
-};
-declare function startOfDay(d: Date): Date;
-declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
-declare function addMonths(d: Date, n: number): Date;
-declare function addDays(d: Date, n: number): Date;
-declare function isBetween(d: Date, from: Date, to: Date): boolean;
-declare function formatMonthYear(d: Date): string;
-declare function formatShort(d: Date | null): string;
-declare function formatRange(range: DateRange): string;
-
-type DatePreset = {
-    label: string;
-    range: () => DateRange;
-};
-interface DateRangePickerProps {
-    value?: DateRange;
-    defaultValue?: DateRange;
-    onChange?: (range: DateRange) => void;
-    monthsVisible?: number;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    placeholder?: string;
-    presets?: DatePreset[];
-    /** Render below the trigger when open. Default 'left'. */
-    align?: 'left' | 'right';
-    className?: string;
-    style?: CSSProperties;
-    triggerLabel?: ReactNode;
-    disabled?: boolean;
-}
-declare const DEFAULT_PRESETS: DatePreset[];
-declare function DateRangePicker({ value, defaultValue, onChange, monthsVisible, weekStartsOn, minDate, maxDate, placeholder, presets, align, className, style, triggerLabel, disabled, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
-
-type TimeValue = {
-    hours: number;
-    minutes: number;
-};
-interface AnalogClockProps {
-    value: TimeValue;
-    onChange: (next: TimeValue) => void;
-    hourCycle?: 12 | 24;
-    minuteStep?: number;
-    /** SVG size in px. Default 220. */
-    size?: number;
-}
-declare function AnalogClock({ value, onChange, hourCycle, minuteStep, size, }: AnalogClockProps): react_jsx_runtime.JSX.Element;
-
-type TimePickerVariant = 'analog' | 'digital';
-interface TimePickerProps {
-    value?: TimeValue | null;
-    defaultValue?: TimeValue | null;
-    onChange?: (next: TimeValue) => void;
-    /** Picker style. Default 'analog'. */
-    variant?: TimePickerVariant;
-    /** Allow the user to switch between variants. Default true. */
-    switchable?: boolean;
-    hourCycle?: 12 | 24;
-    minuteStep?: number;
-    placeholder?: string;
-    align?: 'left' | 'right';
-    className?: string;
-    style?: CSSProperties;
-    triggerLabel?: ReactNode;
-    disabled?: boolean;
-}
-declare function formatTime(t: TimeValue | null | undefined, hourCycle?: 12 | 24): string;
-declare function TimePicker({ value, defaultValue, onChange, variant, switchable, hourCycle, minuteStep, placeholder, align, className, style, triggerLabel, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
-
-interface DigitalClockProps {
-    value: TimeValue;
-    onChange: (next: TimeValue) => void;
-    hourCycle?: 12 | 24;
-    minuteStep?: number;
-}
-declare function DigitalClock({ value, onChange, hourCycle, minuteStep, }: DigitalClockProps): react_jsx_runtime.JSX.Element;
-
-type ColumnType = 'text' | 'number' | 'date' | 'time';
-type Column<T> = {
-    key: string;
-    header: string;
-    accessor: (row: T) => unknown;
-    type?: ColumnType;
-    align?: 'left' | 'right' | 'center';
-    /** Marks this column as the row-header cell (<th scope="row">). At most one per table. */
-    isRowHeader?: boolean;
-    /** Custom per-cell renderer. Falls back to the accessor's stringified value. */
-    cell?: (value: unknown, row: T) => ReactNode;
-    /** Initial pixel width. Resizable still by default. */
-    defaultWidth?: number;
-    minWidth?: number;
-    maxWidth?: number;
-    resizable?: boolean;
-    reorderable?: boolean;
-    hideable?: boolean;
-    defaultHidden?: boolean;
-    pinned?: 'left' | 'right';
-    /** Override the per-cell font for this column only (data cells; header stays unified). */
-    font?: FontSpec;
-    /** Override the comparator used when sorting this column. */
-    sortBy?: (row: T) => string | number | Date;
-};
-interface DataIO<T> {
-    export?: {
-        enabled: boolean;
-        formats?: ('csv' | 'json')[];
-        filename?: string | (() => string);
-        scope?: 'all' | 'filtered' | 'page';
-        serialize?: (rows: T[], cols: Column<T>[], format: 'csv' | 'json') => string;
-    };
-    import?: {
-        enabled: boolean;
-        accept?: string;
-        parse?: (text: string, file: File) => T[] | Promise<T[]>;
-        onImport: (rows: T[], info: {
-            mode: 'replace' | 'append';
-            file: File;
-        }) => void;
-        mode?: 'replace' | 'append';
-        onError?: (err: unknown, file: File) => void;
-    };
-}
-interface DataTableProps<T> {
-    data: T[];
-    columns: Column<T>[];
-    /** Stable row key. Defaults to the index. */
-    getRowId?: (row: T, index: number) => string | number;
-    visibleRows?: number;
-    rowHeight?: number;
-    stickyHeader?: boolean;
-    density?: TableDensity;
-    loading?: boolean;
-    empty?: ReactNode;
-    /**
-     * Force every column to fit in the container — disables horizontal scroll
-     * and ignores `defaultWidth` / resized widths so columns share the width
-     * equally. Cell content wraps. Resize handles still draw, but their effect
-     * is clamped by the container.
-     */
-    fitColumns?: boolean;
-    /** Toolbar — search. */
-    search?: {
-        enabled: boolean;
-        placeholder?: string;
-        debounceMs?: number;
-        /** Override the default per-column substring match. */
-        predicate?: (row: T, query: string, columns: Column<T>[]) => boolean;
-    };
-    /** Toolbar — date range filter against one column. */
-    dateFilter?: {
-        column: string;
-        monthsVisible?: number;
-        placeholder?: string;
-    };
-    /** Toolbar — time filter against one column. */
-    timeFilter?: {
-        column: string;
-        variant?: TimePickerVariant;
-        hourCycle?: 12 | 24;
-        placeholder?: string;
-        /** Tolerance in minutes around the chosen time. Default 0 (exact). */
-        toleranceMinutes?: number;
-    };
-    /** Pagination. Pass `false` to disable. */
-    pagination?: {
-        pageSize?: number;
-        siblingCount?: number;
-        showSummary?: boolean;
-    } | false;
-    /** Column reorder. Default true. */
-    reorderable?: boolean;
-    /** Column resize. Default true. */
-    resizable?: boolean;
-    /** Show the "Columns" menu in the toolbar. Default true. */
-    columnMenu?: boolean;
-    /** Data export / import wiring. */
-    dataIO?: DataIO<T>;
-    /** Per-zone typography. */
-    headerFont?: FontSpec;
-    rowHeaderFont?: FontSpec;
-    cellFont?: FontSpec;
-    /** Persist layout state (order, sizes, hidden) under this key in localStorage. */
-    storageKey?: string;
-    className?: string;
-    /** Slot rendered between the toolbar and the table. */
-    toolbarExtras?: ReactNode;
-}
-type SortDir = 'asc' | 'desc' | null;
-type TableLayout = {
-    order: string[];
-    sizes: Record<string, number>;
-    hidden: string[];
-};
-interface FilterState {
-    search: string;
-    dateRange: DateRange;
-    time: TimeValue | null;
-}
-
-declare function DataTable<T>({ data, columns, getRowId, visibleRows, rowHeight, stickyHeader, density, loading, empty, fitColumns, search, dateFilter, timeFilter, pagination, reorderable, resizable, columnMenu, dataIO, headerFont, rowHeaderFont, cellFont, storageKey, className, toolbarExtras, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
-
-interface ColumnMenuProps<T> {
-    columns: Column<T>[];
-    layout: TableLayout;
-    onToggle: (key: string) => void;
-    onReset: () => void;
-}
-declare function ColumnMenu<T>({ columns, layout, onToggle, onReset, }: ColumnMenuProps<T>): react_jsx_runtime.JSX.Element;
-
-declare function toCsv<T>(rows: T[], cols: Column<T>[]): string;
-declare function fromCsv(text: string): Record<string, string>[];
-declare function toJson<T>(rows: T[], cols: Column<T>[]): string;
-declare function fromJson<T>(text: string): T[];
-declare function downloadString(text: string, filename: string, mime: string): void;
-
-export { AnalogClock, type AnalogClockProps, Button, type ButtonProps, type ButtonSize, type Column, ColumnMenu, type ColumnType, DEFAULT_PRESETS, type DataIO, DataTable, type DataTableProps, type DatePreset, type DateRange, DateRangePicker, type DateRangePickerProps, DigitalClock, type DigitalClockProps, type FilterState, type FontSpec, GradientButton, type GradientButtonProps, MadeBy, type MadeByPosition, type MadeByProps, Pagination, type PaginationProps, Popover, type PopoverProps, type SortDir, Spinner, type SpinnerProps, Table, TableBody, TableCell, type TableCellProps, type TableDensity, TableHead, type TableHeadCellProps, TableHeader, type TableLayout, type TableProps, TableRow, TableSearch, type TableSearchProps, TextMorph, type TextMorphProps, TimePicker, type TimePickerProps, type TimePickerVariant, type TimeValue, TreeNav, TreeNavItem, type TreeNavItemProps, type TreeNavProps, addDays, addMonths, downloadString, formatMonthYear, formatRange, formatShort, formatTime, fromCsv, fromJson, isBetween, isSameDay, startOfDay, toCsv, toJson };
+export { Button, ButtonProps, ButtonSize } from './components/button/index.js';
+export { GradientButton, GradientButtonProps } from './components/gradient-button/index.js';
+export { Popover, PopoverProps } from './components/popover/index.js';
+export { MadeBy, MadeByPosition, MadeByProps } from './components/made-by/index.js';
+export { TextMorph, TextMorphProps } from './components/text-morph/index.js';
+export { TreeNav, TreeNavItem, TreeNavItemProps, TreeNavProps } from './components/tree-nav/index.js';
+export { F as FontSpec, T as Table, a as TableDensity, b as TableProps } from './Table-qVdGZkB4.js';
+export { Spinner, SpinnerProps, TableBody, TableCell, TableCellProps, TableHead, TableHeadCellProps, TableHeader, TableRow } from './components/table/index.js';
+export { TableSearch, TableSearchProps } from './components/table-search/index.js';
+export { Pagination, PaginationProps } from './components/pagination/index.js';
+export { DEFAULT_PRESETS, DatePreset, DateRangePicker, DateRangePickerProps } from './components/date-range-picker/index.js';
+export { D as DateRange, a as addDays, b as addMonths, f as formatMonthYear, c as formatRange, d as formatShort, i as isBetween, e as isSameDay, s as startOfDay } from './dateUtils-B_m_EICl.js';
+export { A as AnalogClock, a as AnalogClockProps, T as TimePicker, b as TimePickerProps, c as TimePickerVariant, d as TimeValue, f as formatTime } from './TimePicker-BhRta4MK.js';
+export { DigitalClock, DigitalClockProps } from './components/time-picker/index.js';
+export { Column, ColumnMenu, ColumnType, DataIO, DataTable, DataTableProps, FilterState, SortDir, TableLayout, downloadString, fromCsv, fromJson, toCsv, toJson } from './components/data-table/index.js';
+import 'react';
+import 'react/jsx-runtime';