@fuf-stack/pixels 0.45.0 → 1.0.1

package/dist/{Table-D19f5nrd.d.ts → Table-LKaPSY4D.d.ts}

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
 
@@ -39,51 +38,7 @@ declare const tableVariants: tailwind_variants.TVReturnType<{
     sortIcon: string;
     emptyWrapper: string;
     loadingWrapper: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    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: {};
-    };
-}, {
-    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: {};
-    };
-}>, {
+}, undefined, {
     separation: {
         divider: {
             tr: string;
@@ -153,51 +108,7 @@ declare const tableVariants: tailwind_variants.TVReturnType<{
     sortIcon: string;
     emptyWrapper: string;
     loadingWrapper: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    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: {};
-    };
-}, {
-    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: {};
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof tableVariants>;
 type ClassName = TVClassName<typeof tableVariants>;
 interface TableColumnProps {

package/dist/Tabs/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkDIPW4WVJcjs = require('../chunk-DIPW4WVJ.cjs');
+var _chunkRYO74XL7cjs = require('../chunk-RYO74XL7.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Tabs = _chunkDIPW4WVJcjs.Tabs_default; exports.default = _chunkDIPW4WVJcjs.Tabs_default2; exports.tabsVariants = _chunkDIPW4WVJcjs.tabsVariants;
+exports.Tabs = _chunkRYO74XL7cjs.Tabs_default; exports.default = _chunkRYO74XL7cjs.Tabs_default2; exports.tabsVariants = _chunkRYO74XL7cjs.tabsVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Tabs/index.d.cts

@@ -1,7 +1,6 @@
-import { T as Tabs } from '../Tabs-Tvg39S6a.cjs';
-export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-Tvg39S6a.cjs';
+import { T as Tabs } from '../Tabs-BjMJs02F.cjs';
+export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-BjMJs02F.cjs';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import 'react';

package/dist/Tabs/index.d.ts

@@ -1,7 +1,6 @@
-import { T as Tabs } from '../Tabs-Tvg39S6a.js';
-export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-Tvg39S6a.js';
+import { T as Tabs } from '../Tabs-BjMJs02F.js';
+export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-BjMJs02F.js';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import 'react';

package/dist/Tabs/index.js

@@ -2,7 +2,7 @@ import {
   Tabs_default,
   Tabs_default2,
   tabsVariants
-} from "../chunk-DA4KEWJM.js";
+} from "../chunk-OOJRHIVU.js";
 import "../chunk-J7N2552D.js";
 export {
   Tabs_default as Tabs,

package/dist/{Tabs-Tvg39S6a.d.cts → Tabs-BjMJs02F.d.cts}

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { ReactNode } from 'react';
@@ -36,19 +35,7 @@ declare const tabsVariants: tailwind_variants.TVReturnType<{
     tabContent: string;
     tabList: string;
     tabWrapper: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
-            cursor?: tailwind_variants.ClassValue;
-            panel?: tailwind_variants.ClassValue;
-            tabContent?: tailwind_variants.ClassValue;
-            tabList?: tailwind_variants.ClassValue;
-            tabWrapper?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
+}, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
@@ -76,19 +63,7 @@ declare const tabsVariants: tailwind_variants.TVReturnType<{
     tabContent: string;
     tabList: string;
     tabWrapper: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
-            cursor?: tailwind_variants.ClassValue;
-            panel?: tailwind_variants.ClassValue;
-            tabContent?: tailwind_variants.ClassValue;
-            tabList?: tailwind_variants.ClassValue;
-            tabWrapper?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof tabsVariants>;
 type ClassName = TVClassName<typeof tabsVariants>;
 type Key = string | number;
@@ -120,7 +95,7 @@ interface TabsProps extends VariantProps {
     /** Whether tabs should take up full container width */
     fullWidth?: boolean;
     /** Callback fired when tab selection changes */
-    onSelectionChange?: (key: Key) => void;
+    onSelectionChange?: (key: Key | null) => void;
     /** Position of the tab list relative to the content */
     placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
     /** Radius of the tabs */

package/dist/{Tabs-Tvg39S6a.d.ts → Tabs-BjMJs02F.d.ts}

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { ReactNode } from 'react';
@@ -36,19 +35,7 @@ declare const tabsVariants: tailwind_variants.TVReturnType<{
     tabContent: string;
     tabList: string;
     tabWrapper: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
-            cursor?: tailwind_variants.ClassValue;
-            panel?: tailwind_variants.ClassValue;
-            tabContent?: tailwind_variants.ClassValue;
-            tabList?: tailwind_variants.ClassValue;
-            tabWrapper?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
+}, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
@@ -76,19 +63,7 @@ declare const tabsVariants: tailwind_variants.TVReturnType<{
     tabContent: string;
     tabList: string;
     tabWrapper: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            tab?: tailwind_variants.ClassValue;
-            cursor?: tailwind_variants.ClassValue;
-            panel?: tailwind_variants.ClassValue;
-            tabContent?: tailwind_variants.ClassValue;
-            tabList?: tailwind_variants.ClassValue;
-            tabWrapper?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof tabsVariants>;
 type ClassName = TVClassName<typeof tabsVariants>;
 type Key = string | number;
@@ -120,7 +95,7 @@ interface TabsProps extends VariantProps {
     /** Whether tabs should take up full container width */
     fullWidth?: boolean;
     /** Callback fired when tab selection changes */
-    onSelectionChange?: (key: Key) => void;
+    onSelectionChange?: (key: Key | null) => void;
     /** Position of the tab list relative to the content */
     placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
     /** Radius of the tabs */

package/dist/Toast/index.cjs

@@ -4,7 +4,7 @@
 
 
 
-var _chunkGXIDQFQ6cjs = require('../chunk-GXIDQFQ6.cjs');
+var _chunkTLXLWB4Ycjs = require('../chunk-TLXLWB4Y.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
@@ -12,5 +12,5 @@ require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.default = _chunkGXIDQFQ6cjs.Toast_default; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants;
+exports.Toast = _chunkTLXLWB4Ycjs.Toast; exports.ToastProvider = _chunkTLXLWB4Ycjs.ToastProvider_default; exports.addToast = _chunkTLXLWB4Ycjs.addToast; exports.default = _chunkTLXLWB4Ycjs.Toast_default; exports.toastVariants = _chunkTLXLWB4Ycjs.toastVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Toast/index.d.cts

@@ -1,9 +1,8 @@
 export { Toast } from '@heroui/toast';
-import { a as addToast } from '../ToastProvider-CL1v-bkE.cjs';
-export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, t as toastVariants } from '../ToastProvider-CL1v-bkE.cjs';
+import { a as addToast } from '../ToastProvider-BaynjNgq.cjs';
+export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, t as toastVariants } from '../ToastProvider-BaynjNgq.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import 'react';
 

package/dist/Toast/index.d.ts

@@ -1,9 +1,8 @@
 export { Toast } from '@heroui/toast';
-import { a as addToast } from '../ToastProvider-CL1v-bkE.js';
-export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, t as toastVariants } from '../ToastProvider-CL1v-bkE.js';
+import { a as addToast } from '../ToastProvider-BaynjNgq.js';
+export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, t as toastVariants } from '../ToastProvider-BaynjNgq.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import 'react';
 

package/dist/Toast/index.js

@@ -4,7 +4,7 @@ import {
   Toast_default,
   addToast,
   toastVariants
-} from "../chunk-ZMEVGJBC.js";
+} from "../chunk-XHGGLUFN.js";
 import "../chunk-J7N2552D.js";
 export {
   Toast,

package/dist/{ToastProvider-CL1v-bkE.d.cts → ToastProvider-BaynjNgq.d.cts}

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
 
@@ -37,70 +36,14 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
     title: string;
     description: string;
     icon: string;
-    loadingIcon: string;
+    loadingComponent: 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;
-    };
-}>, {
+}, undefined, {
     color: {
         default: string;
         foreground: {
@@ -133,7 +76,7 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
     title: string;
     description: string;
     icon: string;
-    loadingIcon: string;
+    loadingComponent: string;
     content: string;
     motionDiv: string;
     progressTrack: string;
@@ -173,70 +116,14 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
     title: string;
     description: string;
     icon: string;
-    loadingIcon: string;
+    loadingComponent: 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>>;
+}, undefined, unknown, unknown, undefined>>;
 type AddToastVariantProps = TVProps<typeof toastVariants>;
 type ClassName = TVClassName<typeof toastVariants>;
 interface ToastProps extends AddToastVariantProps {
@@ -252,8 +139,8 @@ interface ToastProps extends AddToastVariantProps {
     endContent?: ReactNode;
     /** Icon displayed at the start of the Alert */
     icon?: ReactNode;
-    /** Icon or animation displayed until promise is resolved */
-    loadingIcon?: ReactNode;
+    /** Component displayed until promise is resolved */
+    loadingComponent?: ReactNode;
     /** Callback function called when the toast is closed */
     onClose?: () => void;
     /** Promise based on which the notification will be styled */
@@ -274,7 +161,7 @@ interface ToastProps extends AddToastVariantProps {
 /**
  * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
  */
-declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, promise, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingComponent, onClose, promise, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
 
 type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
 interface ToastProviderProps {

package/dist/{ToastProvider-CL1v-bkE.d.ts → ToastProvider-BaynjNgq.d.ts}

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
 
@@ -37,70 +36,14 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
     title: string;
     description: string;
     icon: string;
-    loadingIcon: string;
+    loadingComponent: 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;
-    };
-}>, {
+}, undefined, {
     color: {
         default: string;
         foreground: {
@@ -133,7 +76,7 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
     title: string;
     description: string;
     icon: string;
-    loadingIcon: string;
+    loadingComponent: string;
     content: string;
     motionDiv: string;
     progressTrack: string;
@@ -173,70 +116,14 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
     title: string;
     description: string;
     icon: string;
-    loadingIcon: string;
+    loadingComponent: 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>>;
+}, undefined, unknown, unknown, undefined>>;
 type AddToastVariantProps = TVProps<typeof toastVariants>;
 type ClassName = TVClassName<typeof toastVariants>;
 interface ToastProps extends AddToastVariantProps {
@@ -252,8 +139,8 @@ interface ToastProps extends AddToastVariantProps {
     endContent?: ReactNode;
     /** Icon displayed at the start of the Alert */
     icon?: ReactNode;
-    /** Icon or animation displayed until promise is resolved */
-    loadingIcon?: ReactNode;
+    /** Component displayed until promise is resolved */
+    loadingComponent?: ReactNode;
     /** Callback function called when the toast is closed */
     onClose?: () => void;
     /** Promise based on which the notification will be styled */
@@ -274,7 +161,7 @@ interface ToastProps extends AddToastVariantProps {
 /**
  * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
  */
-declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, promise, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingComponent, onClose, promise, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
 
 type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
 interface ToastProviderProps {