@fuf-stack/pixels 0.3.2 → 0.4.0

package/dist/Button/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkI76NWOB3cjs = require('../chunk-I76NWOB3.cjs');
+var _chunkIAE5EJ7Zcjs = require('../chunk-IAE5EJ7Z.cjs');
 
 
 
-exports.Button = _chunkI76NWOB3cjs.Button_default; exports.default = _chunkI76NWOB3cjs.Button_default2;
+exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.default = _chunkIAE5EJ7Zcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.d.cts

@@ -1,5 +1,5 @@
-import { B as Button } from '../Button-B0H0w1eR.cjs';
-export { a as ButtonProps } from '../Button-B0H0w1eR.cjs';
+import { B as Button } from '../Button-BgDaXYKX.cjs';
+export { a as ButtonProps } from '../Button-BgDaXYKX.cjs';
 import 'react/jsx-runtime';
 import '@nextui-org/button';
 import 'react';

package/dist/Button/index.d.ts

@@ -1,5 +1,5 @@
-import { B as Button } from '../Button-B0H0w1eR.js';
-export { a as ButtonProps } from '../Button-B0H0w1eR.js';
+import { B as Button } from '../Button-BgDaXYKX.js';
+export { a as ButtonProps } from '../Button-BgDaXYKX.js';
 import 'react/jsx-runtime';
 import '@nextui-org/button';
 import 'react';

package/dist/Button/index.js

