@fuf-stack/pixels 0.39.3 → 0.39.5

package/dist/Avatar/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-B8lVnLpp.cjs';
-export { a as AvatarProps } from '../Avatar-B8lVnLpp.cjs';
+import { A as Avatar } from '../Avatar-ylNJ_-dY.cjs';
+export { a as AvatarProps } from '../Avatar-ylNJ_-dY.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Avatar/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-B8lVnLpp.js';
-export { a as AvatarProps } from '../Avatar-B8lVnLpp.js';
+import { A as Avatar } from '../Avatar-ylNJ_-dY.js';
+export { a as AvatarProps } from '../Avatar-ylNJ_-dY.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/AvatarGroup/index.d.cts

@@ -1,8 +1,8 @@
-import { A as AvatarGroup } from '../AvatarGroup-2Lmu_V2d.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-2Lmu_V2d.cjs';
+import { A as AvatarGroup } from '../AvatarGroup-CUyQwK3t.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup-CUyQwK3t.cjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-B8lVnLpp.cjs';
+import '../Avatar-ylNJ_-dY.cjs';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/AvatarGroup/index.d.ts

@@ -1,8 +1,8 @@
-import { A as AvatarGroup } from '../AvatarGroup-BMKOfE_a.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-BMKOfE_a.js';
+import { A as AvatarGroup } from '../AvatarGroup-BfOtqfJy.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-BfOtqfJy.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-B8lVnLpp.js';
+import '../Avatar-ylNJ_-dY.js';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/{AvatarGroup-BMKOfE_a.d.ts → AvatarGroup-BfOtqfJy.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX } from 'react';
-import { a as AvatarProps } from './Avatar-B8lVnLpp.js';
+import { a as AvatarProps } from './Avatar-ylNJ_-dY.js';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/{AvatarGroup-2Lmu_V2d.d.cts → AvatarGroup-CUyQwK3t.d.cts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX } from 'react';
-import { a as AvatarProps } from './Avatar-B8lVnLpp.cjs';
+import { a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/Drawer/index.d.cts

@@ -1,5 +1,5 @@
-import { D as Drawer } from '../Drawer-DmwcvuKe.cjs';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DmwcvuKe.cjs';
+import { D as Drawer } from '../Drawer-BnV9qxPA.cjs';
+export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-BnV9qxPA.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Drawer/index.d.ts

@@ -1,5 +1,5 @@
-import { D as Drawer } from '../Drawer-DmwcvuKe.js';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-DmwcvuKe.js';
+import { D as Drawer } from '../Drawer-BnV9qxPA.js';
+export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-BnV9qxPA.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Label/index.cjs

@@ -1,10 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkPEAL73DHcjs = require('../chunk-PEAL73DH.cjs');
+
+var _chunkPLJWIGRScjs = require('../chunk-PLJWIGRS.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Label = _chunkPEAL73DHcjs.Label_default; exports.default = _chunkPEAL73DHcjs.Label_default2;
+
+exports.Label = _chunkPLJWIGRScjs.Label_default; exports.default = _chunkPLJWIGRScjs.Label_default2; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Label/index.cjs.map

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

package/dist/Label/index.d.cts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-DwxfVdeO.cjs';
-export { a as LabelProps } from '../Label-DwxfVdeO.cjs';
+import { L as Label } from '../Label-Bp9WZiDB.cjs';
+export { a as LabelProps, l as labelVariants } from '../Label-Bp9WZiDB.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Label/index.d.ts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-DwxfVdeO.js';
-export { a as LabelProps } from '../Label-DwxfVdeO.js';
+import { L as Label } from '../Label-Bp9WZiDB.js';
+export { a as LabelProps, l as labelVariants } from '../Label-Bp9WZiDB.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Label/index.js

@@ -1,10 +1,12 @@
 import {
   Label_default,
-  Label_default2
-} from "../chunk-2ZZQMA67.js";
+  Label_default2,
+  labelVariants
+} from "../chunk-KIRRQFSZ.js";
 import "../chunk-J7N2552D.js";
 export {
   Label_default as Label,
-  Label_default2 as default
+  Label_default2 as default,
+  labelVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/{Label-DwxfVdeO.d.cts → Label-Bp9WZiDB.d.cts}

@@ -149,4 +149,4 @@ interface LabelProps extends VariantProps {
  */
 declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-export { Label as L, type LabelProps as a };
+export { Label as L, type LabelProps as a, labelVariants as l };

package/dist/{Label-DwxfVdeO.d.ts → Label-Bp9WZiDB.d.ts}

@@ -149,4 +149,4 @@ interface LabelProps extends VariantProps {
  */
 declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-export { Label as L, type LabelProps as a };
+export { Label as L, type LabelProps as a, labelVariants as l };

package/dist/{chunk-2ZZQMA67.js → chunk-KIRRQFSZ.js}

@@ -64,7 +64,8 @@ var Label_default = Label;
 var Label_default2 = Label_default;
 
 export {
+  labelVariants,
   Label_default,
   Label_default2
 };
-//# sourceMappingURL=chunk-2ZZQMA67.js.map
+//# sourceMappingURL=chunk-KIRRQFSZ.js.map

package/dist/{chunk-2ZZQMA67.js.map → chunk-KIRRQFSZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: ChipProps['onClose'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ isIconOnly, hasEndContent });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      onClose={onClose}\n      size={size}\n      variant={variant}\n    >\n      {icon && <span className={classNames.icon}>{icon}</span>}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"],"mappings":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AA2ErC,SASW,KATX;AAxEG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,YAAY,cAAc,CAAC;AAC5D,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,gBAAQ,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK;AAAA,QAChD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC1Ff,IAAOA,iBAAQ;","names":["Label_default"]}
+{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: ChipProps['onClose'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ isIconOnly, hasEndContent });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      onClose={onClose}\n      size={size}\n      variant={variant}\n    >\n      {icon && <span className={classNames.icon}>{icon}</span>}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"],"mappings":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AA2ErC,SASW,KATX;AAxEG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,YAAY,cAAc,CAAC;AAC5D,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,gBAAQ,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK;AAAA,QAChD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC1Ff,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/{chunk-PEAL73DH.cjs → chunk-PLJWIGRS.cjs}

@@ -66,5 +66,6 @@ var Label_default2 = Label_default;
 
 
 
-exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
-//# sourceMappingURL=chunk-PEAL73DH.cjs.map
+
+exports.labelVariants = labelVariants; exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
+//# sourceMappingURL=chunk-PLJWIGRS.cjs.map

package/dist/chunk-PLJWIGRS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PLJWIGRS.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"AAAA;ACIA,oCAAkC;AAElC,oDAAyC;AA2ErC,+CAAA;AAxEG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK,EAAA;AAAA,IACL,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA6BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,WAAA,EAAa,CAAC,CAAC,KAAA,GAAQ,CAAC,SAAA,GAAY,CAAC,UAAA;AAC3C,EAAA,MAAM,cAAA,EAAgB,CAAC,CAAC,UAAA;AAGxB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,EAAE,UAAA,EAAY,cAAc,CAAC,CAAA;AAC5D,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,8BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,KAAA,mBAAQ,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,IAAA,EAAO,QAAA,EAAA,KAAA,CAAK,CAAA;AAAA,QAChD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADnCf;AACA;AExDA,IAAOA,eAAAA,EAAQ,aAAA;AF0Df;AACA;AACE;AACA;AACA;AACF,sHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PLJWIGRS.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: ChipProps['onClose'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ isIconOnly, hasEndContent });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      onClose={onClose}\n      size={size}\n      variant={variant}\n    >\n      {icon && <span className={classNames.icon}>{icon}</span>}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"]}

package/dist/index.cjs

@@ -33,7 +33,8 @@ var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
 var _chunkZASS525Kcjs = require('./chunk-ZASS525K.cjs');
 
 
-var _chunkPEAL73DHcjs = require('./chunk-PEAL73DH.cjs');
+
+var _chunkPLJWIGRScjs = require('./chunk-PLJWIGRS.cjs');
 
 
 var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
@@ -48,11 +49,11 @@ require('./chunk-TX2VP4J7.cjs');
 
 
 
-var _chunkYVPRFCWIcjs = require('./chunk-YVPRFCWI.cjs');
+var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
 
 
 
-var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
+var _chunkYVPRFCWIcjs = require('./chunk-YVPRFCWI.cjs');
 
 
 var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
@@ -144,7 +145,6 @@ var toastVariants = _pixelutils.tv.call(void 0, {
   ]
 });
 var addToast = ({
-  children = void 0,
   className = void 0,
   closeIcon = void 0,
   color = "default",
@@ -153,11 +153,10 @@ var addToast = ({
   icon = void 0,
   loadingIcon = void 0,
   onClose = void 0,
-  // severity = 'default',
+  promise = void 0,
   shouldShowTimeoutProgress = false,
   showCloseButton = true,
   showIcon = true,
-  // testId = undefined,
   timeout = 5e3,
   title = void 0,
   variant = "bordered"
@@ -174,20 +173,20 @@ var addToast = ({
     classNames,
     closeIcon,
     color: isHeroUIColor ? color : void 0,
-    // 'data-testid': testId,
+    // TODO: 'data-testid': testId,
     // https://github.com/heroui-inc/heroui/issues/5033
     // @ts-expect-error bug in hero-toast: description should be ReactNode
-    description: description || title ? children : void 0,
+    description,
     endContent,
     hideCloseButton: !showCloseButton,
     hideIcon: !showIcon,
     icon,
     loadingIcon,
     onClose,
-    // severity={severity}
+    promise,
     shouldShowTimeoutProgress,
     timeout,
-    title: title || children,
+    title,
     variant
   });
 };
@@ -202,7 +201,7 @@ var ToastProvider = ({
   maxVisibleToasts = 5,
   placement = "top-center",
   toastProps = void 0,
-  toastOffset = 0,
+  toastOffset = 26,
   regionProps = void 0
 }) => {
   const variants = toastVariants({
@@ -270,5 +269,6 @@ var ToastProvider_default = ToastProvider;
 
 
 
-exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkZASS525Kcjs.Json_default; exports.Label = _chunkPEAL73DHcjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkZASS525Kcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  children?: ReactNode;\n  className?: ClassName;\n  closeIcon?: ReactNode;\n  color?: AddToastVariantProps['color'];\n  description?: ReactNode;\n  endContent?: ReactNode;\n  icon?: ReactNode;\n  loadingIcon?: ReactNode;\n  onClose?: () => void;\n  // severity?:\n  //   | 'default'\n  //   | 'primary'\n  //   | 'secondary'\n  //   | 'success'\n  //   | 'warning'\n  //   | 'danger';\n  shouldShowTimeoutProgress?: boolean;\n  showCloseButton?: boolean;\n  showIcon?: boolean;\n  // testId?: string;\n  timeout?: number;\n  title?: ReactNode;\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  children = undefined,\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  // severity = 'default',\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  // testId = undefined,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description: description || title ? children : undefined,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    // severity={severity}\n    shouldShowTimeoutProgress,\n    timeout,\n    title: (title || children) as string,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 0,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\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  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}

package/dist/index.d.cts

@@ -1,15 +1,15 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.cjs';
 export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.cjs';
-export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.cjs';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-2Lmu_V2d.cjs';
+export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BGekDPvO.cjs';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.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-DmwcvuKe.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-BnV9qxPA.cjs';
 export { J as Json, a as JsonProps } from './Json-ngM0f9n2.cjs';
-export { L as Label, a as LabelProps } from './Label-DwxfVdeO.cjs';
+export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
 export { _ as Popover, P as PopoverProps } from './Popover-BXyk9y8I.cjs';
@@ -269,26 +269,41 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
 type AddToastVariantProps = TVProps<typeof toastVariants>;
 type ClassName = TVClassName<typeof toastVariants>;
 interface ToastProps extends AddToastVariantProps {
-    children?: ReactNode;
+    /** CSS class name */
     className?: ClassName;
+    /** Icon displayed at the end of the Alert */
     closeIcon?: ReactNode;
+    /** Color of the alert */
     color?: AddToastVariantProps['color'];
+    /** Content displayed inside the Alert */
     description?: ReactNode;
+    /** Content displayed at the end of the Alert */
     endContent?: ReactNode;
+    /** Icon displayed at the start of the Alert */
     icon?: ReactNode;
+    /** Icon or animation displayed until promise is resolved */
     loadingIcon?: ReactNode;
+    /** Callback function called when the toast is closed */
     onClose?: () => void;
+    /** Promise based on which the notification will be styled */
+    promise?: Promise<void>;
+    /** Whether the toast should show a progress bar */
     shouldShowTimeoutProgress?: boolean;
+    /** Whether the toast should show a close button */
     showCloseButton?: boolean;
+    /** Whether the toast should show an icon */
     showIcon?: boolean;
+    /** Time the toast is displayed */
     timeout?: number;
+    /** Content displayed at the top of the toast */
     title?: ReactNode;
+    /** Variant of the toast */
     variant?: AddToastVariantProps['variant'];
 }
 /**
  * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
  */
-declare const addToast: ({ children, className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, promise, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
 
 type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
 interface ToastProviderProps {

package/dist/index.d.ts

@@ -1,15 +1,15 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.js';
 export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-B8lVnLpp.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BMKOfE_a.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BGekDPvO.js';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-DmwcvuKe.js';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
 export { J as Json, a as JsonProps } from './Json-ngM0f9n2.js';
-export { L as Label, a as LabelProps } from './Label-DwxfVdeO.js';
+export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
 export { _ as Popover, P as PopoverProps } from './Popover-BHPrdRy6.js';
@@ -269,26 +269,41 @@ declare const toastVariants: tailwind_variants.TVReturnType<{
 type AddToastVariantProps = TVProps<typeof toastVariants>;
 type ClassName = TVClassName<typeof toastVariants>;
 interface ToastProps extends AddToastVariantProps {
-    children?: ReactNode;
+    /** CSS class name */
     className?: ClassName;
+    /** Icon displayed at the end of the Alert */
     closeIcon?: ReactNode;
+    /** Color of the alert */
     color?: AddToastVariantProps['color'];
+    /** Content displayed inside the Alert */
     description?: ReactNode;
+    /** Content displayed at the end of the Alert */
     endContent?: ReactNode;
+    /** Icon displayed at the start of the Alert */
     icon?: ReactNode;
+    /** Icon or animation displayed until promise is resolved */
     loadingIcon?: ReactNode;
+    /** Callback function called when the toast is closed */
     onClose?: () => void;
+    /** Promise based on which the notification will be styled */
+    promise?: Promise<void>;
+    /** Whether the toast should show a progress bar */
     shouldShowTimeoutProgress?: boolean;
+    /** Whether the toast should show a close button */
     showCloseButton?: boolean;
+    /** Whether the toast should show an icon */
     showIcon?: boolean;
+    /** Time the toast is displayed */
     timeout?: number;
+    /** Content displayed at the top of the toast */
     title?: ReactNode;
+    /** Variant of the toast */
     variant?: AddToastVariantProps['variant'];
 }
 /**
  * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)
  */
-declare const addToast: ({ children, className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
+declare const addToast: ({ className, closeIcon, color, description, endContent, icon, loadingIcon, onClose, promise, shouldShowTimeoutProgress, showCloseButton, showIcon, timeout, title, variant, }: ToastProps) => void;
 
 type ToastProviderToastProps = Omit<ToastProps, 'description' | 'endContent' | 'title'>;
 interface ToastProviderProps {

package/dist/index.js

@@ -32,8 +32,9 @@ import {
   Json_default
 } from "./chunk-3JUTQREC.js";
 import {
-  Label_default
-} from "./chunk-2ZZQMA67.js";
+  Label_default,
+  labelVariants
+} from "./chunk-KIRRQFSZ.js";
 import {
   Menu_default
 } from "./chunk-OP5W7BXY.js";
@@ -45,14 +46,14 @@ import {
   Popover_default
 } from "./chunk-5TOE75VE.js";
 import "./chunk-EQVC4PJE.js";
-import {
-  Alert_default,
-  alertVariants
-} from "./chunk-MG3PTEMK.js";
 import {
   Accordion_default,
   accordionVariants
 } from "./chunk-NHEC3GYW.js";
+import {
+  Alert_default,
+  alertVariants
+} from "./chunk-MG3PTEMK.js";
 import {
   AvatarGroup_default
 } from "./chunk-3QICKBFS.js";
@@ -144,7 +145,6 @@ var toastVariants = tv({
   ]
 });
 var addToast = ({
-  children = void 0,
   className = void 0,
   closeIcon = void 0,
   color = "default",
@@ -153,11 +153,10 @@ var addToast = ({
   icon = void 0,
   loadingIcon = void 0,
   onClose = void 0,
-  // severity = 'default',
+  promise = void 0,
   shouldShowTimeoutProgress = false,
   showCloseButton = true,
   showIcon = true,
-  // testId = undefined,
   timeout = 5e3,
   title = void 0,
   variant = "bordered"
@@ -174,20 +173,20 @@ var addToast = ({
     classNames,
     closeIcon,
     color: isHeroUIColor ? color : void 0,
-    // 'data-testid': testId,
+    // TODO: 'data-testid': testId,
     // https://github.com/heroui-inc/heroui/issues/5033
     // @ts-expect-error bug in hero-toast: description should be ReactNode
-    description: description || title ? children : void 0,
+    description,
     endContent,
     hideCloseButton: !showCloseButton,
     hideIcon: !showIcon,
     icon,
     loadingIcon,
     onClose,
-    // severity={severity}
+    promise,
     shouldShowTimeoutProgress,
     timeout,
-    title: title || children,
+    title,
     variant
   });
 };
@@ -202,7 +201,7 @@ var ToastProvider = ({
   maxVisibleToasts = 5,
   placement = "top-center",
   toastProps = void 0,
-  toastOffset = 0,
+  toastOffset = 26,
   regionProps = void 0
 }) => {
   const variants = toastVariants({
@@ -264,6 +263,7 @@ export {
   drawerRadii,
   drawerSizes,
   drawerVariants,
+  labelVariants,
   modalVariants,
   tableVariants,
   tabsVariants,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  children?: ReactNode;\n  className?: ClassName;\n  closeIcon?: ReactNode;\n  color?: AddToastVariantProps['color'];\n  description?: ReactNode;\n  endContent?: ReactNode;\n  icon?: ReactNode;\n  loadingIcon?: ReactNode;\n  onClose?: () => void;\n  // severity?:\n  //   | 'default'\n  //   | 'primary'\n  //   | 'secondary'\n  //   | 'success'\n  //   | 'warning'\n  //   | 'danger';\n  shouldShowTimeoutProgress?: boolean;\n  showCloseButton?: boolean;\n  showIcon?: boolean;\n  // testId?: string;\n  timeout?: number;\n  title?: ReactNode;\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  children = undefined,\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  // severity = 'default',\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  // testId = undefined,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description: description || title ? children : undefined,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    // severity={severity}\n    shouldShowTimeoutProgress,\n    timeout,\n    title: (title || children) as string,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 0,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAS,SAAS,yBAAyB;AAC3C,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AAElC,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM,CAAC;AAAA,OACJ,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,EAElC;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAkCM,IAAM,WAAW,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA;AAAA,EAEV,4BAA4B;AAAA,EAC5B,kBAAkB;AAAA,EAClB,WAAW;AAAA;AAAA,EAEX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AACnE,eAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA,OAAO,gBAAiB,QAAoC;AAAA;AAAA;AAAA;AAAA,IAI5D,aAAa,eAAe,QAAQ,WAAW;AAAA,IAC/C;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA,OAAQ,SAAS;AAAA,IACjB;AAAA,EACF,CAAC;AACH;;;AC1JA,SAAS,SAASA,0BAAyB;AAC3C,SAAS,iBAAiB,yBAAyB;AAEnD,SAAS,wBAAAC,6BAA4B;AAiDjC;AArBJ,IAAM,gBAAgB,CAAC;AAAA,EACrB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB,MAA0B;AACxB,QAAM,WAAW,cAAc;AAAA,IAC7B,OAAO,yCAAY;AAAA,IACnB,SAAS,yCAAY;AAAA,EACvB,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAKC,mBAAkB,SAAS,KAAK,EAAE;AAAA,KAClE,yCAAY,UAAS;AAAA,EACvB;AACA,QAAM,aAAaC;AAAA,IACjB;AAAA,IACA,yCAAY;AAAA,IACZ;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,iCACP,aADO;AAAA,QAEV;AAAA,QACA,OAAO,gBACF,yCAAY,QACb;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;","names":["heroToastVariants","variantsToClassNames","heroToastVariants","variantsToClassNames"]}
+{"version":3,"sources":["../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\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  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAS,SAAS,yBAAyB;AAC3C,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AAElC,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM,CAAC;AAAA,OACJ,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,EAElC;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAyCM,IAAM,WAAW,CAAC;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,4BAA4B;AAAA,EAC5B,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AACnE,eAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA,OAAO,gBAAiB,QAAoC;AAAA;AAAA;AAAA;AAAA,IAI5D;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;;;AC/JA,SAAS,SAASA,0BAAyB;AAC3C,SAAS,iBAAiB,yBAAyB;AAEnD,SAAS,wBAAAC,6BAA4B;AAiDjC;AArBJ,IAAM,gBAAgB,CAAC;AAAA,EACrB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB,MAA0B;AACxB,QAAM,WAAW,cAAc;AAAA,IAC7B,OAAO,yCAAY;AAAA,IACnB,SAAS,yCAAY;AAAA,EACvB,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAKC,mBAAkB,SAAS,KAAK,EAAE;AAAA,KAClE,yCAAY,UAAS;AAAA,EACvB;AACA,QAAM,aAAaC;AAAA,IACjB;AAAA,IACA,yCAAY;AAAA,IACZ;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,iCACP,aADO;AAAA,QAEV;AAAA,QACA,OAAO,gBACF,yCAAY,QACb;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;","names":["heroToastVariants","variantsToClassNames","heroToastVariants","variantsToClassNames"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.39.3",
+  "version": "0.39.5",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -178,10 +178,10 @@
     "@uiw/react-json-view": "2.0.0-alpha.30",
     "react": "19.0.0",
     "react-dom": "19.0.0",
+    "@repo/tsup-config": "0.0.1",
     "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1"
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",

package/dist/chunk-PEAL73DH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PEAL73DH.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"AAAA;ACIA,oCAAkC;AAElC,oDAAyC;AA2ErC,+CAAA;AAxEG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK,EAAA;AAAA,IACL,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA6BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,WAAA,EAAa,CAAC,CAAC,KAAA,GAAQ,CAAC,SAAA,GAAY,CAAC,UAAA;AAC3C,EAAA,MAAM,cAAA,EAAgB,CAAC,CAAC,UAAA;AAGxB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,EAAE,UAAA,EAAY,cAAc,CAAC,CAAA;AAC5D,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,8BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,KAAA,mBAAQ,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,IAAA,EAAO,QAAA,EAAA,KAAA,CAAK,CAAA;AAAA,QAChD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADnCf;AACA;AExDA,IAAOA,eAAAA,EAAQ,aAAA;AF0Df;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PEAL73DH.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: ChipProps['onClose'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ isIconOnly, hasEndContent });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      onClose={onClose}\n      size={size}\n      variant={variant}\n    >\n      {icon && <span className={classNames.icon}>{icon}</span>}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}

package/dist/{Avatar-B8lVnLpp.d.cts → Avatar-ylNJ_-dY.d.cts}

@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Avatar-B8lVnLpp.d.ts → Avatar-ylNJ_-dY.d.ts}

@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Drawer-DmwcvuKe.d.cts → Drawer-BnV9qxPA.d.cts}

@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Drawer-DmwcvuKe.d.ts → Drawer-BnV9qxPA.d.ts}

@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };