@fuf-stack/pixels 0.3.1 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/Button/index.cjs +2 -2
  2. package/dist/Button/index.d.cts +2 -2
  3. package/dist/Button/index.d.ts +2 -2
  4. package/dist/Button/index.js +1 -1
  5. package/dist/{Button-B0H0w1eR.d.cts → Button-BgDaXYKX.d.cts} +3 -1
  6. package/dist/{Button-B0H0w1eR.d.ts → Button-BgDaXYKX.d.ts} +3 -1
  7. package/dist/Json/index.cjs +3 -3
  8. package/dist/Json/index.js +2 -2
  9. package/dist/Modal/index.cjs +4 -2
  10. package/dist/Modal/index.d.cts +2 -2
  11. package/dist/Modal/index.d.ts +2 -2
  12. package/dist/Modal/index.js +5 -3
  13. package/dist/{Modal-CSxNe0bS.d.cts → Modal-DWZB1uTb.d.cts} +3 -3
  14. package/dist/{Modal-CSxNe0bS.d.ts → Modal-DWZB1uTb.d.ts} +3 -3
  15. package/dist/Tooltip/index.cjs +6 -2
  16. package/dist/Tooltip/index.d.cts +3 -3
  17. package/dist/Tooltip/index.d.ts +3 -3
  18. package/dist/Tooltip/index.js +7 -3
  19. package/dist/{Tooltip-D0yEMBnv.d.cts → Tooltip-D4znH2L3.d.cts} +4 -4
  20. package/dist/{Tooltip-D0yEMBnv.d.ts → Tooltip-D4znH2L3.d.ts} +4 -4
  21. package/dist/{chunk-2UJJIIMU.js → chunk-2Q6M4DC3.js} +5 -4
  22. package/dist/chunk-2Q6M4DC3.js.map +1 -0
  23. package/dist/{chunk-STEC6TAQ.cjs → chunk-BPJAPVB5.cjs} +4 -2
  24. package/dist/chunk-BPJAPVB5.cjs.map +1 -0
  25. package/dist/{chunk-7ERBBFDC.js → chunk-CNELFUYE.js} +2 -2
  26. package/dist/{chunk-MBQA3LPM.js → chunk-CTP2PZYD.js} +3 -1
  27. package/dist/{chunk-MBQA3LPM.js.map → chunk-CTP2PZYD.js.map} +1 -1
  28. package/dist/{chunk-I76NWOB3.cjs → chunk-IAE5EJ7Z.cjs} +5 -4
  29. package/dist/chunk-IAE5EJ7Z.cjs.map +1 -0
  30. package/dist/{chunk-JD3BEOSK.cjs → chunk-J6F42VLA.cjs} +10 -2
  31. package/dist/chunk-J6F42VLA.cjs.map +1 -0
  32. package/dist/{chunk-PI7CBPUS.cjs → chunk-MBKSGWDJ.cjs} +3 -3
  33. package/dist/{chunk-J47IOXCU.js → chunk-VISKY2B2.js} +10 -2
  34. package/dist/chunk-VISKY2B2.js.map +1 -0
  35. package/dist/index.cjs +12 -5
  36. package/dist/index.cjs.map +1 -1
  37. package/dist/index.d.cts +3 -3
  38. package/dist/index.d.ts +3 -3
  39. package/dist/index.js +12 -5
  40. package/dist/index.js.map +1 -1
  41. package/package.json +15 -15
  42. package/dist/chunk-2UJJIIMU.js.map +0 -1
  43. package/dist/chunk-I76NWOB3.cjs.map +0 -1
  44. package/dist/chunk-J47IOXCU.js.map +0 -1
  45. package/dist/chunk-JD3BEOSK.cjs.map +0 -1
  46. package/dist/chunk-STEC6TAQ.cjs.map +0 -1
  47. /package/dist/{chunk-7ERBBFDC.js.map → chunk-CNELFUYE.js.map} +0 -0
  48. /package/dist/{chunk-PI7CBPUS.cjs.map → chunk-MBKSGWDJ.cjs.map} +0 -0
@@ -1,9 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkI76NWOB3cjs = require('../chunk-I76NWOB3.cjs');
4
+ var _chunkIAE5EJ7Zcjs = require('../chunk-IAE5EJ7Z.cjs');
5
5
 
6
6
 
7
7
 
8
- exports.Button = _chunkI76NWOB3cjs.Button_default; exports.default = _chunkI76NWOB3cjs.Button_default2;
8
+ exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.default = _chunkIAE5EJ7Zcjs.Button_default2;
9
9
  //# sourceMappingURL=index.cjs.map
@@ -1,5 +1,5 @@
1
- import { B as Button } from '../Button-B0H0w1eR.cjs';
2
- export { a as ButtonProps } from '../Button-B0H0w1eR.cjs';
1
+ import { B as Button } from '../Button-BgDaXYKX.cjs';
2
+ export { a as ButtonProps } from '../Button-BgDaXYKX.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import '@nextui-org/button';
5
5
  import 'react';
@@ -1,5 +1,5 @@
1
- import { B as Button } from '../Button-B0H0w1eR.js';
2
- export { a as ButtonProps } from '../Button-B0H0w1eR.js';
1
+ import { B as Button } from '../Button-BgDaXYKX.js';
2
+ export { a as ButtonProps } from '../Button-BgDaXYKX.js';
3
3
  import 'react/jsx-runtime';
4
4
  import '@nextui-org/button';
5
5
  import 'react';
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Button_default,
3
3
  Button_default2
