@fuf-stack/pixels 1.7.4 → 1.9.0

package/dist/Toaster-BtcILj3f.d.ts

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1,79 @@
+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 };

package/dist/chunk-I5QMH3J5.cjs

@@ -0,0 +1,96 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Alert/Alert.tsx
+var _alert = require('@heroui/alert');
+var _theme = require('@heroui/theme');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var alertVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "min-w-72",
+    title: "",
+    description: "",
+    mainWrapper: "gap-1.5",
+    closeButton: "",
+    iconWrapper: "",
+    alertIcon: ""
+  },
+  variants: {
+    // if HeroUI Alert title and description are set the icon is placed on top (looks better)
+    hasTitleAndChildren: {
+      true: {
+        iconWrapper: "self-start"
+      }
+    },
+    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
+    variant: {
+      danger: {
+        base: "bg-danger-50 dark:bg-danger-50"
+      },
+      default: {
+        base: "bg-default-100 dark:bg-default-50"
+      },
+      info: {
+        alertIcon: "fill-current",
+        base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50",
+        closeButton: "text-info-500 data-[hover]:bg-info-200",
+        description: "text-inherit",
+        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100",
+        mainWrapper: "text-inherit",
+        title: "text-inherit"
+      },
+      success: {
+        base: "bg-success-50 dark:bg-success-50"
+      },
+      warning: {
+        base: "bg-warning-50 dark:bg-warning-50"
+      }
+    }
+  }
+});
+var Alert = ({
+  children = void 0,
+  className = void 0,
+  endContent = void 0,
+  icon = void 0,
+  closable = false,
+  onClose = void 0,
+  testId = void 0,
+  title = void 0,
+  variant = "info"
+}) => {
+  const hasTitleAndChildren = !!children && !!title;
+  const variants = alertVariants({
+    hasTitleAndChildren,
+    variant
+  });
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  const heroColor = Object.keys(_theme.alert.variants.color).includes(
+    variant
+  ) ? variant : void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _alert.Alert,
+    {
+      classNames,
+      color: heroColor,
+      "data-testid": testId,
+      description: title ? children : void 0,
+      endContent,
+      hideIcon: variant === "default",
+      icon,
+      isClosable: closable,
+      onClose,
+      title: title != null ? title : children,
+      variant: "faded"
+    }
+  );
+};
+var Alert_default = Alert;
+
+// src/Alert/index.ts
+var Alert_default2 = Alert_default;
+
+
+
+
+
+exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
+//# sourceMappingURL=chunk-I5QMH3J5.cjs.map

package/dist/chunk-I5QMH3J5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-I5QMH3J5.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-I5QMH3J5.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-inherit',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}

package/dist/chunk-SDZX5VJZ.js

@@ -0,0 +1,96 @@
+// src/Alert/Alert.tsx
+import { Alert as HeroAlert } from "@heroui/alert";
+import { alert as heroAlertVariants } from "@heroui/theme";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = tv({
+  slots: {
+    base: "min-w-72",
+    title: "",
+    description: "",
+    mainWrapper: "gap-1.5",
+    closeButton: "",
+    iconWrapper: "",
+    alertIcon: ""
+  },
+  variants: {
+    // if HeroUI Alert title and description are set the icon is placed on top (looks better)
+    hasTitleAndChildren: {
+      true: {
+        iconWrapper: "self-start"
+      }
+    },
+    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
+    variant: {
+      danger: {
+        base: "bg-danger-50 dark:bg-danger-50"
+      },
+      default: {
+        base: "bg-default-100 dark:bg-default-50"
+      },
+      info: {
+        alertIcon: "fill-current",
+        base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50",
+        closeButton: "text-info-500 data-[hover]:bg-info-200",
+        description: "text-inherit",
+        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100",
+        mainWrapper: "text-inherit",
+        title: "text-inherit"
+      },
+      success: {
+        base: "bg-success-50 dark:bg-success-50"
+      },
+      warning: {
+        base: "bg-warning-50 dark:bg-warning-50"
+      }
+    }
+  }
+});
+var Alert = ({
+  children = void 0,
+  className = void 0,
+  endContent = void 0,
+  icon = void 0,
+  closable = false,
+  onClose = void 0,
+  testId = void 0,
+  title = void 0,
+  variant = "info"
+}) => {
+  const hasTitleAndChildren = !!children && !!title;
+  const variants = alertVariants({
+    hasTitleAndChildren,
+    variant
+  });
+  const classNames = variantsToClassNames(variants, className, "base");
+  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(
+    variant
+  ) ? variant : void 0;
+  return /* @__PURE__ */ jsx(
+    HeroAlert,
+    {
+      classNames,
+      color: heroColor,
+      "data-testid": testId,
+      description: title ? children : void 0,
+      endContent,
+      hideIcon: variant === "default",
+      icon,
+      isClosable: closable,
+      onClose,
+      title: title != null ? title : children,
+      variant: "faded"
+    }
+  );
+};
+var Alert_default = Alert;
+
+// src/Alert/index.ts
+var Alert_default2 = Alert_default;
+
+export {
+  alertVariants,
+  Alert_default,
+  Alert_default2
+};
+//# sourceMappingURL=chunk-SDZX5VJZ.js.map

