@fuf-stack/pixels 0.26.0 → 0.27.1
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.
- package/dist/Button/index.cjs +4 -2
- package/dist/Button/index.cjs.map +1 -1
- package/dist/Button/index.d.cts +3 -2
- package/dist/Button/index.d.ts +3 -2
- package/dist/Button/index.js +3 -1
- package/dist/{Button-8uTuwTxM.d.cts → ButtonGroup-DIL5WB0f.d.cts} +8 -1
- package/dist/{Button-8uTuwTxM.d.ts → ButtonGroup-DIL5WB0f.d.ts} +8 -1
- package/dist/Json/index.cjs +3 -3
- package/dist/Json/index.d.cts +2 -2
- package/dist/Json/index.d.ts +2 -2
- package/dist/Json/index.js +2 -2
- package/dist/{Json-ClGDcbcp.d.cts → Json-DHE3NwkX.d.cts} +3 -1
- package/dist/{Json-ClGDcbcp.d.ts → Json-DHE3NwkX.d.ts} +3 -1
- package/dist/{chunk-LOFZNVCN.cjs → chunk-7TIFKRWY.cjs} +8 -2
- package/dist/chunk-7TIFKRWY.cjs.map +1 -0
- package/dist/{chunk-EVCVBDO5.js → chunk-ODLZQXBE.js} +7 -1
- package/dist/chunk-ODLZQXBE.js.map +1 -0
- package/dist/{chunk-HQODZ6JV.cjs → chunk-XV2ML6TH.cjs} +10 -5
- package/dist/{chunk-HQODZ6JV.cjs.map → chunk-XV2ML6TH.cjs.map} +1 -1
- package/dist/{chunk-J3CY5HGI.js → chunk-YGANJ3JO.js} +9 -4
- package/dist/chunk-YGANJ3JO.js.map +1 -0
- package/dist/index.cjs +8 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +7 -5
- package/package.json +2 -3
- package/dist/chunk-EVCVBDO5.js.map +0 -1
- package/dist/chunk-J3CY5HGI.js.map +0 -1
- package/dist/chunk-LOFZNVCN.cjs.map +0 -1
package/dist/Button/index.cjs
CHANGED
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
var _chunk7TIFKRWYcjs = require('../chunk-7TIFKRWY.cjs');
|
|
6
7
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
|
|
13
|
+
exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.default = _chunk7TIFKRWYcjs.Button_default2;
|
|
12
14
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/Button/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/Button/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACF,+NAAC","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/Button/index.cjs"}
|
package/dist/Button/index.d.cts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { B as Button } from '../
|
|
2
|
-
export { a as ButtonProps, b as buttonVariants } from '../
|
|
1
|
+
import { B as Button } from '../ButtonGroup-DIL5WB0f.cjs';
|
|
2
|
+
export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-DIL5WB0f.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
6
|
import '@fuf-stack/pixel-utils';
|
|
7
7
|
import '@nextui-org/button';
|
|
8
8
|
import 'react';
|
|
9
|
+
import '@nextui-org/system';
|
|
9
10
|
|
|
10
11
|
|
|
11
12
|
|
package/dist/Button/index.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { B as Button } from '../
|
|
2
|
-
export { a as ButtonProps, b as buttonVariants } from '../
|
|
1
|
+
import { B as Button } from '../ButtonGroup-DIL5WB0f.js';
|
|
2
|
+
export { a as ButtonGroup, c as ButtonProps, b as buttonVariants } from '../ButtonGroup-DIL5WB0f.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
|
6
6
|
import '@fuf-stack/pixel-utils';
|
|
7
7
|
import '@nextui-org/button';
|
|
8
8
|
import 'react';
|
|
9
|
+
import '@nextui-org/system';
|
|
9
10
|
|
|
10
11
|
|
|
11
12
|
|
package/dist/Button/index.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
|
+
ButtonGroup_default,
|
|
2
3
|
Button_default,
|
|
3
4
|
Button_default2,
|
|
4
5
|
buttonVariants
|
|
5
|
-
} from "../chunk-
|
|
6
|
+
} from "../chunk-ODLZQXBE.js";
|
|
6
7
|
import "../chunk-5WRI5ZAA.js";
|
|
7
8
|
export {
|
|
8
9
|
Button_default as Button,
|
|
10
|
+
ButtonGroup_default as ButtonGroup,
|
|
9
11
|
buttonVariants,
|
|
10
12
|
Button_default2 as default
|
|
11
13
|
};
|
|
@@ -2,8 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
4
|
import { TVProps } from '@fuf-stack/pixel-utils';
|
|
5
|
+
import * as _nextui_org_button from '@nextui-org/button';
|
|
5
6
|
import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
|
|
6
7
|
import { ReactNode } from 'react';
|
|
8
|
+
import * as _nextui_org_system from '@nextui-org/system';
|
|
7
9
|
|
|
8
10
|
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
9
11
|
color: {
|
|
@@ -166,4 +168,9 @@ interface ButtonProps extends VariantProps {
|
|
|
166
168
|
*/
|
|
167
169
|
declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
168
170
|
|
|
169
|
-
|
|
171
|
+
/**
|
|
172
|
+
* Button Group based on [NextUI Button Group](https://nextui.org/docs/components/button#button-group)
|
|
173
|
+
*/
|
|
174
|
+
declare const ButtonGroup: _nextui_org_system.InternalForwardRefRenderFunction<"div", _nextui_org_button.ButtonGroupProps, never>;
|
|
175
|
+
|
|
176
|
+
export { Button as B, ButtonGroup as a, buttonVariants as b, type ButtonProps as c };
|
|
@@ -2,8 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as tailwind_variants from 'tailwind-variants';
|
|
3
3
|
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
4
4
|
import { TVProps } from '@fuf-stack/pixel-utils';
|
|
5
|
+
import * as _nextui_org_button from '@nextui-org/button';
|
|
5
6
|
import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
|
|
6
7
|
import { ReactNode } from 'react';
|
|
8
|
+
import * as _nextui_org_system from '@nextui-org/system';
|
|
7
9
|
|
|
8
10
|
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
9
11
|
color: {
|
|
@@ -166,4 +168,9 @@ interface ButtonProps extends VariantProps {
|
|
|
166
168
|
*/
|
|
167
169
|
declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
168
170
|
|
|
169
|
-
|
|
171
|
+
/**
|
|
172
|
+
* Button Group based on [NextUI Button Group](https://nextui.org/docs/components/button#button-group)
|
|
173
|
+
*/
|
|
174
|
+
declare const ButtonGroup: _nextui_org_system.InternalForwardRefRenderFunction<"div", _nextui_org_button.ButtonGroupProps, never>;
|
|
175
|
+
|
|
176
|
+
export { Button as B, ButtonGroup as a, buttonVariants as b, type ButtonProps as c };
|
package/dist/Json/index.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var _chunkXV2ML6THcjs = require('../chunk-XV2ML6TH.cjs');
|
|
5
|
+
require('../chunk-7TIFKRWY.cjs');
|
|
6
6
|
require('../chunk-DZUJEN5N.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.Json =
|
|
10
|
+
exports.Json = _chunkXV2ML6THcjs.Json_default; exports.default = _chunkXV2ML6THcjs.Json_default2;
|
|
11
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Json/index.d.cts
CHANGED
package/dist/Json/index.d.ts
CHANGED
package/dist/Json/index.js
CHANGED
|
@@ -5,12 +5,14 @@ interface JsonProps {
|
|
|
5
5
|
className?: string | string[] | null;
|
|
6
6
|
/** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */
|
|
7
7
|
collapsed?: boolean | number;
|
|
8
|
+
/** color scheme, if not provided will be determined by if body has dark class */
|
|
9
|
+
theme?: 'light' | 'dark';
|
|
8
10
|
/** Object to be visualized JSON string or object */
|
|
9
11
|
value: string | object;
|
|
10
12
|
}
|
|
11
13
|
/**
|
|
12
14
|
* Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
|
|
13
15
|
*/
|
|
14
|
-
declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare const Json: ({ className, collapsed, theme, value, }: JsonProps) => react_jsx_runtime.JSX.Element;
|
|
15
17
|
|
|
16
18
|
export { Json as J, type JsonProps as a };
|
|
@@ -5,12 +5,14 @@ interface JsonProps {
|
|
|
5
5
|
className?: string | string[] | null;
|
|
6
6
|
/** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */
|
|
7
7
|
collapsed?: boolean | number;
|
|
8
|
+
/** color scheme, if not provided will be determined by if body has dark class */
|
|
9
|
+
theme?: 'light' | 'dark';
|
|
8
10
|
/** Object to be visualized JSON string or object */
|
|
9
11
|
value: string | object;
|
|
10
12
|
}
|
|
11
13
|
/**
|
|
12
14
|
* Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)
|
|
13
15
|
*/
|
|
14
|
-
declare const Json: ({ className, collapsed, value }: JsonProps) => react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare const Json: ({ className, collapsed, theme, value, }: JsonProps) => react_jsx_runtime.JSX.Element;
|
|
15
17
|
|
|
16
18
|
export { Json as J, type JsonProps as a };
|
|
@@ -114,6 +114,11 @@ var Button = ({
|
|
|
114
114
|
};
|
|
115
115
|
var Button_default = Button;
|
|
116
116
|
|
|
117
|
+
// src/Button/ButtonGroup.tsx
|
|
118
|
+
|
|
119
|
+
var ButtonGroup = _button.ButtonGroup;
|
|
120
|
+
var ButtonGroup_default = ButtonGroup;
|
|
121
|
+
|
|
117
122
|
// src/Button/index.ts
|
|
118
123
|
var Button_default2 = Button_default;
|
|
119
124
|
|
|
@@ -121,5 +126,6 @@ var Button_default2 = Button_default;
|
|
|
121
126
|
|
|
122
127
|
|
|
123
128
|
|
|
124
|
-
|
|
125
|
-
|
|
129
|
+
|
|
130
|
+
exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.ButtonGroup_default = ButtonGroup_default; exports.Button_default2 = Button_default2;
|
|
131
|
+
//# sourceMappingURL=chunk-7TIFKRWY.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-7TIFKRWY.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/ButtonGroup.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/pixels/dist/chunk-7TIFKRWY.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** 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={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </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 { ButtonGroup as NextButtonGroup } from '@nextui-org/button';\n\n/**\n * Button Group based on [NextUI Button Group](https://nextui.org/docs/components/button#button-group)\n */\nconst ButtonGroup = NextButtonGroup;\n\nexport default ButtonGroup;\n","import Button, { buttonVariants } from './Button';\nimport ButtonGroup from './ButtonGroup';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, ButtonGroup, buttonVariants };\n\nexport default Button;\n"]}
|
|
@@ -114,12 +114,18 @@ var Button = ({
|
|
|
114
114
|
};
|
|
115
115
|
var Button_default = Button;
|
|
116
116
|
|
|
117
|
+
// src/Button/ButtonGroup.tsx
|
|
118
|
+
import { ButtonGroup as NextButtonGroup } from "@nextui-org/button";
|
|
119
|
+
var ButtonGroup = NextButtonGroup;
|
|
120
|
+
var ButtonGroup_default = ButtonGroup;
|
|
121
|
+
|
|
117
122
|
// src/Button/index.ts
|
|
118
123
|
var Button_default2 = Button_default;
|
|
119
124
|
|
|
120
125
|
export {
|
|
121
126
|
buttonVariants,
|
|
122
127
|
Button_default,
|
|
128
|
+
ButtonGroup_default,
|
|
123
129
|
Button_default2
|
|
124
130
|
};
|
|
125
|
-
//# sourceMappingURL=chunk-
|
|
131
|
+
//# sourceMappingURL=chunk-ODLZQXBE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/ButtonGroup.tsx","../src/Button/index.ts"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** 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={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </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 { ButtonGroup as NextButtonGroup } from '@nextui-org/button';\n\n/**\n * Button Group based on [NextUI Button Group](https://nextui.org/docs/components/button#button-group)\n */\nconst ButtonGroup = NextButtonGroup;\n\nexport default ButtonGroup;\n","import Button, { buttonVariants } from './Button';\nimport ButtonGroup from './ButtonGroup';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, ButtonGroup, buttonVariants };\n\nexport default Button;\n"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AAErC,SAAS,UAAU;;;ACDjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADyEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEvHf,SAAS,eAAe,uBAAuB;AAK/C,IAAM,cAAc;AAEpB,IAAO,sBAAQ;;;ACAf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}
|
|
@@ -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
|
|
3
|
+
var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
@@ -2572,8 +2572,13 @@ var getValue = (value) => {
|
|
|
2572
2572
|
}
|
|
2573
2573
|
throw new Error(`${typeof value} can not be visualized`);
|
|
2574
2574
|
};
|
|
2575
|
-
var Json = ({
|
|
2576
|
-
|
|
2575
|
+
var Json = ({
|
|
2576
|
+
className = null,
|
|
2577
|
+
collapsed = false,
|
|
2578
|
+
theme = void 0,
|
|
2579
|
+
value
|
|
2580
|
+
}) => {
|
|
2581
|
+
const isDarkMode = theme === "dark" || document.body.classList.contains("dark");
|
|
2577
2582
|
let content = null;
|
|
2578
2583
|
let error = null;
|
|
2579
2584
|
const [showDetails, setShowDetails] = _react.useState.call(void 0, false);
|
|
@@ -2631,7 +2636,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
2631
2636
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
|
|
2632
2637
|
] }),
|
|
2633
2638
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2634
|
-
|
|
2639
|
+
_chunk7TIFKRWYcjs.Button_default,
|
|
2635
2640
|
{
|
|
2636
2641
|
color: "danger",
|
|
2637
2642
|
size: "sm",
|
|
@@ -2676,4 +2681,4 @@ var Json_default2 = Json_default;
|
|
|
2676
2681
|
|
|
2677
2682
|
|
|
2678
2683
|
exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
|
|
2679
|
-
//# sourceMappingURL=chunk-
|
|
2684
|
+
//# sourceMappingURL=chunk-XV2ML6TH.cjs.map
|