4
- } from "../chunk-2UJJIIMU.js";
4
+ } from "../chunk-2Q6M4DC3.js";
5
5
  export {
6
6
  Button_default as Button,
7
7
  Button_default2 as default
@@ -13,6 +13,8 @@ interface ButtonProps {
13
13
  color?: ButtonProps$1['color'];
14
14
  /** disables function of the button. */
15
15
  disabled?: boolean;
16
+ /** disables all button animations */
17
+ disableAnimation?: boolean;
16
18
  /** If set loading animation is shown */
17
19
  loading?: boolean;
18
20
  /** optional icon */
@@ -31,6 +33,6 @@ interface ButtonProps {
31
33
  /**
32
34
  * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
33
35
  */
34
- declare const Button: ({ ariaLabel, children, className, color, disabled, icon, loading, onClick, size, testId, type, variant, ...passthrouhProps }: ButtonProps) => react_jsx_runtime.JSX.Element;
36
+ declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
35
37
 
36
38
  export { Button as B, type ButtonProps as a };
@@ -13,6 +13,8 @@ interface ButtonProps {
13
13
  color?: ButtonProps$1['color'];
14
14
  /** disables function of the button. */
15
15
  disabled?: boolean;
16
+ /** disables all button animations */
17
+ disableAnimation?: boolean;
16
18
  /** If set loading animation is shown */
17
19
  loading?: boolean;
18
20
  /** optional icon */
@@ -31,6 +33,6 @@ interface ButtonProps {
31
33
  /**
32
34
  * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
33
35
  */
34
- declare const Button: ({ ariaLabel, children, className, color, disabled, icon, loading, onClick, size, testId, type, variant, ...passthrouhProps }: ButtonProps) => react_jsx_runtime.JSX.Element;
36
+ declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
35
37
 
36
38
  export { Button as B, type ButtonProps as a };
@@ -1,10 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkPI7CBPUScjs = require('../chunk-PI7CBPUS.cjs');
5
- require('../chunk-I76NWOB3.cjs');
4
+ var _chunkMBKSGWDJcjs = require('../chunk-MBKSGWDJ.cjs');
5
+ require('../chunk-IAE5EJ7Z.cjs');
6
6
 
7
7
 
8
8
 
9
- exports.Json = _chunkPI7CBPUScjs.Json_default; exports.default = _chunkPI7CBPUScjs.Json_default2;
9
+ exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.default = _chunkMBKSGWDJcjs.Json_default2;
10
10
  //# sourceMappingURL=index.cjs.map
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  Json_default,
3
3
  Json_default2
4
- } from "../chunk-7ERBBFDC.js";
5
- import "../chunk-2UJJIIMU.js";
4
+ } from "../chunk-CNELFUYE.js";
5
+ import "../chunk-2Q6M4DC3.js";
6
6
  export {
7
7
  Json_default as Json,
8
8
  Json_default2 as default
@@ -1,9 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkSTEC6TAQcjs = require('../chunk-STEC6TAQ.cjs');
5
4
 
5
+ var _chunkBPJAPVB5cjs = require('../chunk-BPJAPVB5.cjs');
6
6
 
7
7
 
8
- exports.Modal = _chunkSTEC6TAQcjs.Modal_default; exports.default = _chunkSTEC6TAQcjs.Modal_default2;
8
+
9
+
10
+ exports.Modal = _chunkBPJAPVB5cjs.Modal_default; exports.default = _chunkBPJAPVB5cjs.Modal_default2; exports.modalSizeOptions = _chunkBPJAPVB5cjs.modalSizeOptions;
9
11
  //# sourceMappingURL=index.cjs.map
@@ -1,5 +1,5 @@
1
- import { M as Modal } from '../Modal-CSxNe0bS.cjs';
2
- export { a as ModalProps } from '../Modal-CSxNe0bS.cjs';
1
+ import { M as Modal } from '../Modal-DWZB1uTb.cjs';
2
+ export { a as ModalProps, m as modalSizeOptions } from '../Modal-DWZB1uTb.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
5
 
@@ -1,5 +1,5 @@
1
- import { M as Modal } from '../Modal-CSxNe0bS.js';
2
- export { a as ModalProps } from '../Modal-CSxNe0bS.js';
1
+ import { M as Modal } from '../Modal-DWZB1uTb.js';
2
+ export { a as ModalProps, m as modalSizeOptions } from '../Modal-DWZB1uTb.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
5
 
@@ -1,9 +1,11 @@
1
1
  import {
2
2
  Modal_default,
3
- Modal_default2
4
- } from "../chunk-MBQA3LPM.js";
3
+ Modal_default2,
4
+ modalSizeOptions
5
+ } from "../chunk-CTP2PZYD.js";
5
6
  export {
6
7
  Modal_default as Modal,
7
- Modal_default2 as default
8
+ Modal_default2 as default,
9
+ modalSizeOptions
8
10
  };
9
11
  //# sourceMappingURL=index.js.map
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- declare const ModalSizeOptions: readonly ["sm", "md", "lg"];
5
- type ModalSize = (typeof ModalSizeOptions)[number];
4
+ declare const modalSizeOptions: readonly ["sm", "md", "lg"];
5
+ type ModalSize = (typeof modalSizeOptions)[number];
6
6
  interface ModalProps {
7
7
  /** child components */
8
8
  children?: ReactNode;
@@ -26,4 +26,4 @@ interface ModalProps {
26
26
  */
27
27
  declare const Modal: ({ children, className, footer, isOpen, onClose, size, testId, title, }: ModalProps) => react_jsx_runtime.JSX.Element;
28
28
 
29
- export { Modal as M, type ModalProps as a };
29
+ export { Modal as M, type ModalProps as a, modalSizeOptions as m };
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- declare const ModalSizeOptions: readonly ["sm", "md", "lg"];
5
- type ModalSize = (typeof ModalSizeOptions)[number];
4
+ declare const modalSizeOptions: readonly ["sm", "md", "lg"];
5
+ type ModalSize = (typeof modalSizeOptions)[number];
6
6
  interface ModalProps {
7
7
  /** child components */
8
8
  children?: ReactNode;
@@ -26,4 +26,4 @@ interface ModalProps {
26
26
  */
27
27
  declare const Modal: ({ children, className, footer, isOpen, onClose, size, testId, title, }: ModalProps) => react_jsx_runtime.JSX.Element;
28
28
 
29
- export { Modal as M, type ModalProps as a };
29
+ export { Modal as M, type ModalProps as a, modalSizeOptions as m };
@@ -1,7 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkJD3BEOSKcjs = require('../chunk-JD3BEOSK.cjs');
4
3
 
5
4
 
6
- exports.default = _chunkJD3BEOSKcjs.Tooltip_default;
5
+ var _chunkJ6F42VLAcjs = require('../chunk-J6F42VLA.cjs');
6
+
7
+
8
+
9
+
10
+ exports.Tooltip = _chunkJ6F42VLAcjs.Tooltip_default; exports.default = _chunkJ6F42VLAcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkJ6F42VLAcjs.tooltipPlacementOptions;
7
11
  //# sourceMappingURL=index.cjs.map
@@ -1,8 +1,8 @@
1
- import { T as Tooltip } from '../Tooltip-D0yEMBnv.cjs';
2
- export { a as TooltipProps } from '../Tooltip-D0yEMBnv.cjs';
1
+ import { T as Tooltip } from '../Tooltip-D4znH2L3.cjs';
2
+ export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-D4znH2L3.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
5
 
6
6
 
7
7
 
8
- export { Tooltip as default };
8
+ export { Tooltip, Tooltip as default };
@@ -1,8 +1,8 @@
1
- import { T as Tooltip } from '../Tooltip-D0yEMBnv.js';
2
- export { a as TooltipProps } from '../Tooltip-D0yEMBnv.js';
1
+ import { T as Tooltip } from '../Tooltip-D4znH2L3.js';
2
+ export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-D4znH2L3.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
5
5
 
6
6
 
7
7
 
8
- export { Tooltip as default };
8
+ export { Tooltip, Tooltip as default };
@@ -1,7 +1,11 @@
1
1
  import {
2
- Tooltip_default
3
- } from "../chunk-J47IOXCU.js";
2
+ Tooltip_default,
3
+ Tooltip_default2,
4
+ tooltipPlacementOptions
5
+ } from "../chunk-VISKY2B2.js";
4
6
  export {
5
- Tooltip_default as default
7
+ Tooltip_default as Tooltip,
8
+ Tooltip_default2 as default,
9
+ tooltipPlacementOptions
6
10
  };
7
11
  //# sourceMappingURL=index.js.map
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- declare const PlacementOptions: readonly ["top", "bottom", "left", "right"];
5
- type Placement = (typeof PlacementOptions)[number];
4
+ declare const tooltipPlacementOptions: readonly ["top", "bottom", "left", "right"];
5
+ type TooltipPlacement = (typeof tooltipPlacementOptions)[number];
6
6
  interface TooltipProps {
7
7
  /** trigger child components */
8
8
  children: ReactNode;
@@ -17,11 +17,11 @@ interface TooltipProps {
17
17
  /** handler that is called when the overlay's open state changes */
18
18
  onOpenChange?: (isOpen: boolean) => void;
19
19
  /** placement if the tooltip */
20
- placement?: Placement;
20
+ placement?: TooltipPlacement;
21
21
  }
22
22
  /**
23
23
  * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
24
24
  */
25
25
  declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
26
26
 
27
- export { Tooltip as T, type TooltipProps as a };
27
+ export { Tooltip as T, type TooltipProps as a, tooltipPlacementOptions as t };
@@ -1,8 +1,8 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- declare const PlacementOptions: readonly ["top", "bottom", "left", "right"];
5
- type Placement = (typeof PlacementOptions)[number];
4
+ declare const tooltipPlacementOptions: readonly ["top", "bottom", "left", "right"];
5
+ type TooltipPlacement = (typeof tooltipPlacementOptions)[number];
6
6
  interface TooltipProps {
7
7
  /** trigger child components */
8
8
  children: ReactNode;
@@ -17,11 +17,11 @@ interface TooltipProps {
17
17
  /** handler that is called when the overlay's open state changes */
18
18
  onOpenChange?: (isOpen: boolean) => void;
19
19
  /** placement if the tooltip */
20
- placement?: Placement;
20
+ placement?: TooltipPlacement;
21
21
  }
22
22
  /**
23
23
  * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
24
24
  */
25
25
  declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
26
26
 
27
- export { Tooltip as T, type TooltipProps as a };
27
+ export { Tooltip as T, type TooltipProps as a, tooltipPlacementOptions as t };
@@ -43,14 +43,14 @@ var Button = ({
43
43
  className = void 0,
44
44
  color = "default",
45
45
  disabled = false,
46
+ disableAnimation = false,
46
47
  icon = void 0,
47
48
  loading = false,
48
49
  onClick = void 0,
49
50
  size = void 0,
50
51
  testId = void 0,
51
52
  type = void 0,
52
- variant = "solid",
53
- ...passthrouhProps
53
+ variant = "solid"
54
54
  }) => {
55
55
  return /* @__PURE__ */ jsxs2(
56
56
  NextButton,
@@ -59,6 +59,8 @@ var Button = ({
59
59
  className: cn(className),
60
60
  color,
61
61
  "data-testid": testId,
62
+ disableAnimation,
63
+ disableRipple: disableAnimation,
62
64
  isDisabled: disabled,
63
65
  isIconOnly: !!(icon && !children),
64
66
  isLoading: loading,
@@ -67,7 +69,6 @@ var Button = ({
67
69
  spinner: /* @__PURE__ */ jsx2(LoadingSpinner_default, {}),
68
70
  type,
69
71
  variant,
70
- ...passthrouhProps,
71
72
  children: [
72
73
  icon,
73
74
  children
@@ -84,4 +85,4 @@ export {
84
85
  Button_default,
85
86
  Button_default2
86
87
  };
87
- //# sourceMappingURL=chunk-2UJJIIMU.js.map
88
+ //# sourceMappingURL=chunk-2Q6M4DC3.js.map
@@ -0,0 +1 @@
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"]}
@@ -10,6 +10,7 @@ var _classnames = require('classnames'); var _classnames2 = _interopRequireDefau
10
10
  var _debug = require('debug'); var _debug2 = _interopRequireDefault(_debug);
11
11
  var _jsxruntime = require('react/jsx-runtime');
12
12
  var debug = _debug2.default.call(void 0, "component:Modal");
13
+ var modalSizeOptions = ["sm", "md", "lg"];
13
14
  var Modal = ({
14
15
  children = null,
15
16
  className = void 0,
@@ -56,5 +57,6 @@ var Modal_default2 = Modal_default;
56
57
 
57
58
 
58
59
 
59
- exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
60
- //# sourceMappingURL=chunk-STEC6TAQ.cjs.map
60
+
61
+ exports.modalSizeOptions = modalSizeOptions; exports.Modal_default = Modal_default; exports.Modal_default2 = Modal_default2;
62
+ //# sourceMappingURL=chunk-BPJAPVB5.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":["Modal_default"],"mappings":";AAEA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AA8DZ,mBACY,KADZ;AA5DZ,IAAM,QAAQ,YAAY,iBAAiB;AAEpC,IAAM,mBAAmB,CAAC,MAAM,MAAM,IAAI;AAyBjD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,8BAAC,oBAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,iCACG;AAAA,iBAAS,oBAAC,mBAAiB,iBAAM;AAAA,QAClC,oBAAC,iBAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChFf,IAAOA,iBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const modalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof modalSizeOptions)[number];\n\nexport interface ModalProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n footer?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalSize;\n /** e2e test id */\n testId?: string;\n /** modal header */\n title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n title = undefined,\n}: ModalProps) => {\n debug('Modal', { size });\n return (\n <div className={cn(className)} data-testid={testId}>\n <NextModal\n backdrop=\"opaque\"\n classNames={{\n base: cn(\n {\n 'lg:w-11/12': size === 'lg',\n 'w-2/12': size === 'sm',\n 'w-6/12': size === 'md',\n },\n // overwrite !rounded-none from nextui\n '!rounded-lg',\n ),\n }}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior=\"inside\"\n size=\"full\"\n >\n <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n {() => (\n <>\n {title && <NextModalHeader>{title}</NextModalHeader>}\n <NextModalBody className=\"bg-ex-background\">\n {children}\n </NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n </div>\n );\n};\n\nexport default Modal;\n","import Modal, { modalSizeOptions } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalSizeOptions };\n\nexport default Modal;\n"]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Button_default2 as Button_default
3
- } from "./chunk-2UJJIIMU.js";
3
+ } from "./chunk-2Q6M4DC3.js";
4
4
 
5
5
  // src/Json/Json.tsx
6
6
  import { useState } from "react";
@@ -124,4 +124,4 @@ export {
124
124
  Json_default,
125
125
  Json_default2
126
126
  };
127
- //# sourceMappingURL=chunk-7ERBBFDC.js.map
127
+ //# sourceMappingURL=chunk-CNELFUYE.js.map
@@ -10,6 +10,7 @@ import cn from "classnames";
10
10
  import createDebug from "debug";
11
11
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
12
12
  var debug = createDebug("component:Modal");
13
+ var modalSizeOptions = ["sm", "md", "lg"];
13
14
  var Modal = ({
14
15
  children = null,
15
16
  className = void 0,
@@ -54,7 +55,8 @@ var Modal_default = Modal;
54
55
  var Modal_default2 = Modal_default;
55
56
 
56
57
  export {
58
+ modalSizeOptions,
57
59
  Modal_default,
58
60
  Modal_default2
59
61
  };
60
- //# sourceMappingURL=chunk-MBQA3LPM.js.map
62
+ //# sourceMappingURL=chunk-CTP2PZYD.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const ModalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof ModalSizeOptions)[number];\n\nexport interface ModalProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n footer?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalSize;\n /** e2e test id */\n testId?: string;\n /** modal header */\n title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n title = undefined,\n}: ModalProps) => {\n debug('Modal', { size });\n return (\n <div className={cn(className)} data-testid={testId}>\n <NextModal\n backdrop=\"opaque\"\n classNames={{\n base: cn(\n {\n 'lg:w-11/12': size === 'lg',\n 'w-2/12': size === 'sm',\n 'w-6/12': size === 'md',\n },\n // overwrite !rounded-none from nextui\n '!rounded-lg',\n ),\n }}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior=\"inside\"\n size=\"full\"\n >\n <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n {() => (\n <>\n {title && <NextModalHeader>{title}</NextModalHeader>}\n <NextModalBody className=\"bg-ex-background\">\n {children}\n </NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n </div>\n );\n};\n\nexport default Modal;\n","import Modal from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal };\n\nexport default Modal;\n"],"mappings":";AAEA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AA8DZ,mBACY,KADZ;AA5DZ,IAAM,QAAQ,YAAY,iBAAiB;AA2B3C,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,8BAAC,oBAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,iCACG;AAAA,iBAAS,oBAAC,mBAAiB,iBAAM;AAAA,QAClC,oBAAC,iBAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChFf,IAAOA,iBAAQ;","names":["Modal_default"]}
1
+ {"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const modalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof modalSizeOptions)[number];\n\nexport interface ModalProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n footer?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalSize;\n /** e2e test id */\n testId?: string;\n /** modal header */\n title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n title = undefined,\n}: ModalProps) => {\n debug('Modal', { size });\n return (\n <div className={cn(className)} data-testid={testId}>\n <NextModal\n backdrop=\"opaque\"\n classNames={{\n base: cn(\n {\n 'lg:w-11/12': size === 'lg',\n 'w-2/12': size === 'sm',\n 'w-6/12': size === 'md',\n },\n // overwrite !rounded-none from nextui\n '!rounded-lg',\n ),\n }}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior=\"inside\"\n size=\"full\"\n >\n <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n {() => (\n <>\n {title && <NextModalHeader>{title}</NextModalHeader>}\n <NextModalBody className=\"bg-ex-background\">\n {children}\n </NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n </div>\n );\n};\n\nexport default Modal;\n","import Modal, { modalSizeOptions } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalSizeOptions };\n\nexport default Modal;\n"],"mappings":";AAEA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AA8DZ,mBACY,KADZ;AA5DZ,IAAM,QAAQ,YAAY,iBAAiB;AAEpC,IAAM,mBAAmB,CAAC,MAAM,MAAM,IAAI;AAyBjD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,8BAAC,oBAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,iCACG;AAAA,iBAAS,oBAAC,mBAAiB,iBAAM;AAAA,QAClC,oBAAC,iBAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChFf,IAAOA,iBAAQ;","names":["Modal_default"]}
@@ -43,14 +43,14 @@ var Button = ({
43
43
  className = void 0,
44
44
  color = "default",
45
45
  disabled = false,
46
+ disableAnimation = false,
46
47
  icon = void 0,
47
48
  loading = false,
48
49
  onClick = void 0,
49
50
  size = void 0,
50
51
  testId = void 0,
51
52
  type = void 0,
52
- variant = "solid",
53
- ...passthrouhProps
53
+ variant = "solid"
54
54
  }) => {
55
55
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
56
56
  _button.Button,
@@ -59,6 +59,8 @@ var Button = ({
59
59
  className: _classnames2.default.call(void 0, className),
60
60
  color,
61
61
  "data-testid": testId,
62
+ disableAnimation,
63
+ disableRipple: disableAnimation,
62
64
  isDisabled: disabled,
63
65
  isIconOnly: !!(icon && !children),
64
66
  isLoading: loading,
@@ -67,7 +69,6 @@ var Button = ({
67
69
  spinner: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner_default, {}),
68
70
  type,
69
71
  variant,
70
- ...passthrouhProps,
71
72
  children: [
72
73
  icon,
73
74
  children
@@ -84,4 +85,4 @@ var Button_default2 = Button_default;
84
85
 
85
86
 
86
87
  exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
87
- //# sourceMappingURL=chunk-I76NWOB3.cjs.map
88
+ //# sourceMappingURL=chunk-IAE5EJ7Z.cjs.map
@@ -0,0 +1 @@
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"]}
@@ -2,6 +2,12 @@
2
2
  var _tooltip = require('@nextui-org/tooltip');
3
3
  var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
4
4
  var _jsxruntime = require('react/jsx-runtime');
5
+ var tooltipPlacementOptions = [
6
+ "top",
7
+ "bottom",
8
+ "left",
9
+ "right"
10
+ ];
5
11
  var Tooltip = ({
6
12
  children,
7
13
  className = void 0,
@@ -31,5 +37,7 @@ var Tooltip_default2 = Tooltip_default;
31
37
 
32
38
 
33
39
 
34
- exports.Tooltip_default = Tooltip_default2;
35
- //# sourceMappingURL=chunk-JD3BEOSK.cjs.map
40
+
41
+
42
+ exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
43
+ //# sourceMappingURL=chunk-J6F42VLA.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAiDX;AA/CG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;AClDf,IAAOA,mBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"]}
@@ -1,6 +1,6 @@
1
1
  "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; }
2
2
 
3
- var _chunkI76NWOB3cjs = require('./chunk-I76NWOB3.cjs');
3
+ var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
4
4
 
5
5
  // src/Json/Json.tsx
6
6
  var _react = require('react');
@@ -79,7 +79,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
79
79
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
80
80
  ] }),
81
81
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
82
- _chunkI76NWOB3cjs.Button_default2,
82
+ _chunkIAE5EJ7Zcjs.Button_default2,
83
83
  {
84
84
  color: "danger",
85
85
  size: "sm",
@@ -124,4 +124,4 @@ var Json_default2 = Json_default;
124
124
 
125
125
 
126
126
  exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
127
- //# sourceMappingURL=chunk-PI7CBPUS.cjs.map
127
+ //# sourceMappingURL=chunk-MBKSGWDJ.cjs.map
@@ -2,6 +2,12 @@
2
2
  import { Tooltip as NextTooltip } from "@nextui-org/tooltip";
3
3
  import cn from "classnames";
4
4
  import { jsx } from "react/jsx-runtime";
5
+ var tooltipPlacementOptions = [
6
+ "top",
7
+ "bottom",
8
+ "left",
9
+ "right"
10
+ ];
5
11
  var Tooltip = ({
6
12
  children,
7
13
  className = void 0,
@@ -30,6 +36,8 @@ var Tooltip_default = Tooltip;
30
36
  var Tooltip_default2 = Tooltip_default;
31
37
 
32
38
  export {
33
- Tooltip_default2 as Tooltip_default
39
+ tooltipPlacementOptions,
40
+ Tooltip_default,
41
+ Tooltip_default2
34
42
  };
35
- //# sourceMappingURL=chunk-J47IOXCU.js.map
43
+ //# sourceMappingURL=chunk-VISKY2B2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAiDX;AA/CG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;AClDf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
package/dist/index.cjs CHANGED
@@ -3,10 +3,10 @@
3
3
  var _chunkWTKZJFQVcjs = require('./chunk-WTKZJFQV.cjs');
4
4
 
5
5
 
6
- var _chunkPI7CBPUScjs = require('./chunk-PI7CBPUS.cjs');
6
+ var _chunkMBKSGWDJcjs = require('./chunk-MBKSGWDJ.cjs');
7
7
 
8
8
 
9
- var _chunkI76NWOB3cjs = require('./chunk-I76NWOB3.cjs');
9
+ var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
10
10
 
11
11
 
12
12
  var _chunkBMKGS5PKcjs = require('./chunk-BMKGS5PK.cjs');
@@ -15,11 +15,15 @@ var _chunkBMKGS5PKcjs = require('./chunk-BMKGS5PK.cjs');
15
15
  var _chunkL5OZDDU7cjs = require('./chunk-L5OZDDU7.cjs');
16
16
 
17
17
 
18
- var _chunkSTEC6TAQcjs = require('./chunk-STEC6TAQ.cjs');
18
+
19
+ var _chunkBPJAPVB5cjs = require('./chunk-BPJAPVB5.cjs');
19
20
 
20
21
 
21
22
  var _chunkYUOFNPJOcjs = require('./chunk-YUOFNPJO.cjs');
22
- require('./chunk-JD3BEOSK.cjs');
23
+
24
+
25
+
26
+ var _chunkJ6F42VLAcjs = require('./chunk-J6F42VLA.cjs');
23
27
 
24
28
  // src/hooks/useDebounce.ts
25
29
  var _react = require('react');
@@ -98,5 +102,8 @@ var useLocalStorage_default = useLocalStorage;
98
102
 
99
103
 
100
104
 
101
- 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 = _chunkSTEC6TAQcjs.Modal_default; exports.Popover = _chunkYUOFNPJOcjs.Popover_default; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
105
+
106
+
107
+
108
+ 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;
102
109
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"names":["useEffect","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ","sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay], // Only re-call effect if value or delay changes\n );\n return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n key: string,\n initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n // Get from local storage then\n // parse stored json or return initialValue\n const readValue = () => {\n // Prevent build error \"window is undefined\" but keep keep working\n if (typeof window === 'undefined') {\n return initialValue;\n }\n\n try {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n console.warn(`Error reading localStorage key “${key}”:`, error);\n return initialValue;\n }\n };\n\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(readValue);\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue: Dispatch<SetStateAction<T>> = (value) => {\n // Prevent build error \"window is undefined\" but keeps working\n if (typeof window === 'undefined') {\n console.warn(\n `Tried setting localStorage key “${key}” even though environment is not a client`,\n );\n }\n\n try {\n // Allow value to be a function so we have the same API as useState\n const newValue = value instanceof Function ? value(storedValue) : value;\n\n // Save to local storage\n window.localStorage.setItem(key, JSON.stringify(newValue));\n\n // Save state\n setStoredValue(newValue);\n\n // We dispatch a custom event so every useLocalStorage hook are notified\n window.dispatchEvent(new Event('local-storage'));\n } catch (error) {\n console.warn(`Error setting localStorage key “${key}”:`, error);\n }\n };\n\n useEffect(() => {\n setStoredValue(readValue());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n const handleStorageChange = () => {\n setStoredValue(readValue());\n };\n\n // this only works for other documents, not the current one\n window.addEventListener('storage', handleStorageChange);\n\n // this is a custom event, triggered in writeValueToLocalStorage\n window.addEventListener('local-storage', handleStorageChange);\n\n return () => {\n window.removeEventListener('storage', handleStorageChange);\n window.removeEventListener('local-storage', handleStorageChange);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"]}
1
+ {"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"names":["useEffect","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ","sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay], // Only re-call effect if value or delay changes\n );\n return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n key: string,\n initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n // Get from local storage then\n // parse stored json or return initialValue\n const readValue = () => {\n // Prevent build error \"window is undefined\" but keep keep working\n if (typeof window === 'undefined') {\n return initialValue;\n }\n\n try {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n console.warn(`Error reading localStorage key “${key}”:`, error);\n return initialValue;\n }\n };\n\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(readValue);\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue: Dispatch<SetStateAction<T>> = (value) => {\n // Prevent build error \"window is undefined\" but keeps working\n if (typeof window === 'undefined') {\n console.warn(\n `Tried setting localStorage key “${key}” even though environment is not a client`,\n );\n }\n\n try {\n // Allow value to be a function so we have the same API as useState\n const newValue = value instanceof Function ? value(storedValue) : value;\n\n // Save to local storage\n window.localStorage.setItem(key, JSON.stringify(newValue));\n\n // Save state\n setStoredValue(newValue);\n\n // We dispatch a custom event so every useLocalStorage hook are notified\n window.dispatchEvent(new Event('local-storage'));\n } catch (error) {\n console.warn(`Error setting localStorage key “${key}”:`, error);\n }\n };\n\n useEffect(() => {\n setStoredValue(readValue());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n const handleStorageChange = () => {\n setStoredValue(readValue());\n };\n\n // this only works for other documents, not the current one\n window.addEventListener('storage', handleStorageChange);\n\n // this is a custom event, triggered in writeValueToLocalStorage\n window.addEventListener('local-storage', handleStorageChange);\n\n return () => {\n window.removeEventListener('storage', handleStorageChange);\n window.removeEventListener('local-storage', handleStorageChange);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"]}
package/dist/index.d.cts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
- export { B as Button, a as ButtonProps } from './Button-B0H0w1eR.cjs';
2
+ export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.cjs';
3
3
  export { C as Card, a as CardProps } from './Card-Cl_I4L8G.cjs';
4
4
  export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
5
5
  export { L as Label, a as LabelProps } from './Label-DzZDW95M.cjs';
6
6
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
7
- export { M as Modal, a as ModalProps } from './Modal-CSxNe0bS.cjs';
7
+ export { M as Modal, a as ModalProps, m as modalSizeOptions } from './Modal-DWZB1uTb.cjs';
8
8
  export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.cjs';
9
- export { a as TooltipProps } from './Tooltip-D0yEMBnv.cjs';
9
+ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.cjs';
10
10
  import 'react/jsx-runtime';
11
11
  import '@nextui-org/button';
12
12
  import 'tailwind-variants/dist/config.js';
package/dist/index.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
- export { B as Button, a as ButtonProps } from './Button-B0H0w1eR.js';
2
+ export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.js';
3
3
  export { C as Card, a as CardProps } from './Card-Cl_I4L8G.js';
4
4
  export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
5
5
  export { L as Label, a as LabelProps } from './Label-DzZDW95M.js';
6
6
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
7
- export { M as Modal, a as ModalProps } from './Modal-CSxNe0bS.js';
7
+ export { M as Modal, a as ModalProps, m as modalSizeOptions } from './Modal-DWZB1uTb.js';
8
8
  export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.js';
9
- export { a as TooltipProps } from './Tooltip-D0yEMBnv.js';
9
+ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.js';
10
10
  import 'react/jsx-runtime';
11
11
  import '@nextui-org/button';
12
12
  import 'tailwind-variants/dist/config.js';
package/dist/index.js CHANGED
@@ -3,10 +3,10 @@ import {
3
3
  } from "./chunk-VQ5Q33MY.js";
4
4
  import {
5
5
  Json_default
6
- } from "./chunk-7ERBBFDC.js";
6
+ } from "./chunk-CNELFUYE.js";
7
7
  import {
8
8
  Button_default
9
- } from "./chunk-2UJJIIMU.js";
9
+ } from "./chunk-2Q6M4DC3.js";
10
10
  import {
11
11
  Label_default
12
12
  } from "./chunk-S2WOGSQV.js";
@@ -14,12 +14,16 @@ import {
14
14
  Menu_default
15
15
  } from "./chunk-VZW4TVTX.js";
16
16
  import {
17
- Modal_default
18
- } from "./chunk-MBQA3LPM.js";
17
+ Modal_default,
18
+ modalSizeOptions
19
+ } from "./chunk-CTP2PZYD.js";
19
20
  import {
20
21
  Popover_default
21
22
  } from "./chunk-V2C3KFMP.js";
22
- import "./chunk-J47IOXCU.js";
23
+ import {
24
+ Tooltip_default,
25
+ tooltipPlacementOptions
26
+ } from "./chunk-VISKY2B2.js";
23
27
 
24
28
  // src/hooks/useDebounce.ts
25
29
  import { useEffect, useState } from "react";
@@ -96,6 +100,9 @@ export {
96
100
  Menu_default as Menu,
97
101
  Modal_default as Modal,
98
102
  Popover_default as Popover,
103
+ Tooltip_default as Tooltip,
104
+ modalSizeOptions,
105
+ tooltipPlacementOptions,
99
106
  useDebounce_default as useDebounce,
100
107
  useLocalStorage_default as useLocalStorage
101
108
  };
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay], // Only re-call effect if value or delay changes\n );\n return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n key: string,\n initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n // Get from local storage then\n // parse stored json or return initialValue\n const readValue = () => {\n // Prevent build error \"window is undefined\" but keep keep working\n if (typeof window === 'undefined') {\n return initialValue;\n }\n\n try {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n console.warn(`Error reading localStorage key “${key}”:`, error);\n return initialValue;\n }\n };\n\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(readValue);\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue: Dispatch<SetStateAction<T>> = (value) => {\n // Prevent build error \"window is undefined\" but keeps working\n if (typeof window === 'undefined') {\n console.warn(\n `Tried setting localStorage key “${key}” even though environment is not a client`,\n );\n }\n\n try {\n // Allow value to be a function so we have the same API as useState\n const newValue = value instanceof Function ? value(storedValue) : value;\n\n // Save to local storage\n window.localStorage.setItem(key, JSON.stringify(newValue));\n\n // Save state\n setStoredValue(newValue);\n\n // We dispatch a custom event so every useLocalStorage hook are notified\n window.dispatchEvent(new Event('local-storage'));\n } catch (error) {\n console.warn(`Error setting localStorage key “${key}”:`, error);\n }\n };\n\n useEffect(() => {\n setStoredValue(readValue());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n const handleStorageChange = () => {\n setStoredValue(readValue());\n };\n\n // this only works for other documents, not the current one\n window.addEventListener('storage', handleStorageChange);\n\n // this is a custom event, triggered in writeValueToLocalStorage\n window.addEventListener('local-storage', handleStorageChange);\n\n return () => {\n window.removeEventListener('storage', handleStorageChange);\n window.removeEventListener('local-storage', handleStorageChange);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;","names":["useEffect","useState"]}
1
+ {"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n // State and setters for debounced value\n const [debouncedValue, setDebouncedValue] = useState(value);\n useEffect(\n () => {\n // Update debounced value after delay\n const handler = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n // Cancel the timeout if value changes (also on delay change or unmount)\n // This is how we prevent debounced value from updating if value is changed ...\n // .. within the delay period. Timeout gets cleared and restarted.\n return () => {\n clearTimeout(handler);\n };\n },\n [value, delay], // Only re-call effect if value or delay changes\n );\n return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n key: string,\n initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n // Get from local storage then\n // parse stored json or return initialValue\n const readValue = () => {\n // Prevent build error \"window is undefined\" but keep keep working\n if (typeof window === 'undefined') {\n return initialValue;\n }\n\n try {\n const item = window.localStorage.getItem(key);\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n console.warn(`Error reading localStorage key “${key}”:`, error);\n return initialValue;\n }\n };\n\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(readValue);\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue: Dispatch<SetStateAction<T>> = (value) => {\n // Prevent build error \"window is undefined\" but keeps working\n if (typeof window === 'undefined') {\n console.warn(\n `Tried setting localStorage key “${key}” even though environment is not a client`,\n );\n }\n\n try {\n // Allow value to be a function so we have the same API as useState\n const newValue = value instanceof Function ? value(storedValue) : value;\n\n // Save to local storage\n window.localStorage.setItem(key, JSON.stringify(newValue));\n\n // Save state\n setStoredValue(newValue);\n\n // We dispatch a custom event so every useLocalStorage hook are notified\n window.dispatchEvent(new Event('local-storage'));\n } catch (error) {\n console.warn(`Error setting localStorage key “${key}”:`, error);\n }\n };\n\n useEffect(() => {\n setStoredValue(readValue());\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n const handleStorageChange = () => {\n setStoredValue(readValue());\n };\n\n // this only works for other documents, not the current one\n window.addEventListener('storage', handleStorageChange);\n\n // this is a custom event, triggered in writeValueToLocalStorage\n window.addEventListener('local-storage', handleStorageChange);\n\n return () => {\n window.removeEventListener('storage', handleStorageChange);\n window.removeEventListener('local-storage', handleStorageChange);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;","names":["useEffect","useState"]}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fuf-stack/pixels",
3
3
  "description": "fuf react component library",
4
4
  "author": "Hannes Tiede",
5
- "version": "0.3.1",
5
+ "version": "0.4.0",
6
6
  "type": "module",
7
7
  "main": "./dist/index.js",
8
8
  "module": "./dist/index.cjs",
@@ -76,28 +76,28 @@
76
76
  "url": "https://github.com/fuf-stack/uniforms/issues"
77
77
  },
78
78
  "dependencies": {
79
- "@nextui-org/button": "2.0.27",
80
- "@nextui-org/card": "2.0.24",
81
- "@nextui-org/chip": "2.0.25",
82
- "@nextui-org/divider": "2.0.25",
83
- "@nextui-org/dropdown": "2.1.16",
84
- "@nextui-org/modal": "2.0.29",
85
- "@nextui-org/popover": "2.1.15",
86
- "@nextui-org/system": "2.0.15",
87
- "@nextui-org/tooltip": "2.0.30",
79
+ "@nextui-org/button": "2.0.30",
80
+ "@nextui-org/card": "2.0.27",
81
+ "@nextui-org/chip": "2.0.28",
82
+ "@nextui-org/divider": "2.0.27",
83
+ "@nextui-org/dropdown": "2.1.22",
84
+ "@nextui-org/modal": "2.0.33",
85
+ "@nextui-org/popover": "2.1.20",
86
+ "@nextui-org/system": "2.1.2",
87
+ "@nextui-org/tooltip": "2.0.33",
88
88
  "classnames": "2.5.1",
89
89
  "debug": "4.3.4",
90
90
  "react": "18.2.0",
91
91
  "react-dom": "18.2.0",
92
- "react-icons": "5.0.1",
92
+ "react-icons": "5.1.0",
93
93
  "react-json-view": "1.21.3",
94
- "@uiw/react-json-view": "2.0.0-alpha.23",
95
- "tailwind-variants": "0.1.20"
94
+ "@uiw/react-json-view": "2.0.0-alpha.24",
95
+ "tailwind-variants": "0.2.1"
96
96
  },
97
97
  "devDependencies": {
98
98
  "@types/debug": "4.1.12",
99
- "@types/react": "18.2.69",
100
- "@types/react-dom": "18.2.22",
99
+ "@types/react": "18.2.79",
100
+ "@types/react-dom": "18.2.25",
101
101
  "@repo/storybook-config": "0.0.1",
102
102
  "@repo/tailwind-config": "0.0.1",
103
103
  "@repo/tsup-config": "0.0.1",
@@ -1 +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 /** 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"]}
@@ -1 +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;;;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"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const PlacementOptions = ['top', 'bottom', 'left', 'right'] as const;\nexport type Placement = (typeof PlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: Placement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import type { TooltipProps } from './Tooltip';\n\nimport Tooltip from './Tooltip';\n\nexport type { TooltipProps };\nexport default Tooltip;\n"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AA4CX;AAnBJ,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;AC9Cf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AA4CX;AAnBJ,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;AC9Cf,IAAOA,mBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const PlacementOptions = ['top', 'bottom', 'left', 'right'] as const;\nexport type Placement = (typeof PlacementOptions)[number];\n\nexport interface TooltipProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: string;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: Placement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className = undefined,\n content,\n placement = 'top',\n defaultOpen = false,\n onOpenChange = undefined,\n containerPadding = 0,\n}: TooltipProps) => (\n <NextTooltip\n className={cn(className)}\n containerPadding={containerPadding}\n content={content}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className=\"cursor-pointer\">{children}</span>\n </NextTooltip>\n);\n\nexport default Tooltip;\n","import type { TooltipProps } from './Tooltip';\n\nimport Tooltip from './Tooltip';\n\nexport type { TooltipProps };\nexport default Tooltip;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"names":["Modal_default"],"mappings":";AAEA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AA8DZ,mBACY,KADZ;AA5DZ,IAAM,QAAQ,YAAY,iBAAiB;AA2B3C,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,8BAAC,oBAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,iCACG;AAAA,iBAAS,oBAAC,mBAAiB,iBAAM;AAAA,QAClC,oBAAC,iBAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;;;AChFf,IAAOA,iBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n Modal as NextModal,\n ModalBody as NextModalBody,\n ModalContent as NextModalContent,\n ModalFooter as NextModalFooter,\n ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const ModalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof ModalSizeOptions)[number];\n\nexport interface ModalProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string | string[];\n /** HTML data-testid attribute used in e2e tests */\n footer?: ReactNode;\n /** open state (controlled) */\n isOpen: boolean;\n /** close event handler */\n onClose: () => void;\n /** modal size */\n size?: ModalSize;\n /** e2e test id */\n testId?: string;\n /** modal header */\n title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n children = null,\n className = undefined,\n footer = undefined,\n isOpen,\n onClose,\n size = 'md',\n testId = undefined,\n title = undefined,\n}: ModalProps) => {\n debug('Modal', { size });\n return (\n <div className={cn(className)} data-testid={testId}>\n <NextModal\n backdrop=\"opaque\"\n classNames={{\n base: cn(\n {\n 'lg:w-11/12': size === 'lg',\n 'w-2/12': size === 'sm',\n 'w-6/12': size === 'md',\n },\n // overwrite !rounded-none from nextui\n '!rounded-lg',\n ),\n }}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior=\"inside\"\n size=\"full\"\n >\n <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n {() => (\n <>\n {title && <NextModalHeader>{title}</NextModalHeader>}\n <NextModalBody className=\"bg-ex-background\">\n {children}\n </NextModalBody>\n {footer && <NextModalFooter>{footer}</NextModalFooter>}\n </>\n )}\n </NextModalContent>\n </NextModal>\n </div>\n );\n};\n\nexport default Modal;\n","import Modal from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal };\n\nexport default Modal;\n"]}