smartsell-ui-kit 0.1.13 → 0.1.14

package/dist/index.d.ts

@@ -1,392 +1,22 @@
+import { C as ControlSize } from './types-ENHTzCG6.js';
+export { B as Button, a as ButtonProps, b as Card, c as CardProps, d as CardSmall, e as CardSmallProps, f as Checkbox, g as CheckboxProps, h as ComposableModal, i as ComposableModalProps, j as ComposableModalSlotRenderProps, k as ComposableModalSlotRenderer, D as DatePicker, l as DatePickerChangeContext, m as DatePickerChangeReason, n as DatePickerMode, o as DatePickerProps, p as DatePickerValue, I as Input, q as InputProps, M as Modal, r as ModalAction, s as ModalProps, t as ModalSlotContext, u as ModalSlotIds, v as ModalTheme, w as ModalThemeSource, S as Select, x as SelectAsync, y as SelectAsyncLoadContext, z as SelectAsyncLoadResult, A as SelectAsyncOption, E as SelectAsyncOptionValue, F as SelectAsyncProps, G as SelectProps, H as Separator, J as SeparatorOrientation, K as SeparatorProps, L as SharedTableProps, N as StandardModalProps, T as Table, O as TableAction, P as TableActionSource, Q as TableActionTone, R as TableAsync, U as TableAsyncLoadContext, V as TableAsyncLoadResult, W as TableAsyncProps, X as TableColumn, Y as TableColumnAlign, Z as TableColumnType, _ as TableLabels, $ as TableProps, a0 as Textarea, a1 as TextareaProps, a2 as UiKitTheme, a3 as createModalSlotIds, a4 as useUiKitTheme } from './types-ENHTzCG6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties, InputHTMLAttributes, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { SmartSellTheme, ThemeColors } from 'smartsell-theme';
-
-type ControlSize = 'sm' | 'md' | 'lg';
-
-declare const UI_KIT_THEME_COLOR_NAMES: readonly ["primary", "primaryLight", "primaryDark", "shadow", "secondary", "background", "surface", "text", "textLight", "positive", "negative", "warning", "info", "onPrimary", "onSecondary"];
-type UiKitThemeColorName = (typeof UI_KIT_THEME_COLOR_NAMES)[number];
-type UiKitThemeColors = {
-    [key in UiKitThemeColorName]: ThemeColors[key];
-};
-interface UiKitTheme extends Omit<SmartSellTheme, 'title' | 'colors' | 'color'> {
-    title: SmartSellTheme['title'];
-    colors: UiKitThemeColors;
-    color: UiKitThemeColors;
-}
-declare function useUiKitTheme(): UiKitTheme;
-
-type LegacyVariant = 'primary';
-type ButtonVariant = 'solid' | 'secondary' | 'outline' | 'ghost' | 'negative' | LegacyVariant;
-type ButtonSize = ControlSize;
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML'> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    leadingIcon?: ReactNode;
-    trailingIcon?: ReactNode;
-}
-declare function Button({ variant, size, leadingIcon, trailingIcon, children, disabled, className, style, type, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'title'> {
-    children: ReactNode;
-    eyebrow?: ReactNode;
-    title?: ReactNode;
-    action?: ReactNode;
-    padded?: boolean;
-}
-declare function Card({ children, eyebrow, title, action, padded, className, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
-
-interface CardSmallProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'title' | 'color'> {
-    title?: ReactNode;
-    value?: ReactNode;
-    icon?: ReactNode;
+import { HTMLAttributes, CSSProperties } from 'react';
+import 'smartsell-theme';
+
+type LoadingSize = ControlSize | number;
+interface LoadingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'color'> {
+    /** Rendered size of the animation. Named sizes map to 28 / 40 / 56 px. */
+    size?: LoadingSize;
+    /** Overrides the animation color. Defaults to the theme primary. */
     color?: CSSProperties['color'];
+    /** Optional caption rendered under the animation. */
+    label?: string;
+    /** Text announced by screen readers when no visible `label` is provided. */
+    accessibleLabel?: string;
+    /** Animation speed multiplier: 2 runs twice as fast, 0.5 runs at half speed. */
+    speed?: number;
 }
-declare function CardSmall({ title, value, icon, color, className, style, ...rest }: CardSmallProps): react_jsx_runtime.JSX.Element;
-
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size' | 'type'> {
-    label?: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-    indeterminate?: boolean;
-}
-declare function Checkbox({ label, hint, error, size, id, checked, defaultChecked, disabled, indeterminate, required, className, style, onChange, onFocus, onBlur, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
-
-interface ModalSlotIds {
-    header: string;
-    body: string;
-    footer: string;
-}
-interface ModalSlotContext<TPayload = unknown> {
-    title: string;
-    payload?: TPayload;
-    close: () => void;
-    confirm?: () => void;
-    confirmLabel: string;
-    cancelLabel: string;
-    isOpen: boolean;
-    isBusy: boolean;
-}
-interface ComposableModalSlotRenderProps<TPayload = unknown> {
-    id: string;
-    context: ModalSlotContext<TPayload>;
-    children?: ReactNode;
-}
-type ComposableModalSlotRenderer<TPayload = unknown> = (props: ComposableModalSlotRenderProps<TPayload>) => ReactNode;
-interface ComposableModalProps<TPayload = unknown> {
-    isOpen: boolean;
-    onClose: () => void;
-    title: string;
-    slotBaseId: string;
-    renderSlot?: ComposableModalSlotRenderer<TPayload>;
-    payload?: TPayload;
-    onConfirm?: () => void;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    isBusy?: boolean;
-    closeOnBackdrop?: boolean;
-    closeOnEscape?: boolean;
-    hideExpandButton?: boolean;
-    maximized?: boolean;
-    hideDefaultFooter?: boolean;
-    maxWidth?: number | string;
-    headerFallback?: ReactNode;
-    footerFallback?: ReactNode;
-    children?: ReactNode;
-}
-declare const createModalSlotIds: (slotBaseId: string) => ModalSlotIds;
-declare function ComposableModal<TPayload = unknown>({ isOpen, onClose, title, slotBaseId, renderSlot, payload, onConfirm, confirmLabel, cancelLabel, isBusy, closeOnBackdrop, closeOnEscape, hideExpandButton, maximized, hideDefaultFooter, maxWidth, headerFallback, footerFallback, children, }: ComposableModalProps<TPayload>): react_jsx_runtime.JSX.Element;
-
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size'> {
-    label?: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-    showPasswordToggle?: boolean;
-    fileButtonLabel?: ReactNode;
-    icon?: ReactNode;
-    disableFloatingLabel?: boolean;
-    ref?: Ref<HTMLInputElement>;
-}
-declare function Input({ label, hint, error, size, className, showPasswordToggle, fileButtonLabel, icon, id, disabled, placeholder, onChange, style, type, disableFloatingLabel, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
-
-type DatePickerMode = 'date' | 'datetime';
-type DatePickerValue = string | Date | null;
-type DatePickerChangeReason = 'input' | 'picker' | 'clear';
-interface DatePickerChangeContext {
-    reason: DatePickerChangeReason;
-    date: Date | null;
-    nativeValue: string;
-    displayValue: string;
-}
-interface DatePickerProps extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
-    label?: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    value?: DatePickerValue;
-    defaultValue?: DatePickerValue;
-    onChange?: (value: string | null, context: DatePickerChangeContext) => void;
-    mode?: DatePickerMode;
-    format?: string;
-    allowPastDates?: boolean;
-    allowFutureDates?: boolean;
-    minDate?: DatePickerValue;
-    maxDate?: DatePickerValue;
-    minuteStep?: number;
-    clearable?: boolean;
-    showPickerButton?: boolean;
-    isDateUnavailable?: (date: Date) => boolean;
-    invalidDateMessage?: ReactNode;
-    unavailableDateMessage?: ReactNode;
-    pickerButtonLabel?: string;
-    clearButtonLabel?: string;
-}
-declare function DatePicker({ value, defaultValue, onChange, mode, minDate, maxDate, minuteStep, placeholder, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
-
-type ModalActionAppearance = 'text' | 'outlined' | 'contained' | 'link';
-type ModalThemeColors = {
-    background: string;
-    surface: string;
-    text: string;
-    textLight: string;
-    primary: string;
-    onPrimary: string;
-    secondary: string;
-    onSecondary: string;
-    negative: string;
-    warning: string;
-};
-interface ModalTheme {
-    colors?: Partial<ModalThemeColors>;
-}
-type ModalThemeSource = ModalTheme | UiKitTheme;
-interface ModalAction {
-    label: ReactNode;
-    onClick: () => void;
-    appearance?: ModalActionAppearance;
-    style?: CSSProperties;
-    disabled?: boolean;
-    hidden?: boolean;
-}
-interface BaseModalProps {
-    children?: ReactNode;
-    theme?: ModalThemeSource;
-}
-interface ModalProps extends BaseModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title?: ReactNode;
-    headerContent?: ReactNode;
-    footer?: ReactNode;
-    confirmAction?: ModalAction;
-    cancelAction?: ModalAction;
-    closeAction?: ModalAction;
-    extraActions?: ModalAction[];
-    maxWidth?: number | string;
-    closeOnBackdrop?: boolean;
-    closeOnEscape?: boolean;
-    hideCloseButton?: boolean;
-    hideExpandButton?: boolean;
-    disableDismiss?: boolean;
-    maximized?: boolean;
-    contentStyle?: CSSProperties;
-    bodyStyle?: CSSProperties;
-    isBusy?: boolean;
-}
-type StandardModalProps = ModalProps;
-declare function Modal(props: ModalProps): react_jsx_runtime.JSX.Element;
-
-type SeparatorOrientation = 'vertical' | 'horizontal';
-interface SeparatorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'color'> {
-    orientation?: SeparatorOrientation;
-    color?: CSSProperties['backgroundColor'];
-    size?: CSSProperties['width'];
-}
-declare function Separator({ orientation, color, size, className, style, ...rest }: SeparatorProps): react_jsx_runtime.JSX.Element;
-
-interface SharedSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dangerouslySetInnerHTML' | 'size'> {
-    label?: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    placeholder?: ReactNode;
-    size?: ControlSize;
-    isMulti?: boolean;
-    isFilterable?: boolean;
-}
-
-type SelectOption = {
-    label: string;
-    value: string;
-};
-interface SelectProps extends SharedSelectProps {
-    children?: ReactNode;
-    options?: SelectOption[];
-}
-declare function Select({ children, options, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
-
-type SelectObjectOptionValue = string | number;
-interface SelectObjectOption<TValue extends SelectObjectOptionValue = SelectObjectOptionValue> {
-    value: TValue;
-    label: ReactNode;
-    disabled?: boolean;
-    group?: ReactNode;
-}
-
-type SelectAsyncOptionValue = SelectObjectOptionValue;
-type SelectAsyncOption<TValue extends SelectAsyncOptionValue = SelectAsyncOptionValue> = SelectObjectOption<TValue>;
-interface SelectAsyncLoadContext {
-    page: number;
-    signal: AbortSignal;
-}
-interface SelectAsyncLoadResult<TValue extends SelectAsyncOptionValue = SelectAsyncOptionValue> {
-    options: Array<SelectAsyncOption<TValue>>;
-    hasMore?: boolean;
-}
-type SelectAsyncSingleValue<TValue extends SelectAsyncOptionValue> = SelectAsyncOption<TValue> | null;
-type SelectAsyncMultiValue<TValue extends SelectAsyncOptionValue> = Array<SelectAsyncOption<TValue>>;
-type SelectAsyncValue<TValue extends SelectAsyncOptionValue> = SelectAsyncSingleValue<TValue> | SelectAsyncMultiValue<TValue>;
-interface SelectAsyncProps<TValue extends SelectAsyncOptionValue = SelectAsyncOptionValue> extends Omit<SharedSelectProps, 'children' | 'value' | 'defaultValue' | 'onChange' | 'multiple'> {
-    value?: SelectAsyncValue<TValue>;
-    defaultValue?: SelectAsyncValue<TValue>;
-    onChange?: (value: SelectAsyncValue<TValue>) => void;
-    loadOptions: (query: string, loadedOptions: Array<SelectAsyncOption<TValue>>, context: SelectAsyncLoadContext) => Promise<SelectAsyncLoadResult<TValue>>;
-    defaultOptions?: Array<SelectAsyncOption<TValue>>;
-    fixedOptions?: Array<SelectAsyncOption<TValue>>;
-    cacheUniqs?: ReadonlyArray<unknown>;
-    searchDebounceMs?: number;
-    loadingMessage?: ReactNode;
-    loadErrorMessage?: ReactNode;
-    emptyMessage?: ReactNode;
-    loadingMoreMessage?: ReactNode;
-    loadMoreHintMessage?: ReactNode;
-    loadMoreThreshold?: number;
-    searchPlaceholder?: string;
-}
-declare function SelectAsync<TValue extends SelectAsyncOptionValue = SelectAsyncOptionValue>({ value, defaultValue, onChange, loadOptions, defaultOptions, fixedOptions, cacheUniqs, searchDebounceMs, loadingMessage, loadErrorMessage, emptyMessage, loadingMoreMessage, loadMoreHintMessage, loadMoreThreshold, isMulti, isFilterable, searchPlaceholder, ...props }: SelectAsyncProps<TValue>): react_jsx_runtime.JSX.Element;
-
-type TableColumnAlign = 'left' | 'center' | 'right';
-type TableColumnType = 'data' | 'actions';
-type TableActionTone = 'default' | 'danger';
-interface TableColumn<TItem> {
-    id?: string;
-    label?: ReactNode;
-    accessor?: keyof TItem;
-    Cell?: (item: TItem, index: number) => ReactNode;
-    getSearchValue?: (item: TItem, index: number) => string;
-    type?: TableColumnType;
-    align?: TableColumnAlign;
-    width?: CSSProperties['width'];
-    minWidth?: CSSProperties['minWidth'];
-    colSpan?: number;
-    headerColSpan?: number;
-    hideLabel?: boolean;
-}
-interface TableAction<TItem> {
-    id?: string;
-    label: string;
-    icon?: ReactNode;
-    onClick: (item: TItem, index: number) => void;
-    disabled?: boolean | ((item: TItem, index: number) => boolean);
-    hidden?: boolean | ((item: TItem, index: number) => boolean);
-    tone?: TableActionTone;
-}
-type TableActionSource<TItem> = Array<TableAction<TItem>> | ((item: TItem, index: number) => Array<TableAction<TItem>>);
-interface TableLabels {
-    searchPlaceholder?: string;
-    emptyMessage?: ReactNode;
-    noResultsMessage?: ReactNode;
-    loadingMessage?: ReactNode;
-    errorMessage?: ReactNode;
-    firstPageLabel?: string;
-    previousPageLabel?: string;
-    nextPageLabel?: string;
-    lastPageLabel?: string;
-    rowsPerPageLabel?: string;
-    actionsMenuLabel?: string;
-    moreActionsLabel?: string;
-    retryLabel?: string;
-    settingsButtonLabel?: string;
-    settingsModalTitle?: ReactNode;
-    tableInfoSectionTitle?: ReactNode;
-    totalPagesInfoLabel?: string;
-    totalItemsInfoLabel?: string;
-    currentPageInfoLabel?: string;
-    currentPageItemsInfoLabel?: string;
-    downloadSectionTitle?: ReactNode;
-    downloadCsvLabel?: string;
-    downloadXlsLabel?: string;
-    downloadPdfLabel?: string;
-    pageLabel?: (page: number, totalPages: number) => ReactNode;
-    resultCountLabel?: (start: number, end: number, totalItems: number) => ReactNode;
-}
-interface SharedTableProps<TItem> {
-    desktopColumns: Array<TableColumn<TItem>>;
-    mobileColumns: Array<TableColumn<TItem>>;
-    getRowId?: (item: TItem, index: number) => string;
-    actions?: TableActionSource<TItem>;
-    stickyActionsColumn?: boolean;
-    maxInlineActions?: number;
-    /**
-     * Alinhamento dos botões dentro da coluna de ações. Padrão `right`. Use
-     * `center` quando houver poucas ações e o alinhamento à direita deixar a
-     * coluna visualmente desequilibrada.
-     */
-    actionsAlign?: 'right' | 'center';
-    /**
-     * Viewport width (in px) below which the table switches from the desktop
-     * table layout to the stacked mobile card layout. Defaults to 768 so the
-     * table collapses in sync with the host app's mobile breakpoint.
-     */
-    collapseBelow?: number;
-    searchable?: boolean;
-    showSearch?: boolean;
-    showPagination?: boolean;
-    showRowsPerPage?: boolean;
-    showSettingsButton?: boolean;
-    defaultSearchValue?: string;
-    defaultPage?: number;
-    defaultPageSize?: number;
-    pageSizeOptions?: number[];
-    labels?: TableLabels;
-    translations?: TableLabels;
-    className?: string;
-    style?: CSSProperties;
-    onSearchValueChange?: (value: string) => void;
-    onPageChange?: (page: number) => void;
-    onPageSizeChange?: (pageSize: number) => void;
-    ariaLabel?: string;
-}
-interface TableAsyncLoadContext {
-    page: number;
-    pageSize: number;
-    signal: AbortSignal;
-}
-interface TableAsyncLoadResult<TItem> {
-    items: Array<TItem>;
-    totalPages: number;
-    totalItems?: number;
-}
-
-interface TableProps<TItem> extends SharedTableProps<TItem> {
-    items: Array<TItem>;
-}
-declare function Table<TItem>({ items, desktopColumns, mobileColumns, defaultSearchValue, defaultPage, defaultPageSize, pageSizeOptions, searchable, onSearchValueChange, onPageChange, onPageSizeChange, ...props }: TableProps<TItem>): react_jsx_runtime.JSX.Element;
-
-interface TableAsyncProps<TItem> extends SharedTableProps<TItem> {
-    loadItems: (query: string, context: TableAsyncLoadContext) => Promise<TableAsyncLoadResult<TItem>>;
-    cacheUniqs?: ReadonlyArray<unknown>;
-    searchDebounceMs?: number;
-    keepPreviousData?: boolean;
-}
-declare function TableAsync<TItem>({ loadItems, desktopColumns, mobileColumns, defaultSearchValue, defaultPage, defaultPageSize, pageSizeOptions, searchable, cacheUniqs, searchDebounceMs, keepPreviousData, onSearchValueChange, onPageChange, onPageSizeChange, ...props }: TableAsyncProps<TItem>): react_jsx_runtime.JSX.Element;
-
-interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'dangerouslySetInnerHTML'> {
-    label?: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-}
-declare function Textarea({ label, hint, error, size, id, disabled, style, rows, placeholder, ...rest }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare function Loading({ size, color, label, accessibleLabel, speed, className, style, ...rest }: LoadingProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, Card, type CardProps, CardSmall, type CardSmallProps, Checkbox, type CheckboxProps, ComposableModal, type ComposableModalProps, type ComposableModalSlotRenderProps, type ComposableModalSlotRenderer, type ControlSize, DatePicker, type DatePickerChangeContext, type DatePickerChangeReason, type DatePickerMode, type DatePickerProps, type DatePickerValue, Input, type InputProps, Modal, type ModalAction, type ModalProps, type ModalSlotContext, type ModalSlotIds, type ModalTheme, type ModalThemeSource, Select, SelectAsync, type SelectAsyncLoadContext, type SelectAsyncLoadResult, type SelectAsyncOption, type SelectAsyncOptionValue, type SelectAsyncProps, type SelectProps, Separator, type SeparatorOrientation, type SeparatorProps, type SharedTableProps, type StandardModalProps, Table, type TableAction, type TableActionSource, type TableActionTone, TableAsync, type TableAsyncLoadContext, type TableAsyncLoadResult, type TableAsyncProps, type TableColumn, type TableColumnAlign, type TableColumnType, type TableLabels, type TableProps, Textarea, type TextareaProps, type UiKitTheme, createModalSlotIds, useUiKitTheme };
+export { ControlSize, Loading, type LoadingProps, type LoadingSize };