package/dist/chunk-SDZX5VJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Alert/Alert.tsx","../src/Alert/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-inherit',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"],"mappings":";AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AAoGrC;AAlGG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,qBAAqB;AAAA,MACnB,MAAM;AAAA,QACJ,aAAa;AAAA,MACf;AAAA,IACF;AAAA;AAAA,IAEA,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,sBAAsB,CAAC,CAAC,YAAY,CAAC,CAAC;AAC5C,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,QAAM,YAAY,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAC9D;AAAA,EACF,IACK,UACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA,MAEA,YAAY;AAAA,MACZ;AAAA,MACA,OAAQ,wBAAS;AAAA,MACjB,SAAQ;AAAA;AAAA,EACV;AAEJ;AAEA,IAAO,gBAAQ;;;ACtHf,IAAOA,iBAAQ;","names":["Alert_default"]}

package/dist/chunk-VD7VRLYO.js

@@ -0,0 +1,112 @@
+import {
+  Alert_default2 as Alert_default
+} from "./chunk-SDZX5VJZ.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-OAIRL2FN.js";
+
+// src/Toast/Toast.tsx
+import { toast as sonnerToast } from "sonner";
+import { jsx } from "react/jsx-runtime";
+var showToast = (message, variant, options) => {
+  const _a = options != null ? options : {}, { onClose, closable, title, endContent, icon, render } = _a, rest = __objRest(_a, ["onClose", "closable", "title", "endContent", "icon", "render"]);
+  const sonnerOptions = __spreadValues({
+    position: "top-center",
+    onDismiss: onClose
+  }, rest);
+  return sonnerToast.custom((id) => {
+    const close = () => {
+      return sonnerToast.dismiss(id);
+    };
+    if (render) {
+      return render({
+        message,
+        variant,
+        close,
+        closable,
+        title,
+        endContent,
+        icon
+      });
+    }
+    return /* @__PURE__ */ jsx(
+      Alert_default,
+      {
+        closable,
+        endContent,
+        icon,
+        onClose: closable ? close : void 0,
+        title,
+        variant,
+        children: message
+      }
+    );
+  }, sonnerOptions);
+};
+var toast = {
+  /**
+   * Show a default toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  default: (message, options) => {
+    return showToast(message, "default", options);
+  },
+  /**
+   * Show an info toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  info: (message, options) => {
+    return showToast(message, "info", options);
+  },
+  /**
+   * Show a warning toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  warn: (message, options) => {
+    return showToast(message, "warning", __spreadValues({
+      duration: 6e4,
+      closable: true
+    }, options));
+  },
+  /**
+   * Show a success toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  success: (message, options) => {
+    return showToast(message, "success", options);
+  },
+  /**
+   * Show an error toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  error: (message, options) => {
+    return showToast(message, "danger", __spreadValues({
+      duration: 6e4,
+      closable: true
+    }, options));
+  },
+  /** Close a toast by its id */
+  close: (toastId) => {
+    sonnerToast.dismiss(toastId);
+  }
+};
+var Toast_default = toast;
+
+// src/Toast/Toaster.tsx
+import { Toaster as SonnerToaster } from "sonner";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Toaster = (props) => {
+  return /* @__PURE__ */ jsx2(SonnerToaster, __spreadValues({}, props));
+};
+var Toaster_default = Toaster;
+
+// src/Toast/index.ts
+var Toast_default2 = Toast_default;
+
+export {
+  Toast_default,
+  Toaster_default,
+  Toast_default2
+};
+//# sourceMappingURL=chunk-VD7VRLYO.js.map

