@fuf-stack/pixels 0.33.0 → 0.33.2

package/dist/Button/index.d.cts

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

package/dist/Button/index.d.ts

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

package/dist/Button/index.js

@@ -1,13 +1,11 @@
 import {
-  ButtonGroup_default,
   Button_default,
   Button_default2,
   buttonVariants
-} from "../chunk-ERK2LYGJ.js";
+} from "../chunk-HL5BEHIS.js";
 import "../chunk-J7N2552D.js";
 export {
   Button_default as Button,
-  ButtonGroup_default as ButtonGroup,
   buttonVariants,
   Button_default2 as default
 };

package/dist/{ButtonGroup-DyAm7NZs.d.cts → Button-BGekDPvO.d.cts}

@@ -2,10 +2,8 @@ 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 _heroui_button from '@heroui/button';
 import { ButtonProps as ButtonProps$1 } from '@heroui/button';
 import { ReactNode } from 'react';
-import * as _heroui_system from '@heroui/system';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     color: {
@@ -168,9 +166,4 @@ interface ButtonProps extends VariantProps {
  */
 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 [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
- */
-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 };
+export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/{ButtonGroup-DyAm7NZs.d.ts → Button-BGekDPvO.d.ts}

@@ -2,10 +2,8 @@ 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 _heroui_button from '@heroui/button';
 import { ButtonProps as ButtonProps$1 } from '@heroui/button';
 import { ReactNode } from 'react';
-import * as _heroui_system from '@heroui/system';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     color: {
@@ -168,9 +166,4 @@ interface ButtonProps extends VariantProps {
  */
 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 [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
- */
-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 };
+export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/ButtonGroup/index.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkY3RSI2KVcjs = require('../chunk-Y3RSI2KV.cjs');
+require('../chunk-D4TLDLEX.cjs');
+
+
+
+exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.default = _chunkY3RSI2KVcjs.ButtonGroup_default2;
+//# sourceMappingURL=index.cjs.map

package/dist/ButtonGroup/index.cjs.map

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

package/dist/ButtonGroup/index.d.cts

@@ -0,0 +1,7 @@
+import { B as ButtonGroup } from '../ButtonGroup-CUxpALRo.cjs';
+export { ButtonGroupProps } from '@heroui/button';
+import '@heroui/system';
+
+
+
+export { ButtonGroup, ButtonGroup as default };

package/dist/ButtonGroup/index.d.ts

@@ -0,0 +1,7 @@
+import { B as ButtonGroup } from '../ButtonGroup-CUxpALRo.js';
+export { ButtonGroupProps } from '@heroui/button';
+import '@heroui/system';
+
+
+
+export { ButtonGroup, ButtonGroup as default };

package/dist/ButtonGroup/index.js

@@ -0,0 +1,10 @@
+import {
+  ButtonGroup_default,
+  ButtonGroup_default2
+} from "../chunk-FNQ7VO32.js";
+import "../chunk-J7N2552D.js";
+export {
+  ButtonGroup_default as ButtonGroup,
+  ButtonGroup_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/ButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/ButtonGroup-CUxpALRo.d.cts

@@ -0,0 +1,9 @@
+import * as _heroui_system from '@heroui/system';
+import * as _heroui_button from '@heroui/button';
+
+/**
+ * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
+ */
+declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
+
+export { ButtonGroup as B };

package/dist/ButtonGroup-CUxpALRo.d.ts

@@ -0,0 +1,9 @@
+import * as _heroui_system from '@heroui/system';
+import * as _heroui_button from '@heroui/button';
+
+/**
+ * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
+ */
+declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
+
+export { ButtonGroup as B };

package/dist/Drawer/index.d.cts

@@ -1,5 +1,5 @@
-import { D as Drawer } from '../Drawer-CifCcX6s.cjs';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-CifCcX6s.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-CifCcX6s.js';
-export { f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from '../Drawer-CifCcX6s.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/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkU46SDLRHcjs = require('../chunk-U46SDLRH.cjs');
-require('../chunk-TAVTNSQG.cjs');
+var _chunkLBJ3YG36cjs = require('../chunk-LBJ3YG36.cjs');
+require('../chunk-4X43AGXE.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Json = _chunkU46SDLRHcjs.Json_default; exports.default = _chunkU46SDLRHcjs.Json_default2;
+exports.Json = _chunkLBJ3YG36cjs.Json_default; exports.default = _chunkLBJ3YG36cjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,8 +1,8 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-XNKV2DN7.js";
-import "../chunk-ERK2LYGJ.js";
+} from "../chunk-OPDWDH3W.js";
+import "../chunk-HL5BEHIS.js";
 import "../chunk-J7N2552D.js";
 export {
   Json_default as Json,

package/dist/chunk-33S6NRVI.cjs

@@ -0,0 +1,122 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
+// src/Alert/Alert.tsx
+var _alert = require('@heroui/alert');
+var _theme = require('@heroui/theme');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var alertVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    title: "",
+    description: "",
+    mainWrapper: "",
+    closeButton: "",
+    iconWrapper: "",
+    alertIcon: ""
+  },
+  variants: {
+    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
+    color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
+      info: {
+        mainWrapper: "text-inherit",
+        title: "text-inherit",
+        description: "text-inherit"
+      }
+    }, _theme.alert.variants.color),
+    variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.alert.variants.variant)
+  },
+  compoundVariants: [
+    ..._theme.alert.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(_theme.alert.variants.color).includes(
+    color
+  );
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _alert.Alert,
+    {
+      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;
+
+
+
+
+
+exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
+//# sourceMappingURL=chunk-33S6NRVI.cjs.map

package/dist/chunk-33S6NRVI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-33S6NRVI.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACAA,sCAAmC;AACnC,sCAA2C;AAE3C,oDAAyC;AA4HrC,+CAAA;AA1HG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,WAAA,EAAa,cAAA;AAAA,QACb,KAAA,EAAO,cAAA;AAAA,QACP,WAAA,EAAa;AAAA,MACf;AAAA,IAAA,CAAA,EACG,YAAA,CAAkB,QAAA,CAAS,KAAA,CAAA;AAAA,IAEhC,OAAA,EAAS,8CAAA,CAAA,CAAA,EACJ,YAAA,CAAkB,QAAA,CAAS,OAAA;AAAA,EAElC,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,GAAG,YAAA,CAAkB,gBAAA;AAAA,IACrB;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA;AAAA,QACN,SAAA,EAAW,sBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,6CAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,+FAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,UAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,oCAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAiCD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,WAAA,EAAa,KAAA;AAAA,EACb,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc;AAAA,IAC7B,KAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,cAAA,EAAgB,MAAA,CAAO,IAAA,CAAK,YAAA,CAAkB,QAAA,CAAS,KAAK,CAAA,CAAE,QAAA;AAAA,IAClE;AAAA,EACF,CAAA;AACA,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA,EAAO,cAAA,EAAiB,MAAA,EAAoC,KAAA,CAAA;AAAA,MAC5D,aAAA,EAAa,MAAA;AAAA,MACb,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,KAAA,CAAA;AAAA,MAChC,UAAA;AAAA,MACA,QAAA,EAAU,CAAC,QAAA;AAAA,MACX,IAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA,EAAQ,MAAA,GAAS,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADnCf;AACA;AE3GA,IAAOA,eAAAA,EAAQ,aAAA;AF6Gf;AACA;AACE;AACA;AACA;AACF,sHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-33S6NRVI.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/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      ...heroAlertVariants.variants.color,\n    },\n    variant: {\n      ...heroAlertVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroAlertVariants.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(heroAlertVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={isHeroUIColor ? (color as HeroAlertProps['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"]}

package/dist/{chunk-TAVTNSQG.cjs → chunk-4X43AGXE.cjs}

@@ -114,11 +114,6 @@ var Button = ({
 };
 var Button_default = Button;
 
-// src/Button/ButtonGroup.tsx
-
-var ButtonGroup = _button.ButtonGroup;
-var ButtonGroup_default = ButtonGroup;
-
 // src/Button/index.ts
 var Button_default2 = Button_default;
 
@@ -126,6 +121,5 @@ var Button_default2 = Button_default;
 
 
 
-
-exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.ButtonGroup_default = ButtonGroup_default; exports.Button_default2 = Button_default2;
-//# sourceMappingURL=chunk-TAVTNSQG.cjs.map
+exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
+//# sourceMappingURL=chunk-4X43AGXE.cjs.map

package/dist/chunk-4X43AGXE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X43AGXE.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X43AGXE.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  base: '',\n  variants: {\n    color: {\n      default: '',\n      primary: '',\n      secondary: '',\n      success: '',\n      warning: '',\n      danger: '',\n    },\n    variant: {\n      solid: '',\n      bordered: '',\n      light: '',\n      flat: '',\n      faded: '',\n      shadow: '',\n      ghost: '',\n    },\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** hero ui button color  */\n  color?: HeroButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** disables all button animations */\n  disableAnimation?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: HeroButtonProps['onPress'];\n  /** 3 size options */\n  size?: HeroButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** hero ui button variants */\n  variant?: HeroButtonProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  disableAnimation = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <HeroButton\n      aria-label={ariaLabel}\n      className={buttonVariants({ color, variant, className })}\n      color={color}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      disableRipple={disableAnimation}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </HeroButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 text-current\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n    />\n    <path\n      className=\"opacity-75\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}

package/dist/chunk-FNQ7VO32.js

@@ -0,0 +1,13 @@
+// src/ButtonGroup/ButtonGroup.tsx
+import { ButtonGroup as HeroButtonGroup } from "@heroui/button";
+var ButtonGroup = HeroButtonGroup;
+var ButtonGroup_default = ButtonGroup;
+
+// src/ButtonGroup/index.ts
+var ButtonGroup_default2 = ButtonGroup_default;
+
+export {
+  ButtonGroup_default,
+  ButtonGroup_default2
+};
+//# sourceMappingURL=chunk-FNQ7VO32.js.map

package/dist/chunk-FNQ7VO32.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.tsx","../src/ButtonGroup/index.ts"],"sourcesContent":["import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n","import ButtonGroup from './ButtonGroup';\n\nexport type { ButtonGroupProps } from './ButtonGroup';\n\nexport { ButtonGroup };\n\nexport default ButtonGroup;\n"],"mappings":";AAAA,SAAS,eAAe,uBAAuB;AAO/C,IAAM,cAAc;AAEpB,IAAO,sBAAQ;;;ACHf,IAAOA,uBAAQ;","names":["ButtonGroup_default"]}

package/dist/{chunk-ERK2LYGJ.js → chunk-HL5BEHIS.js}

@@ -114,18 +114,12 @@ var Button = ({
 };
 var Button_default = Button;
 
-// src/Button/ButtonGroup.tsx
-import { ButtonGroup as HeroButtonGroup } from "@heroui/button";
-var ButtonGroup = HeroButtonGroup;
-var ButtonGroup_default = ButtonGroup;
-
 // src/Button/index.ts
 var Button_default2 = Button_default;
 
 export {
   buttonVariants,
   Button_default,
-  ButtonGroup_default,
   Button_default2
 };
-//# sourceMappingURL=chunk-ERK2LYGJ.js.map
+//# sourceMappingURL=chunk-HL5BEHIS.js.map

package/dist/chunk-HL5BEHIS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  base: '',\n  variants: {\n    color: {\n      default: '',\n      primary: '',\n      secondary: '',\n      success: '',\n      warning: '',\n      danger: '',\n    },\n    variant: {\n      solid: '',\n      bordered: '',\n      light: '',\n      flat: '',\n      faded: '',\n      shadow: '',\n      ghost: '',\n    },\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** hero ui button color  */\n  color?: HeroButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** disables all button animations */\n  disableAnimation?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: HeroButtonProps['onPress'];\n  /** 3 size options */\n  size?: HeroButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** hero ui button variants */\n  variant?: HeroButtonProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  disableAnimation = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <HeroButton\n      aria-label={ariaLabel}\n      className={buttonVariants({ color, variant, className })}\n      color={color}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      disableRipple={disableAnimation}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </HeroButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 text-current\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n    />\n    <path\n      className=\"opacity-75\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AAErC,SAAS,UAAU;;;ACDjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADyEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEjHf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}