@fuf-stack/pixels 0.31.4 → 0.32.0

package/dist/Alert/index.js

@@ -0,0 +1,121 @@
+import {
+  __spreadValues
+} from "../chunk-J7N2552D.js";
+
+// src/Alert/Alert.tsx
+import { Alert as NextAlert } from "@heroui/alert";
+import { alert as nextAlertVariants } from "@heroui/theme";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = tv({
+  slots: {
+    base: "",
+    title: "",
+    description: "",
+    mainWrapper: "",
+    closeButton: "",
+    iconWrapper: "",
+    alertIcon: ""
+  },
+  variants: {
+    // See: https://github.comnextui-orgnextui/blob/canary/packages/core/theme/src/components/alert.ts
+    color: __spreadValues({
+      info: {
+        mainWrapper: "text-inherit",
+        title: "text-inherit",
+        description: "text-inherit"
+      }
+    }, nextAlertVariants.variants.color),
+    variant: __spreadValues({}, nextAlertVariants.variants.variant)
+  },
+  compoundVariants: [
+    ...nextAlertVariants.compoundVariants,
+    {
+      color: "info",
+      variant: "solid",
+      className: {
+        base: "bg-info text-info-foreground",
+        alertIcon: "text-info-foreground",
+        closeButton: "text-inherit"
+      }
+    },
+    {
+      color: "info",
+      variant: "flat",
+      className: {
+        alertIcon: "fill-current",
+        base: "dark:bg-info-50/50 bg-info-50 text-info-600",
+        closeButton: "text-info-500 data-[hover]:bg-info-200",
+        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
+      }
+    },
+    {
+      color: "info",
+      variant: "faded",
+      className: {
+        alertIcon: "fill-current",
+        base: "dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100",
+        closeButton: "text-info-500 data-[hover]:bg-info-200",
+        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
+      }
+    },
+    {
+      color: "info",
+      variant: "bordered",
+      className: {
+        alertIcon: "fill-current",
+        base: "border-small border-info text-info",
+        closeButton: "text-info-500 data-[hover]:bg-info-200",
+        iconWrapper: "bg-info-100 dark:bg-info-50"
+      }
+    }
+  ]
+});
+var Alert = ({
+  children = void 0,
+  className = void 0,
+  color = "primary",
+  endContent = void 0,
+  icon = void 0,
+  isClosable = false,
+  onClose = void 0,
+  showIcon = true,
+  testId = void 0,
+  title = void 0,
+  variant = "solid"
+}) => {
+  const variants = alertVariants({
+    color,
+    variant
+  });
+  const isHeroUIColor = Object.keys(nextAlertVariants.variants.color).includes(
+    color
+  );
+  const classNames = variantsToClassNames(variants, className, "base");
+  return /* @__PURE__ */ jsx(
+    NextAlert,
+    {
+      classNames,
+      color: isHeroUIColor ? color : void 0,
+      "data-testid": testId,
+      description: title ? children : void 0,
+      endContent,
+      hideIcon: !showIcon,
+      icon,
+      isClosable,
+      onClose,
+      title: title || children,
+      variant
+    }
+  );
+};
+var Alert_default = Alert;
+
+// src/Alert/index.ts
+var Alert_default2 = Alert_default;
+export {
+  Alert_default as Alert,
+  alertVariants,
+  Alert_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Alert/index.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 NextAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as NextAlert } from '@heroui/alert';\nimport { alert as nextAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // See: https://github.comnextui-orgnextui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...nextAlertVariants.variants.color,\n    },\n    variant: {\n      ...nextAlertVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...nextAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\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  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(nextAlertVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextAlert\n      classNames={classNames}\n      color={isHeroUIColor ? (color as NextAlertProps['color']) : undefined}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\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;AA4HrC;AA1HG,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,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,EAElC;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAiCD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,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;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,gBAAiB,QAAoC;AAAA,MAC5D,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,SAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC7If,IAAOA,iBAAQ;","names":["Alert_default"]}

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkHVLEV6BGcjs = require('../chunk-HVLEV6BG.cjs');
+var _chunkBURI3HTZcjs = require('../chunk-BURI3HTZ.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.default = _chunkHVLEV6BGcjs.Avatar_default2;
+exports.Avatar = _chunkBURI3HTZcjs.Avatar_default; exports.default = _chunkBURI3HTZcjs.Avatar_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Avatar/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-CbdJWk_J.cjs';
-export { a as AvatarProps } from '../Avatar-CbdJWk_J.cjs';
+import { A as Avatar } from '../Avatar-CY2AIMsK.cjs';
+export { a as AvatarProps } from '../Avatar-CY2AIMsK.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-CbdJWk_J.js';
-export { a as AvatarProps } from '../Avatar-CbdJWk_J.js';
+import { A as Avatar } from '../Avatar-CY2AIMsK.js';
+export { a as AvatarProps } from '../Avatar-CY2AIMsK.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Avatar/index.js

@@ -1,7 +1,7 @@
 import {
   Avatar_default,
   Avatar_default2
-} from "../chunk-N6YMP2DX.js";
+} from "../chunk-CWCZM3HS.js";
 import "../chunk-J7N2552D.js";
 export {
   Avatar_default as Avatar,

package/dist/{Avatar-CbdJWk_J.d.cts → Avatar-CY2AIMsK.d.cts}

@@ -86,7 +86,7 @@ interface AvatarProps extends VariantProps {
     src: string;
 }
 /**
- * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
+ * Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)
  */
 declare const Avatar: ({ bordered, rounded, className: _className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
 

package/dist/{Avatar-CbdJWk_J.d.ts → Avatar-CY2AIMsK.d.ts}

@@ -86,7 +86,7 @@ interface AvatarProps extends VariantProps {
     src: string;
 }
 /**
- * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
+ * Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)
  */
 declare const Avatar: ({ bordered, rounded, className: _className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
 

package/dist/AvatarGroup/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk7XJHVFT3cjs = require('../chunk-7XJHVFT3.cjs');
-require('../chunk-HVLEV6BG.cjs');
+var _chunkHPLU3CHPcjs = require('../chunk-HPLU3CHP.cjs');
+require('../chunk-BURI3HTZ.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.AvatarGroup = _chunk7XJHVFT3cjs.AvatarGroup_default; exports.default = _chunk7XJHVFT3cjs.AvatarGroup_default2;
+exports.AvatarGroup = _chunkHPLU3CHPcjs.AvatarGroup_default; exports.default = _chunkHPLU3CHPcjs.AvatarGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/AvatarGroup/index.d.cts

@@ -1,8 +1,8 @@
-import { A as AvatarGroup } from '../AvatarGroup-DyX3Lj28.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-DyX3Lj28.cjs';
+import { A as AvatarGroup } from '../AvatarGroup-J1yR1Smi.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup-J1yR1Smi.cjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-CbdJWk_J.cjs';
+import '../Avatar-CY2AIMsK.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-BTPgXs_F.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-BTPgXs_F.js';
+import { A as AvatarGroup } from '../AvatarGroup-BSEjz5ez.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-BSEjz5ez.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-CbdJWk_J.js';
+import '../Avatar-CY2AIMsK.js';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/AvatarGroup/index.js

@@ -1,8 +1,8 @@
 import {
   AvatarGroup_default,
   AvatarGroup_default2
-} from "../chunk-XVCKJE3P.js";
-import "../chunk-N6YMP2DX.js";
+} from "../chunk-FPU6RJSG.js";
+import "../chunk-CWCZM3HS.js";
 import "../chunk-J7N2552D.js";
 export {
   AvatarGroup_default as AvatarGroup,

package/dist/{AvatarGroup-BTPgXs_F.d.ts → AvatarGroup-BSEjz5ez.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-CbdJWk_J.js';
+import { a as AvatarProps } from './Avatar-CY2AIMsK.js';
 
 interface AvatarGroupProps {
     bordered?: boolean;
@@ -16,7 +16,7 @@ interface AvatarGroupProps {
     avatarWrapper?: JSX.ElementType;
 }
 /**
- * AvatarGroup component based on [NextUI AvatarGroup](https://nextui.org/docs/components/avatar)
+ * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)
  */
 declare const AvatarGroup: ({ bordered, rounded, className, disabled, size, avatars, max, avatarWrapper: AvatarWrapper, }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
 

package/dist/{AvatarGroup-DyX3Lj28.d.cts → AvatarGroup-J1yR1Smi.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-CbdJWk_J.cjs';
+import { a as AvatarProps } from './Avatar-CY2AIMsK.cjs';
 
 interface AvatarGroupProps {
     bordered?: boolean;
@@ -16,7 +16,7 @@ interface AvatarGroupProps {
     avatarWrapper?: JSX.ElementType;
 }
 /**
- * AvatarGroup component based on [NextUI AvatarGroup](https://nextui.org/docs/components/avatar)
+ * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)
  */
 declare const AvatarGroup: ({ bordered, rounded, className, disabled, size, avatars, max, avatarWrapper: AvatarWrapper, }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
 

package/dist/Badge/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkU2JEMXXJcjs = require('../chunk-U2JEMXXJ.cjs');
+var _chunkD7KXMNEIcjs = require('../chunk-D7KXMNEI.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.default = _chunkU2JEMXXJcjs.Badge_default2;
+exports.Badge = _chunkD7KXMNEIcjs.Badge_default; exports.default = _chunkD7KXMNEIcjs.Badge_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Badge/index.d.cts

@@ -1,11 +1,11 @@
-import { A as Avatar } from '../Badge-yzXn5LtZ.cjs';
-export { B as BadgeProps } from '../Badge-yzXn5LtZ.cjs';
+import { A as Avatar } from '../Badge-CvXzljaJ.cjs';
+export { B as BadgeProps } from '../Badge-CvXzljaJ.cjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import '@nextui-org/badge';
+import '@heroui/badge';
 
 
 

package/dist/Badge/index.d.ts

@@ -1,11 +1,11 @@
-import { A as Avatar } from '../Badge-yzXn5LtZ.js';
-export { B as BadgeProps } from '../Badge-yzXn5LtZ.js';
+import { A as Avatar } from '../Badge-CvXzljaJ.js';
+export { B as BadgeProps } from '../Badge-CvXzljaJ.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import '@nextui-org/badge';
+import '@heroui/badge';
 
 
 

package/dist/Badge/index.js

@@ -1,7 +1,7 @@
 import {
   Badge_default,
   Badge_default2
-} from "../chunk-QTXKWCDV.js";
+} from "../chunk-Z7QNU4XB.js";
 import "../chunk-J7N2552D.js";
 export {
   Badge_default as Badge,

package/dist/{Badge-yzXn5LtZ.d.cts → Badge-CvXzljaJ.d.cts}

@@ -3,7 +3,7 @@ import * as react from 'react';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { BadgeProps as BadgeProps$1 } from '@nextui-org/badge';
+import { BadgeProps as BadgeProps$1 } from '@heroui/badge';
 
 declare const badgeVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -71,7 +71,7 @@ interface BadgeProps extends VariantProps {
     size?: BadgeProps$1['size'];
 }
 /**
- * Badge component based on [NextUI Badge](https://nextui.org/docs/components/badge)
+ * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)
  */
 declare const Avatar: ({ children, className: _className, content, color, isOneChar, noOutline, placement, size, }: BadgeProps) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 

package/dist/{Badge-yzXn5LtZ.d.ts → Badge-CvXzljaJ.d.ts}

@@ -3,7 +3,7 @@ import * as react from 'react';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { BadgeProps as BadgeProps$1 } from '@nextui-org/badge';
+import { BadgeProps as BadgeProps$1 } from '@heroui/badge';
 
 declare const badgeVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -71,7 +71,7 @@ interface BadgeProps extends VariantProps {
     size?: BadgeProps$1['size'];
 }
 /**
- * Badge component based on [NextUI Badge](https://nextui.org/docs/components/badge)
+ * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)
  */
 declare const Avatar: ({ children, className: _className, content, color, isOneChar, noOutline, placement, size, }: BadgeProps) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 

package/dist/Breadcrumb/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkNVNT4PMScjs = require('../chunk-NVNT4PMS.cjs');
+var _chunkOOFJGGRScjs = require('../chunk-OOFJGGRS.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Breadcrumb = _chunkNVNT4PMScjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkNVNT4PMScjs.breadcrumbVariants; exports.default = _chunkNVNT4PMScjs.Breadcrumb_default2;
+exports.Breadcrumb = _chunkOOFJGGRScjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkOOFJGGRScjs.breadcrumbVariants; exports.default = _chunkOOFJGGRScjs.Breadcrumb_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.d.cts

@@ -1,5 +1,5 @@
-import { B as Breadcrumb } from '../Breadcrumb-DHn8XeOY.cjs';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-DHn8XeOY.cjs';
+import { B as Breadcrumb } from '../Breadcrumb-1cB54eJk.cjs';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-1cB54eJk.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Breadcrumb/index.d.ts

@@ -1,5 +1,5 @@
-import { B as Breadcrumb } from '../Breadcrumb-DHn8XeOY.js';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-DHn8XeOY.js';
+import { B as Breadcrumb } from '../Breadcrumb-1cB54eJk.js';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-1cB54eJk.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Breadcrumb/index.js

@@ -2,7 +2,7 @@ import {
   Breadcrumb_default,
   Breadcrumb_default2,
   breadcrumbVariants
-} from "../chunk-LPCCBJ2T.js";
+} from "../chunk-5H2LBLSC.js";
 import "../chunk-J7N2552D.js";
 export {
   Breadcrumb_default as Breadcrumb,

package/dist/{Breadcrumb-DHn8XeOY.d.cts → Breadcrumb-1cB54eJk.d.cts}

@@ -37,7 +37,7 @@ declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     list: string;
     /** separator slot */
     separator: string;
-    /** nav slot, breadcrumb base slot in nextui */
+    /** nav slot, breadcrumb base slot in heroui */
     nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -72,7 +72,7 @@ declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     list: string;
     /** separator slot */
     separator: string;
-    /** nav slot, breadcrumb base slot in nextui */
+    /** nav slot, breadcrumb base slot in heroui */
     nav: string;
 }, tailwind_variants.TVReturnType<unknown, {
     /** ellipsis slot */
@@ -85,7 +85,7 @@ declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     list: string;
     /** separator slot */
     separator: string;
-    /** nav slot, breadcrumb base slot in nextui */
+    /** nav slot, breadcrumb base slot in heroui */
     nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -138,7 +138,7 @@ interface BreadcrumbProps extends VariantProps {
     variant?: 'solid' | 'bordered' | 'light';
 }
 /**
- * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)
+ * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)
  */
 declare const Breadcrumb: ({ breadcrumbItems, className: _className, color, disableAnimation, disabled, hideSeparator, maxItems, radius, separator, size, underline, variant, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 

package/dist/{Breadcrumb-DHn8XeOY.d.ts → Breadcrumb-1cB54eJk.d.ts}

@@ -37,7 +37,7 @@ declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     list: string;
     /** separator slot */
     separator: string;
-    /** nav slot, breadcrumb base slot in nextui */
+    /** nav slot, breadcrumb base slot in heroui */
     nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -72,7 +72,7 @@ declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     list: string;
     /** separator slot */
     separator: string;
-    /** nav slot, breadcrumb base slot in nextui */
+    /** nav slot, breadcrumb base slot in heroui */
     nav: string;
 }, tailwind_variants.TVReturnType<unknown, {
     /** ellipsis slot */
@@ -85,7 +85,7 @@ declare const breadcrumbVariants: tailwind_variants.TVReturnType<{
     list: string;
     /** separator slot */
     separator: string;
-    /** nav slot, breadcrumb base slot in nextui */
+    /** nav slot, breadcrumb base slot in heroui */
     nav: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -138,7 +138,7 @@ interface BreadcrumbProps extends VariantProps {
     variant?: 'solid' | 'bordered' | 'light';
 }
 /**
- * Breadcrumb component based on [NextUI Breadcrumbs](https://nextui.org/docs/components/breadcrumbs)
+ * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)
  */
 declare const Breadcrumb: ({ breadcrumbItems, className: _className, color, disableAnimation, disabled, hideSeparator, maxItems, radius, separator, size, underline, variant, }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 

package/dist/Button/index.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _chunk7TIFKRWYcjs = require('../chunk-7TIFKRWY.cjs');
+var _chunkA4FOULHYcjs = require('../chunk-A4FOULHY.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
 
-exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.default = _chunk7TIFKRWYcjs.Button_default2;
+exports.Button = _chunkA4FOULHYcjs.Button_default; exports.ButtonGroup = _chunkA4FOULHYcjs.ButtonGroup_default; exports.buttonVariants = _chunkA4FOULHYcjs.buttonVariants; exports.default = _chunkA4FOULHYcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.d.cts

@@ -1,12 +1,12 @@
-import { B as Button } from '../ButtonGroup-DIL5WB0f.cjs';
-export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-DIL5WB0f.cjs';
+import { B as Button } from '../ButtonGroup-g0hk2u-s.cjs';
+export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-g0hk2u-s.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
-import '@nextui-org/button';
+import '@heroui/button';
 import 'react';
-import '@nextui-org/system';
+import '@heroui/system';
 
 
 

package/dist/Button/index.d.ts

@@ -1,12 +1,12 @@
-import { B as Button } from '../ButtonGroup-DIL5WB0f.js';
-export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-DIL5WB0f.js';
+import { B as Button } from '../ButtonGroup-g0hk2u-s.js';
+export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-g0hk2u-s.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
-import '@nextui-org/button';
+import '@heroui/button';
 import 'react';
-import '@nextui-org/system';
+import '@heroui/system';
 
 
 

package/dist/Button/index.js

@@ -3,7 +3,7 @@ import {
   Button_default,
   Button_default2,
   buttonVariants
-} from "../chunk-ODLZQXBE.js";
+} from "../chunk-3LEUWIY3.js";
 import "../chunk-J7N2552D.js";
 export {
   Button_default as Button,

package/dist/{ButtonGroup-DIL5WB0f.d.cts → ButtonGroup-g0hk2u-s.d.cts}

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { TVProps } from '@fuf-stack/pixel-utils';
-import * as _nextui_org_button from '@nextui-org/button';
-import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
+import * as _heroui_button from '@heroui/button';
+import { ButtonProps as ButtonProps$1 } from '@heroui/button';
 import { ReactNode } from 'react';
-import * as _nextui_org_system from '@nextui-org/system';
+import * as _heroui_system from '@heroui/system';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     color: {
@@ -164,13 +164,13 @@ interface ButtonProps extends VariantProps {
     variant?: ButtonProps$1['variant'];
 }
 /**
- * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
+ * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
  */
 declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Button Group based on [NextUI Button Group](https://nextui.org/docs/components/button#button-group)
+ * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
  */
-declare const ButtonGroup: _nextui_org_system.InternalForwardRefRenderFunction<"div", _nextui_org_button.ButtonGroupProps, never>;
+declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
 
 export { Button as B, ButtonGroup as a, buttonVariants as b, type ButtonProps as c };

package/dist/{ButtonGroup-DIL5WB0f.d.ts → ButtonGroup-g0hk2u-s.d.ts}

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { TVProps } from '@fuf-stack/pixel-utils';
-import * as _nextui_org_button from '@nextui-org/button';
-import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
+import * as _heroui_button from '@heroui/button';
+import { ButtonProps as ButtonProps$1 } from '@heroui/button';
 import { ReactNode } from 'react';
-import * as _nextui_org_system from '@nextui-org/system';
+import * as _heroui_system from '@heroui/system';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     color: {
@@ -164,13 +164,13 @@ interface ButtonProps extends VariantProps {
     variant?: ButtonProps$1['variant'];
 }
 /**
- * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
+ * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
  */
 declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Button Group based on [NextUI Button Group](https://nextui.org/docs/components/button#button-group)
+ * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
  */
-declare const ButtonGroup: _nextui_org_system.InternalForwardRefRenderFunction<"div", _nextui_org_button.ButtonGroupProps, never>;
+declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
 
 export { Button as B, ButtonGroup as a, buttonVariants as b, type ButtonProps as c };