@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Label-B5fd7vp_.d.ts

@@ -1,215 +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 { ChipProps } from '@heroui/chip';
-import { ReactNode } from 'react';
-
-declare const labelVariants: tailwind_variants.TVReturnType<{
-    color: {
-        default: {
-            dot: string;
-        };
-        primary: {
-            dot: string;
-        };
-        secondary: {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-        info: {
-            dot: string;
-        };
-    };
-    isIconOnly: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    hasEndContent: {
-        true: {
-            base: string;
-        };
-    };
-    variant: {
-        solid: {};
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        flat: {};
-        faded: {
-            base: string;
-        };
-        shadow: {};
-        dot: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    closeButton: string;
-    content: string;
-    dot: string;
-    icon: string;
-}, undefined, {
-    color: {
-        default: {
-            dot: string;
-        };
-        primary: {
-            dot: string;
-        };
-        secondary: {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-        info: {
-            dot: string;
-        };
-    };
-    isIconOnly: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    hasEndContent: {
-        true: {
-            base: string;
-        };
-    };
-    variant: {
-        solid: {};
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        flat: {};
-        faded: {
-            base: string;
-        };
-        shadow: {};
-        dot: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    closeButton: string;
-    content: string;
-    dot: string;
-    icon: string;
-}, tailwind_variants.TVReturnType<{
-    color: {
-        default: {
-            dot: string;
-        };
-        primary: {
-            dot: string;
-        };
-        secondary: {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-        info: {
-            dot: string;
-        };
-    };
-    isIconOnly: {
-        true: {
-            content: string;
-        };
-        false: {
-            content: string;
-        };
-    };
-    hasEndContent: {
-        true: {
-            base: string;
-        };
-    };
-    variant: {
-        solid: {};
-        bordered: {
-            base: string;
-        };
-        light: {
-            base: string;
-        };
-        flat: {};
-        faded: {
-            base: string;
-        };
-        shadow: {};
-        dot: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    closeButton: string;
-    content: string;
-    dot: string;
-    icon: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof labelVariants>;
-type ClassName = TVClassName<typeof labelVariants>;
-interface LabelProps extends VariantProps {
-    /** content of the label */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** color of the label */
-    color?: VariantProps['color'];
-    /** element to be rendered in the right side of the label */
-    endContent?: ChipProps['endContent'];
-    /** optional label icon, when only icon provided without children and endContent  */
-    icon?: ReactNode;
-    /** add close button to endContent */
-    onClose?: ChipProps['onClose'];
-    /** radius of the label */
-    radius?: ChipProps['radius'];
-    /** size of the label */
-    size?: ChipProps['size'];
-    /** style variant of the label */
-    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
-}
-/**
- * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)
- */
-declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-export { Label as L, type LabelProps as a, labelVariants as l };

package/dist/Menu-C9M_q1Z6.d.cts

@@ -1,101 +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 { ButtonProps } from '@heroui/button';
-import { DropdownItemProps, DropdownProps } from '@heroui/dropdown';
-import { ReactNode, Key } from 'react';
-
-/**
- * Menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)
- */
-interface MenuItem {
-    /** unique identifier */
-    key: string;
-    /** CSS class name */
-    className?: string;
-    /** additional description shown under the label */
-    description?: string;
-    /** disables the menu item */
-    disabled?: boolean;
-    /** menu item icon  */
-    icon?: ReactNode;
-    /** menu item name */
-    label: ReactNode;
-    /** click event handler */
-    onClick?: DropdownItemProps['onPress'];
-    /** e2e test identifier */
-    testId?: string;
-}
-/**
- * Menu section type
- */
-interface MenuSection {
-    /** unique identifier */
-    key: string;
-    /** section label */
-    label: ReactNode;
-    /** section items (array of MenuItem) */
-    items: MenuItem[];
-}
-declare const menuVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            trigger?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            trigger?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    item: string;
-    trigger: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            trigger?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    item: string;
-    trigger: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    item: string;
-    trigger: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof menuVariants>;
-type ClassName = TVClassName<typeof menuVariants>;
-interface MenuProps extends VariantProps {
-    /** sets HTML aria-label attribute */
-    ariaLabel?: string;
-    /** child components */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** menu item structure */
-    items: (MenuSection | MenuItem)[];
-    /** disable menu trigger */
-    isDisabled?: boolean;
-    /** placement of the menu */
-    placement?: DropdownProps['placement'];
-    /** called if item is selected */
-    onAction?: (key: Key) => void;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
-    triggerButtonProps?: Pick<ButtonProps, 'aria-label' | 'className' | 'color' | 'disableAnimation' | 'disableRipple' | 'disabled' | 'size' | 'variant'> & {
-        'data-testid'?: string;
-    };
-}
-/**
- * Dropdown menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)
- */
-declare const Menu: ({ ariaLabel, children, className: _className, isDisabled, items, onAction, placement, testId, triggerButtonProps, }: MenuProps) => react_jsx_runtime.JSX.Element;
-
-export { Menu as M, type MenuProps as a, type MenuItem as b, type MenuSection as c };

package/dist/Menu-C9M_q1Z6.d.ts

@@ -1,101 +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 { ButtonProps } from '@heroui/button';
-import { DropdownItemProps, DropdownProps } from '@heroui/dropdown';
-import { ReactNode, Key } from 'react';
-
-/**
- * Menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)
- */
-interface MenuItem {
-    /** unique identifier */
-    key: string;
-    /** CSS class name */
-    className?: string;
-    /** additional description shown under the label */
-    description?: string;
-    /** disables the menu item */
-    disabled?: boolean;
-    /** menu item icon  */
-    icon?: ReactNode;
-    /** menu item name */
-    label: ReactNode;
-    /** click event handler */
-    onClick?: DropdownItemProps['onPress'];
-    /** e2e test identifier */
-    testId?: string;
-}
-/**
- * Menu section type
- */
-interface MenuSection {
-    /** unique identifier */
-    key: string;
-    /** section label */
-    label: ReactNode;
-    /** section items (array of MenuItem) */
-    items: MenuItem[];
-}
-declare const menuVariants: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            trigger?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            trigger?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    item: string;
-    trigger: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            trigger?: tailwind_merge.ClassNameValue;
-            item?: tailwind_merge.ClassNameValue;
-        };
-    };
-} | {}, {
-    item: string;
-    trigger: string;
-}, tailwind_variants.TVReturnType<unknown, {
-    item: string;
-    trigger: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof menuVariants>;
-type ClassName = TVClassName<typeof menuVariants>;
-interface MenuProps extends VariantProps {
-    /** sets HTML aria-label attribute */
-    ariaLabel?: string;
-    /** child components */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** menu item structure */
-    items: (MenuSection | MenuItem)[];
-    /** disable menu trigger */
-    isDisabled?: boolean;
-    /** placement of the menu */
-    placement?: DropdownProps['placement'];
-    /** called if item is selected */
-    onAction?: (key: Key) => void;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
-    triggerButtonProps?: Pick<ButtonProps, 'aria-label' | 'className' | 'color' | 'disableAnimation' | 'disableRipple' | 'disabled' | 'size' | 'variant'> & {
-        'data-testid'?: string;
-    };
-}
-/**
- * Dropdown menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)
- */
-declare const Menu: ({ ariaLabel, children, className: _className, isDisabled, items, onAction, placement, testId, triggerButtonProps, }: MenuProps) => react_jsx_runtime.JSX.Element;
-
-export { Menu as M, type MenuProps as a, type MenuItem as b, type MenuSection as c };

package/dist/Modal-BwFQz60I.d.cts

@@ -1,115 +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 { ModalProps as ModalProps$1 } from '@heroui/modal';
-import { ReactNode } from 'react';
-
-declare const modalVariants: tailwind_variants.TVReturnType<{
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    backdrop: string;
-    base: string;
-    body: string;
-    closeButton: string;
-    footer: string;
-    header: string;
-    wrapper: string;
-}, undefined, {
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    backdrop: string;
-    base: string;
-    body: string;
-    closeButton: string;
-    footer: string;
-    header: string;
-    wrapper: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    backdrop: string;
-    base: string;
-    body: string;
-    closeButton: string;
-    footer: string;
-    header: string;
-    wrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof modalVariants>;
-type ClassName = TVClassName<typeof modalVariants>;
-interface ModalProps extends VariantProps {
-    /** modal body content */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** Disable animations completely */
-    disableAnimation?: boolean;
-    /** modal footer */
-    footer?: ReactNode;
-    /** modal header */
-    header?: ReactNode;
-    /** open state (controlled) */
-    isOpen: boolean;
-    /** close event handler */
-    onClose: () => void;
-    /** The container element in which the overlay portal will be placed */
-    portalContainer?: ModalProps$1['portalContainer'];
-    /** modal size */
-    size?: VariantProps['size'];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-/**
- * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)
- */
-declare const Modal: ({ children, className, disableAnimation, footer, header, isOpen, onClose, portalContainer, size, testId, }: ModalProps) => react_jsx_runtime.JSX.Element;
-
-export { Modal as M, type ModalProps as a, modalVariants as m };

package/dist/Modal-BwFQz60I.d.ts

@@ -1,115 +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 { ModalProps as ModalProps$1 } from '@heroui/modal';
-import { ReactNode } from 'react';
-
-declare const modalVariants: tailwind_variants.TVReturnType<{
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    backdrop: string;
-    base: string;
-    body: string;
-    closeButton: string;
-    footer: string;
-    header: string;
-    wrapper: string;
-}, undefined, {
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    backdrop: string;
-    base: string;
-    body: string;
-    closeButton: string;
-    footer: string;
-    header: string;
-    wrapper: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    backdrop: string;
-    base: string;
-    body: string;
-    closeButton: string;
-    footer: string;
-    header: string;
-    wrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof modalVariants>;
-type ClassName = TVClassName<typeof modalVariants>;
-interface ModalProps extends VariantProps {
-    /** modal body content */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** Disable animations completely */
-    disableAnimation?: boolean;
-    /** modal footer */
-    footer?: ReactNode;
-    /** modal header */
-    header?: ReactNode;
-    /** open state (controlled) */
-    isOpen: boolean;
-    /** close event handler */
-    onClose: () => void;
-    /** The container element in which the overlay portal will be placed */
-    portalContainer?: ModalProps$1['portalContainer'];
-    /** modal size */
-    size?: VariantProps['size'];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-/**
- * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)
- */
-declare const Modal: ({ children, className, disableAnimation, footer, header, isOpen, onClose, portalContainer, size, testId, }: ModalProps) => react_jsx_runtime.JSX.Element;
-
-export { Modal as M, type ModalProps as a, modalVariants as m };