@@ -1,7 +1,7 @@
 import {
   Button_default,
   Button_default2
-} from "../chunk-2UJJIIMU.js";
+} from "../chunk-2Q6M4DC3.js";
 export {
   Button_default as Button,
   Button_default2 as default

package/dist/{Button-B0H0w1eR.d.cts → Button-BgDaXYKX.d.cts}

@@ -13,6 +13,8 @@ interface ButtonProps {
     color?: ButtonProps$1['color'];
     /** disables function of the button. */
     disabled?: boolean;
+    /** disables all button animations */
+    disableAnimation?: boolean;
     /** If set loading animation is shown */
     loading?: boolean;
     /** optional icon */
@@ -31,6 +33,6 @@ interface ButtonProps {
 /**
  * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
  */
-declare const Button: ({ ariaLabel, children, className, color, disabled, icon, loading, onClick, size, testId, type, variant, ...passthrouhProps }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 export { Button as B, type ButtonProps as a };

package/dist/{Button-B0H0w1eR.d.ts → Button-BgDaXYKX.d.ts}

@@ -13,6 +13,8 @@ interface ButtonProps {
     color?: ButtonProps$1['color'];
     /** disables function of the button. */
     disabled?: boolean;
+    /** disables all button animations */
+    disableAnimation?: boolean;
     /** If set loading animation is shown */
     loading?: boolean;
     /** optional icon */
@@ -31,6 +33,6 @@ interface ButtonProps {
 /**
  * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
  */
-declare const Button: ({ ariaLabel, children, className, color, disabled, icon, loading, onClick, size, testId, type, variant, ...passthrouhProps }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 export { Button as B, type ButtonProps as a };

package/dist/Json/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkPI7CBPUScjs = require('../chunk-PI7CBPUS.cjs');
-require('../chunk-I76NWOB3.cjs');
+var _chunkMBKSGWDJcjs = require('../chunk-MBKSGWDJ.cjs');
+require('../chunk-IAE5EJ7Z.cjs');
 
 
 
-exports.Json = _chunkPI7CBPUScjs.Json_default; exports.default = _chunkPI7CBPUScjs.Json_default2;
+exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.default = _chunkMBKSGWDJcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,8 +1,8 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-7ERBBFDC.js";
-import "../chunk-2UJJIIMU.js";
+} from "../chunk-CNELFUYE.js";
+import "../chunk-2Q6M4DC3.js";
 export {
   Json_default as Json,
   Json_default2 as default

package/dist/{chunk-2UJJIIMU.js → chunk-2Q6M4DC3.js}

@@ -43,14 +43,14 @@ var Button = ({
   className = void 0,
   color = "default",
   disabled = false,
+  disableAnimation = false,
   icon = void 0,
   loading = false,
   onClick = void 0,
   size = void 0,
   testId = void 0,
   type = void 0,
-  variant = "solid",
-  ...passthrouhProps
+  variant = "solid"
 }) => {
   return /* @__PURE__ */ jsxs2(
     NextButton,
@@ -59,6 +59,8 @@ var Button = ({
       className: cn(className),
       color,
       "data-testid": testId,
+      disableAnimation,
+      disableRipple: disableAnimation,
       isDisabled: disabled,
       isIconOnly: !!(icon && !children),
       isLoading: loading,
@@ -67,7 +69,6 @@ var Button = ({
       spinner: /* @__PURE__ */ jsx2(LoadingSpinner_default, {}),
       type,
       variant,
-      ...passthrouhProps,
       children: [
         icon,
         children
@@ -84,4 +85,4 @@ export {
   Button_default,
   Button_default2
 };
-//# sourceMappingURL=chunk-2UJJIIMU.js.map
+//# sourceMappingURL=chunk-2Q6M4DC3.js.map

package/dist/chunk-2Q6M4DC3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['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?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['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  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/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    <NextButton\n      aria-label={ariaLabel}\n      className={cn(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    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/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 from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,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;;;ADgCE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAhBJ,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,GAAG,SAAS;AAAA,MACvB;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;;;AExEf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}

package/dist/{chunk-7ERBBFDC.js → chunk-CNELFUYE.js}

@@ -1,6 +1,6 @@
 import {
   Button_default2 as Button_default
-} from "./chunk-2UJJIIMU.js";
+} from "./chunk-2Q6M4DC3.js";
 
 // src/Json/Json.tsx
 import { useState } from "react";
@@ -124,4 +124,4 @@ export {
   Json_default,
   Json_default2
 };
-//# sourceMappingURL=chunk-7ERBBFDC.js.map
+//# sourceMappingURL=chunk-CNELFUYE.js.map

package/dist/{chunk-I76NWOB3.cjs → chunk-IAE5EJ7Z.cjs}

@@ -43,14 +43,14 @@ var Button = ({
   className = void 0,
   color = "default",
   disabled = false,
+  disableAnimation = false,
   icon = void 0,
   loading = false,
   onClick = void 0,
   size = void 0,
   testId = void 0,
   type = void 0,
-  variant = "solid",
-  ...passthrouhProps
+  variant = "solid"
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _button.Button,
@@ -59,6 +59,8 @@ var Button = ({
       className: _classnames2.default.call(void 0, className),
       color,
       "data-testid": testId,
+      disableAnimation,
+      disableRipple: disableAnimation,
       isDisabled: disabled,
       isIconOnly: !!(icon && !children),
       isLoading: loading,
@@ -67,7 +69,6 @@ var Button = ({
       spinner: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner_default, {}),
       type,
       variant,
-      ...passthrouhProps,
       children: [
         icon,
         children
@@ -84,4 +85,4 @@ var Button_default2 = Button_default;
 
 
 exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
-//# sourceMappingURL=chunk-I76NWOB3.cjs.map
+//# sourceMappingURL=chunk-IAE5EJ7Z.cjs.map

package/dist/chunk-IAE5EJ7Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsx","jsxs","Button_default"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,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;;;ADgCE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAhBJ,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,GAAG,SAAS;AAAA,MACvB;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;;;AExEf,IAAOE,kBAAQ","sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['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?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['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  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/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    <NextButton\n      aria-label={ariaLabel}\n      className={cn(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    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/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 from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"]}

package/dist/{chunk-PI7CBPUS.cjs → chunk-MBKSGWDJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkI76NWOB3cjs = require('./chunk-I76NWOB3.cjs');
+var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
 
 // src/Json/Json.tsx
 var _react = require('react');
@@ -79,7 +79,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkI76NWOB3cjs.Button_default2,
+              _chunkIAE5EJ7Zcjs.Button_default2,
               {
                 color: "danger",
                 size: "sm",
@@ -124,4 +124,4 @@ var Json_default2 = Json_default;
 
 
 exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-PI7CBPUS.cjs.map
+//# sourceMappingURL=chunk-MBKSGWDJ.cjs.map

package/dist/index.cjs

@@ -3,10 +3,10 @@
 var _chunkWTKZJFQVcjs = require('./chunk-WTKZJFQV.cjs');
 
 
-var _chunkPI7CBPUScjs = require('./chunk-PI7CBPUS.cjs');
+var _chunkMBKSGWDJcjs = require('./chunk-MBKSGWDJ.cjs');
 
 
-var _chunkI76NWOB3cjs = require('./chunk-I76NWOB3.cjs');
+var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
 
 
 var _chunkBMKGS5PKcjs = require('./chunk-BMKGS5PK.cjs');
@@ -105,5 +105,5 @@ var useLocalStorage_default = useLocalStorage;
 
 
 
-exports.Button = _chunkI76NWOB3cjs.Button_default; exports.Card = _chunkWTKZJFQVcjs.Card_default; exports.Json = _chunkPI7CBPUScjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkL5OZDDU7cjs.Menu_default; exports.Modal = _chunkBPJAPVB5cjs.Modal_default; exports.Popover = _chunkYUOFNPJOcjs.Popover_default; exports.Tooltip = _chunkJ6F42VLAcjs.Tooltip_default; exports.modalSizeOptions = _chunkBPJAPVB5cjs.modalSizeOptions; exports.tooltipPlacementOptions = _chunkJ6F42VLAcjs.tooltipPlacementOptions; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
+exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.Card = _chunkWTKZJFQVcjs.Card_default; exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkL5OZDDU7cjs.Menu_default; exports.Modal = _chunkBPJAPVB5cjs.Modal_default; exports.Popover = _chunkYUOFNPJOcjs.Popover_default; exports.Tooltip = _chunkJ6F42VLAcjs.Tooltip_default; exports.modalSizeOptions = _chunkBPJAPVB5cjs.modalSizeOptions; exports.tooltipPlacementOptions = _chunkJ6F42VLAcjs.tooltipPlacementOptions; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-export { B as Button, a as ButtonProps } from './Button-B0H0w1eR.cjs';
+export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.cjs';
 export { C as Card, a as CardProps } from './Card-Cl_I4L8G.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
 export { L as Label, a as LabelProps } from './Label-DzZDW95M.cjs';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-export { B as Button, a as ButtonProps } from './Button-B0H0w1eR.js';
+export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.js';
 export { C as Card, a as CardProps } from './Card-Cl_I4L8G.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
 export { L as Label, a as LabelProps } from './Label-DzZDW95M.js';

package/dist/index.js

@@ -3,10 +3,10 @@ import {
 } from "./chunk-VQ5Q33MY.js";
 import {
   Json_default
-} from "./chunk-7ERBBFDC.js";
+} from "./chunk-CNELFUYE.js";
 import {
   Button_default
-} from "./chunk-2UJJIIMU.js";
+} from "./chunk-2Q6M4DC3.js";
 import {
   Label_default
 } from "./chunk-S2WOGSQV.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf react component library",
   "author": "Hannes Tiede",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.cjs",
@@ -76,31 +76,31 @@
     "url": "https://github.com/fuf-stack/uniforms/issues"
   },
   "dependencies": {
-    "@nextui-org/button": "2.0.27",
-    "@nextui-org/card": "2.0.24",
-    "@nextui-org/chip": "2.0.25",
-    "@nextui-org/divider": "2.0.25",
-    "@nextui-org/dropdown": "2.1.16",
-    "@nextui-org/modal": "2.0.29",
-    "@nextui-org/popover": "2.1.15",
-    "@nextui-org/system": "2.0.15",
-    "@nextui-org/tooltip": "2.0.30",
+    "@nextui-org/button": "2.0.30",
+    "@nextui-org/card": "2.0.27",
+    "@nextui-org/chip": "2.0.28",
+    "@nextui-org/divider": "2.0.27",
+    "@nextui-org/dropdown": "2.1.22",
+    "@nextui-org/modal": "2.0.33",
+    "@nextui-org/popover": "2.1.20",
+    "@nextui-org/system": "2.1.2",
+    "@nextui-org/tooltip": "2.0.33",
     "classnames": "2.5.1",
     "debug": "4.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "5.0.1",
+    "react-icons": "5.1.0",
     "react-json-view": "1.21.3",
-    "@uiw/react-json-view": "2.0.0-alpha.23",
-    "tailwind-variants": "0.1.20"
+    "@uiw/react-json-view": "2.0.0-alpha.24",
+    "tailwind-variants": "0.2.1"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "18.2.69",
-    "@types/react-dom": "18.2.22",
+    "@types/react": "18.2.79",
+    "@types/react-dom": "18.2.25",
     "@repo/storybook-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
+    "@repo/tsup-config": "0.0.1",
     "@repo/vite-config": "0.0.1"
   },
   "scripts": {

package/dist/chunk-2UJJIIMU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['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  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n  ...passthrouhProps\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={cn(className)}\n      color={color}\n      data-testid={testId}\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      {...passthrouhProps}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/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 from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,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;;;AD8BE,SAUW,OAAAA,MAVX,QAAAC,aAAA;AAhBJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb,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,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AErEf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}

package/dist/chunk-I76NWOB3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsx","jsxs","Button_default"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,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;;;AD8BE,SAUW,OAAAA,MAVX,QAAAC,aAAA;AAhBJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,GAAG;AACL,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb,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,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AErEf,IAAOE,kBAAQ","sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['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  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n  ...passthrouhProps\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={cn(className)}\n      color={color}\n      data-testid={testId}\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      {...passthrouhProps}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/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 from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"]}