package/dist/chunk-VD7VRLYO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Toast/Toast.tsx","../src/Toast/Toaster.tsx","../src/Toast/index.ts"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport type { ExternalToast } from 'sonner';\nimport type { AlertProps } from '../Alert';\n\nimport { toast as sonnerToast } from 'sonner';\n\nimport AlertComponent from '../Alert';\n\ntype AlertVariant = NonNullable<AlertProps['variant']>;\n\n/** Props passed to a custom render function */\nexport interface ToastRenderProps {\n  /** The toast message */\n  message: ReactNode;\n  /** The color/severity of the toast */\n  variant: AlertVariant;\n  /** Function to close the toast */\n  close: () => void;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n}\n\n/** Options passed to each toast method */\nexport interface ToastOptions {\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Duration in milliseconds before the toast auto-closes */\n  duration?: number;\n  /** Position of the toast on the screen */\n  position?: ExternalToast['position'];\n  /** Callback fired when the toast auto-closes */\n  onAutoClose?: ExternalToast['onAutoClose'];\n  /** Callback fired when the toast is closed */\n  onClose?: ExternalToast['onDismiss'];\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n  /** Custom render function to override the default AlertComponent */\n  render?: (props: ToastRenderProps) => ReactElement;\n}\n\nconst showToast = (\n  message: ReactNode,\n  variant: AlertVariant,\n  options?: ToastOptions,\n) => {\n  // Map custom ToastOptions to Sonner's ExternalToast format:\n  // - onClose is mapped to Sonner's onDismiss\n  // - closable is handled separately (not a Sonner option)\n  // - position defaults to 'top-center'\n  const { onClose, closable, title, endContent, icon, render, ...rest } =\n    options ?? {};\n  const sonnerOptions: ExternalToast = {\n    position: 'top-center' as const,\n    onDismiss: onClose,\n    ...rest,\n  };\n  return sonnerToast.custom((id) => {\n    // Close function passed to custom render or AlertComponent\n    const close = () => {\n      return sonnerToast.dismiss(id);\n    };\n\n    // Allow custom rendering via render prop\n    if (render) {\n      return render({\n        message,\n        variant,\n        close,\n        closable,\n        title,\n        endContent,\n        icon,\n      });\n    }\n\n    // Default: render AlertComponent\n    return (\n      <AlertComponent\n        closable={closable}\n        endContent={endContent}\n        icon={icon}\n        onClose={closable ? close : undefined}\n        title={title}\n        variant={variant}\n      >\n        {message}\n      </AlertComponent>\n    );\n  }, sonnerOptions);\n};\n\n/** Toast object with convenience methods for different severity levels */\nconst toast = {\n  /**\n   * Show a default toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  default: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'default', options);\n  },\n  /**\n   * Show an info toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  info: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'info', options);\n  },\n  /**\n   * Show a warning toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  warn: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'warning', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /**\n   * Show a success toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  success: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'success', options);\n  },\n  /**\n   * Show an error toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  error: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'danger', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /** Close a toast by its id */\n  close: (toastId: string | number) => {\n    sonnerToast.dismiss(toastId);\n  },\n};\n\nexport default toast;\n","import type { ComponentProps } from 'react';\n\nimport { Toaster as SonnerToaster } from 'sonner';\n\nexport type ToasterProps = Pick<\n  ComponentProps<typeof SonnerToaster>,\n  'visibleToasts' | 'position'\n>;\n\nconst Toaster = (props: ToasterProps) => {\n  return <SonnerToaster {...props} />;\n};\n\nexport default Toaster;\n","import toast from './Toast';\nimport Toaster from './Toaster';\n\nexport type { ToastOptions, ToastRenderProps } from './Toast';\nexport type { ToasterProps } from './Toaster';\n\nexport { Toaster, toast };\nexport default toast;\n"],"mappings":";;;;;;;;;AAIA,SAAS,SAAS,mBAAmB;AAmF/B;AArCN,IAAM,YAAY,CAChB,SACA,SACA,YACG;AAKH,QACE,iCAAW,CAAC,GADN,WAAS,UAAU,OAAO,YAAY,MAAM,OA3DtD,IA4DI,IAD6D,iBAC7D,IAD6D,CAAvD,WAAS,YAAU,SAAO,cAAY,QAAM;AAEpD,QAAM,gBAA+B;AAAA,IACnC,UAAU;AAAA,IACV,WAAW;AAAA,KACR;AAEL,SAAO,YAAY,OAAO,CAAC,OAAO;AAEhC,UAAM,QAAQ,MAAM;AAClB,aAAO,YAAY,QAAQ,EAAE;AAAA,IAC/B;AAGA,QAAI,QAAQ;AACV,aAAO,OAAO;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAGA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,WAAW,QAAQ;AAAA,QAC5B;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ,GAAG,aAAa;AAClB;AAGA,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKZ,SAAS,CAAC,SAAoB,YAA2B;AACvD,WAAO,UAAU,SAAS,WAAW,OAAO;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,CAAC,SAAoB,YAA2B;AACpD,WAAO,UAAU,SAAS,QAAQ,OAAO;AAAA,EAC3C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,CAAC,SAAoB,YAA2B;AACpD,WAAO,UAAU,SAAS,WAAW;AAAA,MACnC,UAAU;AAAA,MACV,UAAU;AAAA,OACP,QACJ;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,CAAC,SAAoB,YAA2B;AACvD,WAAO,UAAU,SAAS,WAAW,OAAO;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,CAAC,SAAoB,YAA2B;AACrD,WAAO,UAAU,SAAS,UAAU;AAAA,MAClC,UAAU;AAAA,MACV,UAAU;AAAA,OACP,QACJ;AAAA,EACH;AAAA;AAAA,EAEA,OAAO,CAAC,YAA6B;AACnC,gBAAY,QAAQ,OAAO;AAAA,EAC7B;AACF;AAEA,IAAO,gBAAQ;;;ACtJf,SAAS,WAAW,qBAAqB;AAQhC,gBAAAA,YAAA;AADT,IAAM,UAAU,CAAC,UAAwB;AACvC,SAAO,gBAAAA,KAAC,kCAAkB,MAAO;AACnC;AAEA,IAAO,kBAAQ;;;ACNf,IAAOC,iBAAQ;","names":["jsx","Toast_default"]}

