@fuf-stack/pixels 1.7.4 → 1.8.0

package/dist/Alert/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkK25U4BJOcjs = require('../chunk-K25U4BJO.cjs');
+var _chunkLUAK6GQGcjs = require('../chunk-LUAK6GQG.cjs');
 require('../chunk-AHEA4IJV.cjs');
 
 
 
 
-exports.Alert = _chunkK25U4BJOcjs.Alert_default; exports.alertVariants = _chunkK25U4BJOcjs.alertVariants; exports.default = _chunkK25U4BJOcjs.Alert_default2;
+exports.Alert = _chunkLUAK6GQGcjs.Alert_default; exports.alertVariants = _chunkLUAK6GQGcjs.alertVariants; exports.default = _chunkLUAK6GQGcjs.Alert_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Alert/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Alert } from '../Alert-Dc0RSQaB.cjs';
-export { b as AlertProps, a as alertVariants } from '../Alert-Dc0RSQaB.cjs';
+import { A as Alert } from '../Alert-BidIEsLA.cjs';
+export { b as AlertProps, a as alertVariants } from '../Alert-BidIEsLA.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/Alert/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Alert } from '../Alert-Dc0RSQaB.js';
-export { b as AlertProps, a as alertVariants } from '../Alert-Dc0RSQaB.js';
+import { A as Alert } from '../Alert-BidIEsLA.js';
+export { b as AlertProps, a as alertVariants } from '../Alert-BidIEsLA.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/Alert/index.js

@@ -2,7 +2,7 @@ import {
   Alert_default,
   Alert_default2,
   alertVariants
-} from "../chunk-565TFIAK.js";
+} from "../chunk-PKG3L2TJ.js";
 import "../chunk-OAIRL2FN.js";
 export {
   Alert_default as Alert,

package/dist/{Alert-Dc0RSQaB.d.cts → Alert-BidIEsLA.d.cts}

@@ -4,6 +4,11 @@ import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { ReactNode } from 'react';
 
 declare const alertVariants: tailwind_variants.TVReturnType<{
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
+        };
+    };
     color: {
         default: {};
         primary: {};
@@ -18,25 +23,10 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
-            base: string;
-        };
         bordered: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
-            base: string;
-        };
-        width: {
-            base: string;
-        };
-        both: {
-            base: string;
-        };
+        solid: {};
     };
 }, {
     base: string;
@@ -47,6 +37,11 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, undefined, {
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
+        };
+    };
     color: {
         default: {};
         primary: {};
@@ -61,25 +56,10 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
-            base: string;
-        };
         bordered: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
-            base: string;
-        };
-        width: {
-            base: string;
-        };
-        both: {
-            base: string;
-        };
+        solid: {};
     };
 }, {
     base: string;
@@ -90,6 +70,11 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, tailwind_variants.TVReturnType<{
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
+        };
+    };
     color: {
         default: {};
         primary: {};
@@ -104,25 +89,10 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
-            base: string;
-        };
         bordered: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
-            base: string;
-        };
-        width: {
-            base: string;
-        };
-        both: {
-            base: string;
-        };
+        solid: {};
     };
 }, {
     base: string;
@@ -135,7 +105,7 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof alertVariants>;
 type ClassName = TVClassName<typeof alertVariants>;
-interface AlertProps extends VariantProps {
+interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     /** Content displayed inside the Alert if no description is given! */
     children?: ReactNode;
     /** CSS class name */
@@ -147,13 +117,11 @@ interface AlertProps extends VariantProps {
     /** Icon displayed at the start of the Alert */
     icon?: ReactNode;
     /** Whether the Alert can be closed */
-    isClosable?: boolean;
+    closable?: boolean;
     /** Callback fired when the close button is clicked */
     onClose?: () => void;
     /** Whether to show the icon at the start */
     showIcon?: boolean;
-    /** limit height to 150px or width to 480px or both */
-    sizeLimit?: VariantProps['sizeLimit'];
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** Title displayed in the Alert above the content */
@@ -164,6 +132,6 @@ interface AlertProps extends VariantProps {
 /**
  * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
  */
-declare const Alert: ({ children, className, color, endContent, icon, isClosable, onClose, sizeLimit, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ children, className, color, endContent, icon, closable, onClose, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
 
 export { Alert as A, alertVariants as a, type AlertProps as b };

package/dist/{Alert-Dc0RSQaB.d.ts → Alert-BidIEsLA.d.ts}

@@ -4,6 +4,11 @@ import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { ReactNode } from 'react';
 
 declare const alertVariants: tailwind_variants.TVReturnType<{
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
+        };
+    };
     color: {
         default: {};
         primary: {};
@@ -18,25 +23,10 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
-            base: string;
-        };
         bordered: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
-            base: string;
-        };
-        width: {
-            base: string;
-        };
-        both: {
-            base: string;
-        };
+        solid: {};
     };
 }, {
     base: string;
@@ -47,6 +37,11 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, undefined, {
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
+        };
+    };
     color: {
         default: {};
         primary: {};
@@ -61,25 +56,10 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
-            base: string;
-        };
         bordered: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
-            base: string;
-        };
-        width: {
-            base: string;
-        };
-        both: {
-            base: string;
-        };
+        solid: {};
     };
 }, {
     base: string;
@@ -90,6 +70,11 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, tailwind_variants.TVReturnType<{
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
+        };
+    };
     color: {
         default: {};
         primary: {};
@@ -104,25 +89,10 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
-            base: string;
-        };
         bordered: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
