@fuf-stack/pixels 1.8.0 → 1.9.0

package/dist/{chunk-LUAK6GQG.cjs → chunk-I5QMH3J5.cjs}

@@ -1,8 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Alert/Alert.tsx
+"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');
@@ -25,64 +21,51 @@ var alertVariants = _pixelutils.tv.call(void 0, {
       }
     },
     // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
-    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      info: {
-        mainWrapper: "text-inherit",
-        title: "text-inherit",
-        description: "text-inherit"
-      }
-    }, _theme.alert.variants.color),
-    // only 2 variants: solid and bordered (bordered uses HeroUI's faded variant)
     variant: {
-      bordered: _theme.alert.variants.variant.faded,
-      solid: _theme.alert.variants.variant.solid
-    }
-  },
-  compoundVariants: [
-    {
-      color: "info",
-      variant: "solid",
-      className: {
-        base: "bg-info text-info-foreground",
-        alertIcon: "text-info-foreground",
-        closeButton: "text-inherit"
-      }
-    },
-    {
-      color: "info",
-      variant: "bordered",
-      className: {
+      danger: {
+        base: "bg-danger-50 dark:bg-danger-50"
+      },
+      default: {
+        base: "bg-default-100 dark:bg-default-50"
+      },
+      info: {
         alertIcon: "fill-current",
-        base: "dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100",
+        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",
-        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
+        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,
-  color = "primary",
   endContent = void 0,
   icon = void 0,
   closable = false,
   onClose = void 0,
-  showIcon = true,
   testId = void 0,
   title = void 0,
-  variant = "bordered"
+  variant = "info"
 }) => {
   const hasTitleAndChildren = !!children && !!title;
   const variants = alertVariants({
     hasTitleAndChildren,
-    color,
     variant
   });
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
   const heroColor = Object.keys(_theme.alert.variants.color).includes(
-    color
-  ) ? color : void 0;
+    variant
+  ) ? variant : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _alert.Alert,
     {
@@ -91,12 +74,12 @@ var Alert = ({
       "data-testid": testId,
       description: title ? children : void 0,
       endContent,
-      hideIcon: !showIcon,
+      hideIcon: variant === "default",
       icon,
       isClosable: closable,
       onClose,
       title: title != null ? title : children,
-      variant
+      variant: "faded"
     }
   );
 };
@@ -110,4 +93,4 @@ var Alert_default2 = Alert_default;
 
 
 exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
-//# sourceMappingURL=chunk-LUAK6GQG.cjs.map
+//# 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":"AAAA;ACIA,sCAAmC;AACnC,sCAA2C;AAE3C,oDAAyC;AAoGrC,+CAAA;AAlGG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,UAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,SAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,mBAAA,EAAqB;AAAA,MACnB,IAAA,EAAM;AAAA,QACJ,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA;AAAA,IAEA,OAAA,EAAS;AAAA,MACP,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,4FAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa,cAAA;AAAA,QACb,WAAA,EAAa,6CAAA;AAAA,QACb,WAAA,EAAa,cAAA;AAAA,QACb,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA8BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,oBAAA,EAAsB,CAAC,CAAC,SAAA,GAAY,CAAC,CAAC,KAAA;AAC5C,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc;AAAA,IAC7B,mBAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAGnE,EAAA,MAAM,UAAA,EAAY,MAAA,CAAO,IAAA,CAAK,YAAA,CAAkB,QAAA,CAAS,KAAK,CAAA,CAAE,QAAA;AAAA,IAC9D;AAAA,EACF,EAAA,EACK,QAAA,EACD,KAAA,CAAA;AAEJ,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,aAAA,EAAa,MAAA;AAAA,MACb,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,KAAA,CAAA;AAAA,MAChC,UAAA;AAAA,MACA,QAAA,EAAU,QAAA,IAAY,SAAA;AAAA,MACtB,IAAA;AAAA,MAEA,UAAA,EAAY,QAAA;AAAA,MACZ,OAAA;AAAA,MACA,KAAA,EAAQ,MAAA,GAAA,KAAA,EAAA,MAAA,EAAS,QAAA;AAAA,MACjB,OAAA,EAAQ;AAAA,IAAA;AAAA,EACV,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADtCf;AACA;AEjFA,IAAOA,eAAAA,EAAQ,aAAA;AFmFf;AACA;AACE;AACA;AACA;AACF,sHAAC","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-PKG3L2TJ.js → chunk-SDZX5VJZ.js}

@@ -1,7 +1,3 @@
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
 // src/Alert/Alert.tsx
 import { Alert as HeroAlert } from "@heroui/alert";
 import { alert as heroAlertVariants } from "@heroui/theme";
@@ -25,64 +21,51 @@ var alertVariants = tv({
       }
     },
     // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
-    color: __spreadValues({
-      info: {
-        mainWrapper: "text-inherit",
-        title: "text-inherit",
-        description: "text-inherit"
-      }
-    }, heroAlertVariants.variants.color),
-    // only 2 variants: solid and bordered (bordered uses HeroUI's faded variant)
     variant: {
-      bordered: heroAlertVariants.variants.variant.faded,
-      solid: heroAlertVariants.variants.variant.solid
-    }
-  },
-  compoundVariants: [
-    {
-      color: "info",
-      variant: "solid",
-      className: {
-        base: "bg-info text-info-foreground",
-        alertIcon: "text-info-foreground",
-        closeButton: "text-inherit"
-      }
-    },
-    {
-      color: "info",
-      variant: "bordered",
-      className: {
+      danger: {
+        base: "bg-danger-50 dark:bg-danger-50"
+      },
+      default: {
+        base: "bg-default-100 dark:bg-default-50"
+      },
+      info: {
         alertIcon: "fill-current",
-        base: "dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100",
+        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",
-        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
+        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,
-  color = "primary",
   endContent = void 0,
   icon = void 0,
   closable = false,
   onClose = void 0,
-  showIcon = true,
   testId = void 0,
   title = void 0,
-  variant = "bordered"
+  variant = "info"
 }) => {
   const hasTitleAndChildren = !!children && !!title;
   const variants = alertVariants({
     hasTitleAndChildren,
-    color,
     variant
   });
   const classNames = variantsToClassNames(variants, className, "base");
   const heroColor = Object.keys(heroAlertVariants.variants.color).includes(
-    color
-  ) ? color : void 0;
+    variant
+  ) ? variant : void 0;
   return /* @__PURE__ */ jsx(
     HeroAlert,
     {
@@ -91,12 +74,12 @@ var Alert = ({
       "data-testid": testId,
       description: title ? children : void 0,
       endContent,
-      hideIcon: !showIcon,
+      hideIcon: variant === "default",
       icon,
       isClosable: closable,
       onClose,
       title: title != null ? title : children,
-      variant
+      variant: "faded"
     }
   );
 };
@@ -110,4 +93,4 @@ export {
   Alert_default,
   Alert_default2
 };
-//# sourceMappingURL=chunk-PKG3L2TJ.js.map
+//# 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-VEXCTG6K.js → chunk-VD7VRLYO.js}

@@ -1,6 +1,6 @@
 import {
   Alert_default2 as Alert_default
-} from "./chunk-PKG3L2TJ.js";
+} from "./chunk-SDZX5VJZ.js";
 import {
   __objRest,
   __spreadValues
@@ -9,8 +9,8 @@ import {
 // src/Toast/Toast.tsx
 import { toast as sonnerToast } from "sonner";
 import { jsx } from "react/jsx-runtime";
-var showToast = (message, color, options) => {
-  const _a = options != null ? options : {}, { onClose, closable, title, endContent, render } = _a, rest = __objRest(_a, ["onClose", "closable", "title", "endContent", "render"]);
+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
@@ -20,16 +20,25 @@ var showToast = (message, color, options) => {
       return sonnerToast.dismiss(id);
     };
     if (render) {
-      return render({ message, color, close, closable, title, endContent });
+      return render({
+        message,
+        variant,
+        close,
+        closable,
+        title,
+        endContent,
+        icon
+      });
     }
     return /* @__PURE__ */ jsx(
       Alert_default,
       {
         closable,
-        color,
         endContent,
+        icon,
         onClose: closable ? close : void 0,
         title,
+        variant,
         children: message
       }
     );
@@ -100,4 +109,4 @@ export {
   Toaster_default,
   Toast_default2
 };
-//# sourceMappingURL=chunk-VEXCTG6K.js.map
+//# 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-YNA3GBAI.cjs → chunk-YWEUUA52.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLUAK6GQGcjs = require('./chunk-LUAK6GQG.cjs');
+var _chunkI5QMH3J5cjs = require('./chunk-I5QMH3J5.cjs');
 
 
 
@@ -9,8 +9,8 @@ var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
 // src/Toast/Toast.tsx
 var _sonner = require('sonner');
 var _jsxruntime = require('react/jsx-runtime');
-var showToast = (message, color, options) => {
-  const _a = options != null ? options : {}, { onClose, closable, title, endContent, render } = _a, rest = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["onClose", "closable", "title", "endContent", "render"]);
+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
@@ -20,16 +20,25 @@ var showToast = (message, color, options) => {
       return _sonner.toast.dismiss(id);
     };
     if (render) {
-      return render({ message, color, close, closable, title, endContent });
+      return render({
+        message,
+        variant,
+        close,
+        closable,
+        title,
+        endContent,
+        icon
+      });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLUAK6GQGcjs.Alert_default2,
+      _chunkI5QMH3J5cjs.Alert_default2,
       {
         closable,
-        color,
         endContent,
+        icon,
         onClose: closable ? close : void 0,
         title,
+        variant,
         children: message
       }
     );
@@ -100,4 +109,4 @@ var Toast_default2 = Toast_default;
 
 
 exports.Toast_default = Toast_default; exports.Toaster_default = Toaster_default; exports.Toast_default2 = Toast_default2;
-//# sourceMappingURL=chunk-YNA3GBAI.cjs.map
+//# 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"]}

package/dist/index.cjs

@@ -29,7 +29,7 @@ var _chunkG3YTOGEGcjs = require('./chunk-G3YTOGEG.cjs');
 
 
 
-var _chunkYNA3GBAIcjs = require('./chunk-YNA3GBAI.cjs');
+var _chunkYWEUUA52cjs = require('./chunk-YWEUUA52.cjs');
 
 
 var _chunkZIAB3EXUcjs = require('./chunk-ZIAB3EXU.cjs');
@@ -73,7 +73,7 @@ var _chunkNSYHAJM2cjs = require('./chunk-NSYHAJM2.cjs');
 
 
 
-var _chunkLUAK6GQGcjs = require('./chunk-LUAK6GQG.cjs');
+var _chunkI5QMH3J5cjs = require('./chunk-I5QMH3J5.cjs');
 
 
 var _chunkVHESFBAQcjs = require('./chunk-VHESFBAQ.cjs');
@@ -86,11 +86,11 @@ var _chunkHG7AE6Q2cjs = require('./chunk-HG7AE6Q2.cjs');
 
 
 
-var _chunkFVQDVD3Ecjs = require('./chunk-FVQDVD3E.cjs');
+var _chunkIBX6A72Pcjs = require('./chunk-IBX6A72P.cjs');
 
 
 
-var _chunkIBX6A72Pcjs = require('./chunk-IBX6A72P.cjs');
+var _chunkFVQDVD3Ecjs = require('./chunk-FVQDVD3E.cjs');
 require('./chunk-AHEA4IJV.cjs');
 
 
@@ -135,5 +135,5 @@ require('./chunk-AHEA4IJV.cjs');
 
 
 
-exports.Accordion = _chunkNSYHAJM2cjs.Accordion_default; exports.Alert = _chunkLUAK6GQGcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkVHESFBAQcjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkFVQDVD3Ecjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunkP7QMPWKScjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunk5ZT7C5IPcjs.Menu_default; exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.Popover = _chunkRPULU7LCcjs.Popover_default; exports.Progress = _chunkK5VPNWIJcjs.Progress_default; exports.ProgressCircular = _chunkFQJ32476cjs.ProgressCircular_default; exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toaster = _chunkYNA3GBAIcjs.Toaster_default; exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.accordionVariants = _chunkNSYHAJM2cjs.accordionVariants; exports.alertVariants = _chunkLUAK6GQGcjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkFVQDVD3Ecjs.buttonVariants; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.createWithSuspense = _chunkWCE3O6UAcjs.createWithSuspense; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants; exports.progressCircularVariants = _chunkFQJ32476cjs.progressCircularVariants; exports.progressVariants = _chunkK5VPNWIJcjs.progressVariants; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toast = _chunkYNA3GBAIcjs.Toast_default; exports.useDebounce = _chunk3WD7CGWDcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkON3PVFZYcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkIXBNFKOScjs.useLocalStorage;
+exports.Accordion = _chunkNSYHAJM2cjs.Accordion_default; exports.Alert = _chunkI5QMH3J5cjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkVHESFBAQcjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkFVQDVD3Ecjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunkP7QMPWKScjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunk5ZT7C5IPcjs.Menu_default; exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.Popover = _chunkRPULU7LCcjs.Popover_default; exports.Progress = _chunkK5VPNWIJcjs.Progress_default; exports.ProgressCircular = _chunkFQJ32476cjs.ProgressCircular_default; exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toaster = _chunkYWEUUA52cjs.Toaster_default; exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.accordionVariants = _chunkNSYHAJM2cjs.accordionVariants; exports.alertVariants = _chunkI5QMH3J5cjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkFVQDVD3Ecjs.buttonVariants; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.createWithSuspense = _chunkWCE3O6UAcjs.createWithSuspense; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants; exports.progressCircularVariants = _chunkFQJ32476cjs.progressCircularVariants; exports.progressVariants = _chunkK5VPNWIJcjs.progressVariants; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toast = _chunkYWEUUA52cjs.Toast_default; exports.useDebounce = _chunk3WD7CGWDcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkON3PVFZYcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkIXBNFKOScjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,23 +1,23 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-BX1Npq3Q.cjs';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-BidIEsLA.cjs';
-export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.cjs';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BujXZ7Vy.cjs';
-export { A as Badge, B as BadgeProps } from './Badge-L8r9mgSs.cjs';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.cjs';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-CWjAMyih.cjs';
+export { A as Avatar, a as AvatarProps } from './Avatar-DTg6mH8E.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BYAaERBV.cjs';
+export { A as Badge, B as BadgeProps } from './Badge-DkO-EJif.cjs';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-CW1qsIoL.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-nJ22qVMK.cjs';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
-export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.cjs';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.cjs';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-2AwIQqnR.cjs';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-Bd7lsUl9.cjs';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-B5fd7vp_.cjs';
-export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CS28E7nM.cjs';
+export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C9M_q1Z6.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-BwFQz60I.cjs';
-export { P as Popover, a as PopoverProps } from './Popover-Bf192yqn.cjs';
+export { P as Popover, a as PopoverProps } from './Popover-DKzS6RUP.cjs';
 export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-CkZsOW4R.cjs';
 export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-Deph-HCf.cjs';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-LKaPSY4D.cjs';
-export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-BjMJs02F.cjs';
-export { a as ToastOptions, b as ToastRenderProps, T as Toaster, c as ToasterProps, t as toast } from './Toaster-M8hrHJ-J.cjs';
+export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-BM4tl_1j.cjs';
+export { a as ToastOptions, b as ToastRenderProps, T as Toaster, c as ToasterProps, t as toast } from './Toaster-D28PKRWz.cjs';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoIaNgTC.cjs';
 export { useDebounce } from './hooks/useDebounce/index.cjs';
 export { useIsInitialRenderCycle } from './hooks/useIsInitialRenderCycle/index.cjs';
@@ -29,6 +29,7 @@ import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
 import 'react';
+import 'tailwind-merge';
 import '@heroui/badge';
 import '@heroui/system';
 import '@heroui/drawer';

package/dist/index.d.ts

@@ -1,23 +1,23 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-BX1Npq3Q.js';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-BidIEsLA.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-B1Tdw57Q.js';
-export { A as Badge, B as BadgeProps } from './Badge-L8r9mgSs.js';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.js';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-CWjAMyih.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-DTg6mH8E.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-9wz1iZH4.js';
+export { A as Badge, B as BadgeProps } from './Badge-DkO-EJif.js';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-CW1qsIoL.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-nJ22qVMK.js';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
-export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.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-JpihbwKl.js';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-2AwIQqnR.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-Bd7lsUl9.js';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-B5fd7vp_.js';
-export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CS28E7nM.js';
+export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C9M_q1Z6.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-BwFQz60I.js';
-export { P as Popover, a as PopoverProps } from './Popover-Bf192yqn.js';
+export { P as Popover, a as PopoverProps } from './Popover-DKzS6RUP.js';
 export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-CkZsOW4R.js';
 export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-Deph-HCf.js';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-LKaPSY4D.js';
-export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-BjMJs02F.js';
-export { a as ToastOptions, b as ToastRenderProps, T as Toaster, c as ToasterProps, t as toast } from './Toaster-DVX4ebm4.js';
+export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-BM4tl_1j.js';
+export { a as ToastOptions, b as ToastRenderProps, T as Toaster, c as ToasterProps, t as toast } from './Toaster-BtcILj3f.js';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoIaNgTC.js';
 export { useDebounce } from './hooks/useDebounce/index.js';
 export { useIsInitialRenderCycle } from './hooks/useIsInitialRenderCycle/index.js';
@@ -29,6 +29,7 @@ import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
 import 'react';
+import 'tailwind-merge';
 import '@heroui/badge';
 import '@heroui/system';
 import '@heroui/drawer';

package/dist/index.js

@@ -29,7 +29,7 @@ import {
 import {
   Toast_default,
   Toaster_default
-} from "./chunk-VEXCTG6K.js";
+} from "./chunk-VD7VRLYO.js";
 import {
   Tooltip_default
 } from "./chunk-MF5KUM5I.js";
@@ -73,7 +73,7 @@ import {
 import {
   Alert_default,
   alertVariants
-} from "./chunk-PKG3L2TJ.js";
+} from "./chunk-SDZX5VJZ.js";
 import {
   AvatarGroup_default
 } from "./chunk-HSREBNZV.js";
@@ -83,14 +83,14 @@ import {
 import {
   Badge_default
 } from "./chunk-UEQG424R.js";
-import {
-  Button_default,
-  buttonVariants
-} from "./chunk-2NMIKTA5.js";
 import {
   Breadcrumb_default,
   breadcrumbVariants
 } from "./chunk-TJTBJ2NT.js";
+import {
+  Button_default,
+  buttonVariants
+} from "./chunk-2NMIKTA5.js";
 import "./chunk-OAIRL2FN.js";
 export {
   Accordion_default as Accordion,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Fröhlich ∧ Frei",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -184,8 +184,8 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@fuf-stack/pixel-motion": "1.1.4",
-    "@fuf-stack/pixel-utils": "1.1.1",
+    "@fuf-stack/pixel-motion": "1.2.0",
+    "@fuf-stack/pixel-utils": "1.2.0",
     "@heroui/accordion": "2.2.21",
     "@heroui/alert": "2.2.24",
     "@heroui/avatar": "2.2.20",
@@ -208,18 +208,18 @@
     "@heroui/theme": "2.4.20",
     "@heroui/toast": "2.0.14",
     "@heroui/tooltip": "2.2.21",
-    "framer-motion": "12.29.0",
+    "framer-motion": "12.38.0",
     "next-themes": "0.4.6",
-    "react-icons": "5.5.0",
+    "react-icons": "5.6.0",
     "sonner": "2.0.7"
   },
   "devDependencies": {
-    "@types/debug": "4.1.12",
-    "@types/react": "19.2.10",
+    "@types/debug": "4.1.13",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@uiw/react-json-view": "2.0.0-alpha.41",
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },
-  "gitHead": "f7d55704ba58fa6b8355432d25e02cbc944ba1d7"
+  "gitHead": "c5f4c34f2ade7b4858f759fcd65ab41661b6790c"
 }