@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Table-LKaPSY4D.d.ts

@@ -1,161 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const tableVariants: tailwind_variants.TVReturnType<{
-    separation: {
-        divider: {
-            tr: string;
-        };
-        'divider-x': {
-            tr: string;
-        };
-        'divider-y': {
-            tr: string;
-        };
-        'striped-divider-x': {
-            tr: string;
-            th: string;
-            td: string;
-        };
-        striped: {
-            tr: string;
-            td: string;
-        };
-        none: {};
-    };
-}, {
-    base: string;
-    wrapper: string;
-    table: string;
-    thead: string;
-    tbody: string;
-    tr: string;
-    th: string;
-    td: string;
-    tfoot: string;
-    sortIcon: string;
-    emptyWrapper: string;
-    loadingWrapper: string;
-}, undefined, {
-    separation: {
-        divider: {
-            tr: string;
-        };
-        'divider-x': {
-            tr: string;
-        };
-        'divider-y': {
-            tr: string;
-        };
-        'striped-divider-x': {
-            tr: string;
-            th: string;
-            td: string;
-        };
-        striped: {
-            tr: string;
-            td: string;
-        };
-        none: {};
-    };
-}, {
-    base: string;
-    wrapper: string;
-    table: string;
-    thead: string;
-    tbody: string;
-    tr: string;
-    th: string;
-    td: string;
-    tfoot: string;
-    sortIcon: string;
-    emptyWrapper: string;
-    loadingWrapper: string;
-}, tailwind_variants.TVReturnType<{
-    separation: {
-        divider: {
-            tr: string;
-        };
-        'divider-x': {
-            tr: string;
-        };
-        'divider-y': {
-            tr: string;
-        };
-        'striped-divider-x': {
-            tr: string;
-            th: string;
-            td: string;
-        };
-        striped: {
-            tr: string;
-            td: string;
-        };
-        none: {};
-    };
-}, {
-    base: string;
-    wrapper: string;
-    table: string;
-    thead: string;
-    tbody: string;
-    tr: string;
-    th: string;
-    td: string;
-    tfoot: string;
-    sortIcon: string;
-    emptyWrapper: string;
-    loadingWrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof tableVariants>;
-type ClassName = TVClassName<typeof tableVariants>;
-interface TableColumnProps {
-    key: string;
-    label: ReactNode;
-}
-interface TableRowProps {
-    key: string | number;
-    [key: string | number]: ReactNode;
-}
-interface TableProps extends VariantProps {
-    /** Aria label for the Table. */
-    ariaLabel?: string;
-    /** Component to display at the bottom of the Table. */
-    bottomContent?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** Objects with table data */
-    columns: TableColumnProps[];
-    /** Component to display if there are no rows! */
-    emptyContent?: ReactNode;
-    /** Determine if the Table should have a card like wrapper. */
-    hasWrapper?: boolean;
-    /** remove header */
-    hideHeader?: boolean;
-    /** Tells the Table to show the loading component. */
-    loading?: boolean;
-    /** Loading animation component. */
-    loadingContent?: ReactNode;
-    /** The maximum height of the table in pixels. Required when using virtualization. */
-    maxTableHeight?: number;
-    /** The fixed height of each row item in pixels. Required when using virtualization. */
-    rowHeight?: number;
-    /** Items displayed as rows in the Table. Should have key-value pair for each column. */
-    rows?: TableRowProps[];
-    /** Separation style for the rows & columns. */
-    separation?: 'none' | 'striped' | 'striped-divider-x' | 'divider-x' | 'divider-y' | 'divider';
-    /** Keeps the header of the Table in view while scrolling a height limited Table. */
-    stickyHeader?: boolean;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** Virtualize allows efficient rendering of large lists by only rendering items that are visible in the viewport. */
-    virtualized?: boolean;
-}
-/**
- * Table component based on [HeroUI Table](https://www.heroui.com//docs/components/table)
- */
-declare const Table: ({ ariaLabel, bottomContent, className, columns, emptyContent, hasWrapper, hideHeader, loading, loadingContent, maxTableHeight, rowHeight, rows, separation, stickyHeader, testId, virtualized, }: TableProps) => react_jsx_runtime.JSX.Element;
-
-export { Table as T, type VariantProps as V, type TableProps as a, type TableRowProps as b, type TableColumnProps as c, tableVariants as t };

package/dist/Tabs-BM4tl_1j.d.cts

@@ -1,122 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const tabsVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            tab?: tailwind_merge.ClassNameValue;
-            cursor?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
-            tabContent?: tailwind_merge.ClassNameValue;
-            tabList?: tailwind_merge.ClassNameValue;
-            tabWrapper?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            tab?: tailwind_merge.ClassNameValue;
-            cursor?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
-            tabContent?: tailwind_merge.ClassNameValue;
-            tabList?: tailwind_merge.ClassNameValue;
-            tabWrapper?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    cursor: string;
-    panel: string;
-    tab: string;
-    tabContent: string;
-    tabList: string;
-    tabWrapper: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            tab?: tailwind_merge.ClassNameValue;
-            cursor?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
-            tabContent?: tailwind_merge.ClassNameValue;
-            tabList?: tailwind_merge.ClassNameValue;
-            tabWrapper?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    cursor: string;
-    panel: string;
-    tab: string;
-    tabContent: string;
-    tabList: string;
-    tabWrapper: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    base: string;
-    cursor: string;
-    panel: string;
-    tab: string;
-    tabContent: string;
-    tabList: string;
-    tabWrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof tabsVariants>;
-type ClassName = TVClassName<typeof tabsVariants>;
-type Key = string | number;
-interface TabProps {
-    /** Content to be displayed in the tab panel */
-    content: ReactNode;
-    /** Disables the tab so it can not be selected */
-    disabled?: boolean;
-    /** Unique identifier for the tab */
-    key: Key;
-    /** Label content displayed in the tab button */
-    label: ReactNode;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-interface TabsProps extends VariantProps {
-    /** Accessible label for the tabs component */
-    ariaLabel?: string;
-    /** CSS class name */
-    className?: ClassName;
-    /** Key of the tab that should be selected by default */
-    defaultSelectedKey?: string | number;
-    /** Whether to destroy inactive tab panel DOM nodes */
-    destroyInactiveTabPanel?: boolean;
-    /** Whether the animation should be disabled. */
-    disableAnimation?: boolean;
-    /** Array of keys for the tabs to disable */
-    disabledKeys?: string[];
-    /** Whether tabs should take up full container width */
-    fullWidth?: boolean;
-    /** Callback fired when tab selection changes */
-    onSelectionChange?: (key: Key | null) => void;
-    /** Position of the tab list relative to the content */
-    placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
-    /** Radius of the tabs */
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    /** Selected tab key (controlled) */
-    selectedKey?: Key;
-    /** Size of the tabs */
-    size?: 'sm' | 'md' | 'lg';
-    /** Array of tab configurations */
-    tabs: TabProps[];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** Style variant of the tabs */
-    variant?: 'bordered' | 'light' | 'solid' | 'underlined';
-    /** Whether to display tabs vertically */
-    vertical?: boolean;
-}
-/**
- * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
- */
-declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disableAnimation, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, testId, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
-
-export { Tabs as T, type TabsProps as a, type TabProps as b, tabsVariants as t };

package/dist/Tabs-BM4tl_1j.d.ts

@@ -1,122 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const tabsVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            tab?: tailwind_merge.ClassNameValue;
-            cursor?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
-            tabContent?: tailwind_merge.ClassNameValue;
-            tabList?: tailwind_merge.ClassNameValue;
-            tabWrapper?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            tab?: tailwind_merge.ClassNameValue;
-            cursor?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
-            tabContent?: tailwind_merge.ClassNameValue;
-            tabList?: tailwind_merge.ClassNameValue;
-            tabWrapper?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    cursor: string;
-    panel: string;
-    tab: string;
-    tabContent: string;
-    tabList: string;
-    tabWrapper: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            base?: tailwind_merge.ClassNameValue;
-            tab?: tailwind_merge.ClassNameValue;
-            cursor?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
-            tabContent?: tailwind_merge.ClassNameValue;
-            tabList?: tailwind_merge.ClassNameValue;
-            tabWrapper?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    cursor: string;
-    panel: string;
-    tab: string;
-    tabContent: string;
-    tabList: string;
-    tabWrapper: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    base: string;
-    cursor: string;
-    panel: string;
-    tab: string;
-    tabContent: string;
-    tabList: string;
-    tabWrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof tabsVariants>;
-type ClassName = TVClassName<typeof tabsVariants>;
-type Key = string | number;
-interface TabProps {
-    /** Content to be displayed in the tab panel */
-    content: ReactNode;
-    /** Disables the tab so it can not be selected */
-    disabled?: boolean;
-    /** Unique identifier for the tab */
-    key: Key;
-    /** Label content displayed in the tab button */
-    label: ReactNode;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-interface TabsProps extends VariantProps {
-    /** Accessible label for the tabs component */
-    ariaLabel?: string;
-    /** CSS class name */
-    className?: ClassName;
-    /** Key of the tab that should be selected by default */
-    defaultSelectedKey?: string | number;
-    /** Whether to destroy inactive tab panel DOM nodes */
-    destroyInactiveTabPanel?: boolean;
-    /** Whether the animation should be disabled. */
-    disableAnimation?: boolean;
-    /** Array of keys for the tabs to disable */
-    disabledKeys?: string[];
-    /** Whether tabs should take up full container width */
-    fullWidth?: boolean;
-    /** Callback fired when tab selection changes */
-    onSelectionChange?: (key: Key | null) => void;
-    /** Position of the tab list relative to the content */
-    placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
-    /** Radius of the tabs */
-    radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    /** Selected tab key (controlled) */
-    selectedKey?: Key;
-    /** Size of the tabs */
-    size?: 'sm' | 'md' | 'lg';
-    /** Array of tab configurations */
-    tabs: TabProps[];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** Style variant of the tabs */
-    variant?: 'bordered' | 'light' | 'solid' | 'underlined';
-    /** Whether to display tabs vertically */
-    vertical?: boolean;
-}
-/**
- * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
- */
-declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disableAnimation, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, testId, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
-
-export { Tabs as T, type TabsProps as a, type TabProps as b, tabsVariants as t };

package/dist/Toaster-BtcILj3f.d.ts

@@ -1,79 +0,0 @@
-import { ReactNode, ReactElement, ComponentProps } from 'react';
-import { ExternalToast, Toaster as Toaster$1 } from 'sonner';
-import { b as AlertProps } from './Alert-CWjAMyih.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type AlertVariant = NonNullable<AlertProps['variant']>;
-/** Props passed to a custom render function */
-interface ToastRenderProps {
-    /** The toast message */
-    message: ReactNode;
-    /** The color/severity of the toast */
-    variant: AlertVariant;
-    /** Function to close the toast */
-    close: () => void;
-    /** Whether the toast can be closed by the user */
-    closable?: boolean;
-    /** Title displayed above the toast message */
-    title?: ReactNode;
-    /** Content displayed at the end of the toast */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the toast */
-    icon?: ReactNode;
-}
-/** Options passed to each toast method */
-interface ToastOptions {
-    /** Title displayed above the toast message */
-    title?: ReactNode;
-    /** Whether the toast can be closed by the user */
-    closable?: boolean;
-    /** Duration in milliseconds before the toast auto-closes */
-    duration?: number;
-    /** Position of the toast on the screen */
-    position?: ExternalToast['position'];
-    /** Callback fired when the toast auto-closes */
-    onAutoClose?: ExternalToast['onAutoClose'];
-    /** Callback fired when the toast is closed */
-    onClose?: ExternalToast['onDismiss'];
-    /** Content displayed at the end of the toast */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the toast */
-    icon?: ReactNode;
-    /** Custom render function to override the default AlertComponent */
-    render?: (props: ToastRenderProps) => ReactElement;
-}
-/** Toast object with convenience methods for different severity levels */
-declare const toast: {
-    /**
-     * Show a default toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    default: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show an info toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    info: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show a warning toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    warn: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show a success toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    success: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show an error toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    error: (message: ReactNode, options?: ToastOptions) => string | number;
-    /** Close a toast by its id */
-    close: (toastId: string | number) => void;
-};
-
-type ToasterProps = Pick<ComponentProps<typeof Toaster$1>, 'visibleToasts' | 'position'>;
-declare const Toaster: (props: ToasterProps) => react_jsx_runtime.JSX.Element;
-
-export { Toaster as T, type ToastOptions as a, type ToastRenderProps as b, type ToasterProps as c, toast as t };

package/dist/Toaster-D28PKRWz.d.cts

@@ -1,79 +0,0 @@
-import { ReactNode, ReactElement, ComponentProps } from 'react';
-import { ExternalToast, Toaster as Toaster$1 } from 'sonner';
-import { b as AlertProps } from './Alert-CWjAMyih.cjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type AlertVariant = NonNullable<AlertProps['variant']>;
-/** Props passed to a custom render function */
-interface ToastRenderProps {
-    /** The toast message */
-    message: ReactNode;
-    /** The color/severity of the toast */
-    variant: AlertVariant;
-    /** Function to close the toast */
-    close: () => void;
-    /** Whether the toast can be closed by the user */
-    closable?: boolean;
-    /** Title displayed above the toast message */
-    title?: ReactNode;
-    /** Content displayed at the end of the toast */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the toast */
-    icon?: ReactNode;
-}
-/** Options passed to each toast method */
-interface ToastOptions {
-    /** Title displayed above the toast message */
-    title?: ReactNode;
-    /** Whether the toast can be closed by the user */
-    closable?: boolean;
-    /** Duration in milliseconds before the toast auto-closes */
-    duration?: number;
-    /** Position of the toast on the screen */
-    position?: ExternalToast['position'];
-    /** Callback fired when the toast auto-closes */
-    onAutoClose?: ExternalToast['onAutoClose'];
-    /** Callback fired when the toast is closed */
-    onClose?: ExternalToast['onDismiss'];
-    /** Content displayed at the end of the toast */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the toast */
-    icon?: ReactNode;
-    /** Custom render function to override the default AlertComponent */
-    render?: (props: ToastRenderProps) => ReactElement;
-}
-/** Toast object with convenience methods for different severity levels */
-declare const toast: {
-    /**
-     * Show a default toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    default: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show an info toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    info: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show a warning toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    warn: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show a success toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    success: (message: ReactNode, options?: ToastOptions) => string | number;
-    /**
-     * Show an error toast.
-     * @returns The toast id which can be passed to `toast.close()`
-     */
-    error: (message: ReactNode, options?: ToastOptions) => string | number;
-    /** Close a toast by its id */
-    close: (toastId: string | number) => void;
-};
-
-type ToasterProps = Pick<ComponentProps<typeof Toaster$1>, 'visibleToasts' | 'position'>;
-declare const Toaster: (props: ToasterProps) => react_jsx_runtime.JSX.Element;
-
-export { Toaster as T, type ToastOptions as a, type ToastRenderProps as b, type ToasterProps as c, toast as t };