package/dist/chunk-YWEUUA52.cjs

@@ -0,0 +1,112 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkI5QMH3J5cjs = require('./chunk-I5QMH3J5.cjs');
+
+
+
+var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
+
+// src/Toast/Toast.tsx
+var _sonner = require('sonner');
+var _jsxruntime = require('react/jsx-runtime');
+var showToast = (message, variant, options) => {
+  const _a = options != null ? options : {}, { onClose, closable, title, endContent, icon, render } = _a, rest = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["onClose", "closable", "title", "endContent", "icon", "render"]);
+  const sonnerOptions = _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
+    position: "top-center",
+    onDismiss: onClose
+  }, rest);
+  return _sonner.toast.custom((id) => {
+    const close = () => {
+      return _sonner.toast.dismiss(id);
+    };
+    if (render) {
+      return render({
+        message,
+        variant,
+        close,
+        closable,
+        title,
+        endContent,
+        icon
+      });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkI5QMH3J5cjs.Alert_default2,
+      {
+        closable,
+        endContent,
+        icon,
+        onClose: closable ? close : void 0,
+        title,
+        variant,
+        children: message
+      }
+    );
+  }, sonnerOptions);
+};
+var toast = {
+  /**
+   * Show a default toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  default: (message, options) => {
+    return showToast(message, "default", options);
+  },
+  /**
+   * Show an info toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  info: (message, options) => {
+    return showToast(message, "info", options);
+  },
+  /**
+   * Show a warning toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  warn: (message, options) => {
+    return showToast(message, "warning", _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
+      duration: 6e4,
+      closable: true
+    }, options));
+  },
+  /**
+   * Show a success toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  success: (message, options) => {
+    return showToast(message, "success", options);
+  },
+  /**
+   * Show an error toast.
+   * @returns The toast id which can be passed to `toast.close()`
+   */
+  error: (message, options) => {
+    return showToast(message, "danger", _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
+      duration: 6e4,
+      closable: true
+    }, options));
+  },
+  /** Close a toast by its id */
+  close: (toastId) => {
+    _sonner.toast.dismiss(toastId);
+  }
+};
+var Toast_default = toast;
+
+// src/Toast/Toaster.tsx
+
+
+var Toaster = (props) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _sonner.Toaster, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, props));
+};
+var Toaster_default = Toaster;
+
+// src/Toast/index.ts
+var Toast_default2 = Toast_default;
+
+
+
+
+
+exports.Toast_default = Toast_default; exports.Toaster_default = Toaster_default; exports.Toast_default2 = Toast_default2;
+//# sourceMappingURL=chunk-YWEUUA52.cjs.map