-            base: string;
-        };
-        width: {
-            base: string;
-        };
-        both: {
-            base: string;
-        };
+        solid: {};
     };
 }, {
     base: string;
@@ -135,7 +105,7 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof alertVariants>;
 type ClassName = TVClassName<typeof alertVariants>;
-interface AlertProps extends VariantProps {
+interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     /** Content displayed inside the Alert if no description is given! */
     children?: ReactNode;
     /** CSS class name */
@@ -147,13 +117,11 @@ interface AlertProps extends VariantProps {
     /** Icon displayed at the start of the Alert */
     icon?: ReactNode;
     /** Whether the Alert can be closed */
-    isClosable?: boolean;
+    closable?: boolean;
     /** Callback fired when the close button is clicked */
     onClose?: () => void;
     /** Whether to show the icon at the start */
     showIcon?: boolean;
-    /** limit height to 150px or width to 480px or both */
-    sizeLimit?: VariantProps['sizeLimit'];
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** Title displayed in the Alert above the content */
@@ -164,6 +132,6 @@ interface AlertProps extends VariantProps {
 /**
  * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
  */
-declare const Alert: ({ children, className, color, endContent, icon, isClosable, onClose, sizeLimit, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ children, className, color, endContent, icon, closable, onClose, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
 
 export { Alert as A, alertVariants as a, type AlertProps as b };

package/dist/Toast/index.cjs

@@ -2,15 +2,12 @@
 
 
 
-
-
-var _chunk56CIU4EGcjs = require('../chunk-56CIU4EG.cjs');
+var _chunkYNA3GBAIcjs = require('../chunk-YNA3GBAI.cjs');
+require('../chunk-LUAK6GQG.cjs');
 require('../chunk-AHEA4IJV.cjs');
 
 
 
 
-
-
-exports.Toast = _chunk56CIU4EGcjs.Toast; exports.ToastProvider = _chunk56CIU4EGcjs.ToastProvider_default; exports.addToast = _chunk56CIU4EGcjs.addToast; exports.default = _chunk56CIU4EGcjs.Toast_default; exports.toastVariants = _chunk56CIU4EGcjs.toastVariants;
+exports.Toaster = _chunkYNA3GBAIcjs.Toaster_default; exports.default = _chunkYNA3GBAIcjs.Toast_default2; exports.toast = _chunkYNA3GBAIcjs.Toast_default;
 //# sourceMappingURL=index.cjs.map

package/dist/Toast/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Toast/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACF,oQAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Toast/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Toast/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,yJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Toast/index.cjs"}

package/dist/Toast/index.d.cts

@@ -1,11 +1,12 @@
-export { Toast } from '@heroui/toast';
-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 { t as toast } from '../Toaster-M8hrHJ-J.cjs';
+export { a as ToastOptions, b as ToastRenderProps, T as Toaster, c as ToasterProps } from '../Toaster-M8hrHJ-J.cjs';
+import 'react';
+import 'sonner';
+import '../Alert-BidIEsLA.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import 'react';
 
 
 
-export { addToast, addToast as default };
+export { toast as default, toast };

package/dist/Toast/index.d.ts

@@ -1,11 +1,12 @@
-export { Toast } from '@heroui/toast';
-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 { t as toast } from '../Toaster-DVX4ebm4.js';
+export { a as ToastOptions, b as ToastRenderProps, T as Toaster, c as ToasterProps } from '../Toaster-DVX4ebm4.js';
+import 'react';
+import 'sonner';
+import '../Alert-BidIEsLA.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import 'react';
 
 
 
-export { addToast, addToast as default };
+export { toast as default, toast };

package/dist/Toast/index.js

@@ -1,16 +1,13 @@
 import {
-  Toast,
-  ToastProvider_default,
   Toast_default,
-  addToast,
-  toastVariants
-} from "../chunk-7IFOMPCK.js";
+  Toast_default2,
+  Toaster_default
+} from "../chunk-VEXCTG6K.js";
+import "../chunk-PKG3L2TJ.js";
 import "../chunk-OAIRL2FN.js";
 export {
-  Toast,
-  ToastProvider_default as ToastProvider,
-  addToast,
-  Toast_default as default,
-  toastVariants
+  Toaster_default as Toaster,
+  Toast_default2 as default,
+  Toast_default as toast
 };
 //# sourceMappingURL=index.js.map

package/dist/Toaster-DVX4ebm4.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode, ReactElement, ComponentProps } from 'react';
+import { ExternalToast, Toaster as Toaster$1 } from 'sonner';
+import { b as AlertProps } from './Alert-BidIEsLA.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AlertColor = NonNullable<AlertProps['color']>;
+/** Props passed to a custom render function */
+interface ToastRenderProps {
+    /** The toast message */
+    message: ReactNode;
+    /** The color/severity of the toast */
+    color: AlertColor;
+    /** 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;
+}
+/** 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;
+    /** 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-M8hrHJ-J.d.cts

@@ -0,0 +1,75 @@
+import { ReactNode, ReactElement, ComponentProps } from 'react';
+import { ExternalToast, Toaster as Toaster$1 } from 'sonner';
+import { b as AlertProps } from './Alert-BidIEsLA.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type AlertColor = NonNullable<AlertProps['color']>;
+/** Props passed to a custom render function */
+interface ToastRenderProps {
+    /** The toast message */
+    message: ReactNode;
+    /** The color/severity of the toast */
+    color: AlertColor;
+    /** 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;
+}
+/** 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;
+    /** 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 };