@fuf-stack/pixels 0.38.0 → 0.39.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.cjs';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bz_lJ_YE.cjs';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.cjs';
 export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
@@ -10,24 +10,300 @@ export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cj
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.cjs';
 export { J as Json, a as JsonProps } from './Json-ngM0f9n2.cjs';
 export { L as Label, a as LabelProps } from './Label-BH0taC2T.cjs';
-export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C7lpY7pY.cjs';
+export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
-export { _ as Popover, P as PopoverProps } from './Popover-DAYvOjOY.cjs';
+export { _ as Popover, P as PopoverProps } from './Popover-BXyk9y8I.cjs';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-xUYwXMX9.cjs';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-Bu71AKvn.cjs';
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';
 export { ButtonGroupProps } from '@heroui/button';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
-import 'react';
 import '@heroui/badge';
 import '@heroui/system';
 import '@heroui/drawer';
 import '@heroui/chip';
+import '@heroui/dropdown';
 import '@heroui/modal';
 import '@heroui/popover';
 import '@heroui/tooltip';
+
+declare const toastVariants: tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}>, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}>, unknown, unknown, undefined>>;
+type AddToastVariantProps = TVProps<typeof toastVariants>;
+type ClassName = TVClassName<typeof toastVariants>;
+interface ToastProps extends AddToastVariantProps {
+    children?: ReactNode;
+    className?: ClassName;
+    closeIcon?: ReactNode;
+    color?: AddToastVariantProps['color'];
+    description?: ReactNode;
+    endContent?: ReactNode;
+    icon?: ReactNode;
+    loadingIcon?: ReactNode;
+    onClose?: () => void;
+    shouldShowTimeoutProgress?: boolean;
+    showCloseButton?: boolean;
+    showIcon?: boolean;
+    timeout?: number;
+    title?: ReactNode;
+    variant?: AddToastVariantProps['variant'];
+}
+/**
+ * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
+ */
+declare const addToast: ({ children, className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+
+type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
+interface ToastProviderProps {
+    disableAnimation?: boolean;
+    maxVisibleToasts?: number;
+    placement?: 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
+    toastProps?: ToastProviderToastProps;
+    toastOffset?: number;
+    regionProps?: {
+        classNames?: Record<'base', string>;
+    };
+}
+/**
+ * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
+ */
+declare const ToastProvider: ({ disableAnimation, maxVisibleToasts, placement, toastProps, toastOffset, regionProps, }: ToastProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { type AddToastVariantProps, type ToastProps, ToastProvider, type ToastProviderProps, addToast, toastVariants };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.js';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bz_lJ_YE.js';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.js';
 export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
@@ -10,24 +10,300 @@ export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
 export { J as Json, a as JsonProps } from './Json-ngM0f9n2.js';
 export { L as Label, a as LabelProps } from './Label-BH0taC2T.js';
-export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C7lpY7pY.js';
+export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
-export { _ as Popover, P as PopoverProps } from './Popover-B2-09nsy.js';
+export { _ as Popover, P as PopoverProps } from './Popover-BHPrdRy6.js';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-xUYwXMX9.js';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-Bu71AKvn.js';
 export { useDebounce, useLocalStorage } from './hooks/index.js';
 export { ButtonGroupProps } from '@heroui/button';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
-import 'react';
 import '@heroui/badge';
 import '@heroui/system';
 import '@heroui/drawer';
 import '@heroui/chip';
+import '@heroui/dropdown';
 import '@heroui/modal';
 import '@heroui/popover';
 import '@heroui/tooltip';
+
+declare const toastVariants: tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}>, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    base: string;
+    title: string;
+    description: string;
+    icon: string;
+    loadingIcon: string;
+    content: string;
+    motionDiv: string;
+    progressTrack: string;
+    progressIndicator: string;
+    closeButton: string;
+    closeIcon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}, {
+    color: {
+        default: string;
+        foreground: {
+            progressIndicator: string;
+        };
+        primary: {
+            progressIndicator: string;
+        };
+        secondary: {
+            progressIndicator: string;
+        };
+        success: {
+            progressIndicator: string;
+        };
+        warning: {
+            progressIndicator: string;
+        };
+        danger: {
+            progressIndicator: string;
+        };
+        info: {};
+    };
+    variant: {
+        flat: string;
+        solid: string;
+        bordered: string;
+    };
+}>, unknown, unknown, undefined>>;
+type AddToastVariantProps = TVProps<typeof toastVariants>;
+type ClassName = TVClassName<typeof toastVariants>;
+interface ToastProps extends AddToastVariantProps {
+    children?: ReactNode;
+    className?: ClassName;
+    closeIcon?: ReactNode;
+    color?: AddToastVariantProps['color'];
+    description?: ReactNode;
+    endContent?: ReactNode;
+    icon?: ReactNode;
+    loadingIcon?: ReactNode;
+    onClose?: () => void;
+    shouldShowTimeoutProgress?: boolean;
+    showCloseButton?: boolean;
+    showIcon?: boolean;
+    timeout?: number;
+    title?: ReactNode;
+    variant?: AddToastVariantProps['variant'];
+}
+/**
+ * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
+ */
+declare const addToast: ({ children, className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+
+type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
+interface ToastProviderProps {
+    disableAnimation?: boolean;
+    maxVisibleToasts?: number;
+    placement?: 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
+    toastProps?: ToastProviderToastProps;
+    toastOffset?: number;
+    regionProps?: {
+        classNames?: Record<'base', string>;
+    };
+}
+/**
+ * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
+ */
+declare const ToastProvider: ({ disableAnimation, maxVisibleToasts, placement, toastProps, toastOffset, regionProps, }: ToastProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { type AddToastVariantProps, type ToastProps, ToastProvider, type ToastProviderProps, addToast, toastVariants };