package/dist/chunk-YWEUUA52.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YWEUUA52.cjs","../src/Toast/Toast.tsx","../src/Toast/Toaster.tsx","../src/Toast/index.ts"],"names":["jsx","Toast_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YWEUUA52.cjs","sourcesContent":[null,"import type { ReactElement, ReactNode } from 'react';\nimport type { ExternalToast } from 'sonner';\nimport type { AlertProps } from '../Alert';\n\nimport { toast as sonnerToast } from 'sonner';\n\nimport AlertComponent from '../Alert';\n\ntype AlertVariant = NonNullable<AlertProps['variant']>;\n\n/** Props passed to a custom render function */\nexport interface ToastRenderProps {\n  /** The toast message */\n  message: ReactNode;\n  /** The color/severity of the toast */\n  variant: AlertVariant;\n  /** Function to close the toast */\n  close: () => void;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n}\n\n/** Options passed to each toast method */\nexport interface ToastOptions {\n  /** Title displayed above the toast message */\n  title?: ReactNode;\n  /** Whether the toast can be closed by the user */\n  closable?: boolean;\n  /** Duration in milliseconds before the toast auto-closes */\n  duration?: number;\n  /** Position of the toast on the screen */\n  position?: ExternalToast['position'];\n  /** Callback fired when the toast auto-closes */\n  onAutoClose?: ExternalToast['onAutoClose'];\n  /** Callback fired when the toast is closed */\n  onClose?: ExternalToast['onDismiss'];\n  /** Content displayed at the end of the toast */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the toast */\n  icon?: ReactNode;\n  /** Custom render function to override the default AlertComponent */\n  render?: (props: ToastRenderProps) => ReactElement;\n}\n\nconst showToast = (\n  message: ReactNode,\n  variant: AlertVariant,\n  options?: ToastOptions,\n) => {\n  // Map custom ToastOptions to Sonner's ExternalToast format:\n  // - onClose is mapped to Sonner's onDismiss\n  // - closable is handled separately (not a Sonner option)\n  // - position defaults to 'top-center'\n  const { onClose, closable, title, endContent, icon, render, ...rest } =\n    options ?? {};\n  const sonnerOptions: ExternalToast = {\n    position: 'top-center' as const,\n    onDismiss: onClose,\n    ...rest,\n  };\n  return sonnerToast.custom((id) => {\n    // Close function passed to custom render or AlertComponent\n    const close = () => {\n      return sonnerToast.dismiss(id);\n    };\n\n    // Allow custom rendering via render prop\n    if (render) {\n      return render({\n        message,\n        variant,\n        close,\n        closable,\n        title,\n        endContent,\n        icon,\n      });\n    }\n\n    // Default: render AlertComponent\n    return (\n      <AlertComponent\n        closable={closable}\n        endContent={endContent}\n        icon={icon}\n        onClose={closable ? close : undefined}\n        title={title}\n        variant={variant}\n      >\n        {message}\n      </AlertComponent>\n    );\n  }, sonnerOptions);\n};\n\n/** Toast object with convenience methods for different severity levels */\nconst toast = {\n  /**\n   * Show a default toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  default: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'default', options);\n  },\n  /**\n   * Show an info toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  info: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'info', options);\n  },\n  /**\n   * Show a warning toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  warn: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'warning', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /**\n   * Show a success toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  success: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'success', options);\n  },\n  /**\n   * Show an error toast.\n   * @returns The toast id which can be passed to `toast.close()`\n   */\n  error: (message: ReactNode, options?: ToastOptions) => {\n    return showToast(message, 'danger', {\n      duration: 60000,\n      closable: true,\n      ...options,\n    });\n  },\n  /** Close a toast by its id */\n  close: (toastId: string | number) => {\n    sonnerToast.dismiss(toastId);\n  },\n};\n\nexport default toast;\n","import type { ComponentProps } from 'react';\n\nimport { Toaster as SonnerToaster } from 'sonner';\n\nexport type ToasterProps = Pick<\n  ComponentProps<typeof SonnerToaster>,\n  'visibleToasts' | 'position'\n>;\n\nconst Toaster = (props: ToasterProps) => {\n  return <SonnerToaster {...props} />;\n};\n\nexport default Toaster;\n","import toast from './Toast';\nimport Toaster from './Toaster';\n\nexport type { ToastOptions, ToastRenderProps } from './Toast';\nexport type { ToasterProps } from './Toaster';\n\nexport { Toaster, toast };\nexport default toast;\n"]}