@fuf-stack/pixels 0.32.4 → 0.33.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 +2 -4
- package/dist/Button/index.cjs.map +1 -1
- package/dist/Button/index.d.cts +2 -3
- package/dist/Button/index.d.ts +2 -3
- package/dist/Button/index.js +1 -3
- package/dist/{ButtonGroup-DyAm7NZs.d.cts → Button-BGekDPvO.d.cts} +1 -8
- package/dist/{ButtonGroup-DyAm7NZs.d.ts → Button-BGekDPvO.d.ts} +1 -8
- package/dist/ButtonGroup/index.cjs +10 -0
- package/dist/ButtonGroup/index.cjs.map +1 -0
- package/dist/ButtonGroup/index.d.cts +7 -0
- package/dist/ButtonGroup/index.d.ts +7 -0
- package/dist/ButtonGroup/index.js +10 -0
- package/dist/ButtonGroup/index.js.map +1 -0
- package/dist/ButtonGroup-CUxpALRo.d.cts +9 -0
- package/dist/ButtonGroup-CUxpALRo.d.ts +9 -0
- package/dist/Json/index.cjs +3 -3
- package/dist/Json/index.js +2 -2
- package/dist/Tabs/index.cjs +2 -2
- package/dist/Tabs/index.d.cts +2 -2
- package/dist/Tabs/index.d.ts +2 -2
- package/dist/Tabs/index.js +1 -1
- package/dist/{Tabs-XIux-c3p.d.cts → Tabs-xUYwXMX9.d.cts} +3 -1
- package/dist/{Tabs-XIux-c3p.d.ts → Tabs-xUYwXMX9.d.ts} +3 -1
- package/dist/{chunk-TAVTNSQG.cjs → chunk-4X43AGXE.cjs} +2 -8
- package/dist/chunk-4X43AGXE.cjs.map +1 -0
- package/dist/chunk-FNQ7VO32.js +13 -0
- package/dist/chunk-FNQ7VO32.js.map +1 -0
- package/dist/{chunk-ERK2LYGJ.js → chunk-HL5BEHIS.js} +1 -7
- package/dist/chunk-HL5BEHIS.js.map +1 -0
- package/dist/{chunk-L2H7DUEB.cjs → chunk-JUHSESWB.cjs} +3 -1
- package/dist/chunk-JUHSESWB.cjs.map +1 -0
- package/dist/{chunk-72VIMIAB.js → chunk-JZHEG3SM.js} +3 -1
- package/dist/chunk-JZHEG3SM.js.map +1 -0
- package/dist/{chunk-U46SDLRH.cjs → chunk-LBJ3YG36.cjs} +66 -66
- package/dist/chunk-LBJ3YG36.cjs.map +1 -0
- package/dist/{chunk-XNKV2DN7.js → chunk-OPDWDH3W.js} +65 -65
- package/dist/chunk-OPDWDH3W.js.map +1 -0
- package/dist/chunk-Y3RSI2KV.cjs +13 -0
- package/dist/chunk-Y3RSI2KV.cjs.map +1 -0
- package/dist/index.cjs +7 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +6 -4
- package/package.json +34 -29
- package/dist/chunk-72VIMIAB.js.map +0 -1
- package/dist/chunk-ERK2LYGJ.js.map +0 -1
- package/dist/chunk-L2H7DUEB.cjs.map +0 -1
- package/dist/chunk-TAVTNSQG.cjs.map +0 -1
- package/dist/chunk-U46SDLRH.cjs.map +0 -1
- package/dist/chunk-XNKV2DN7.js.map +0 -1
package/dist/Button/index.cjs
CHANGED
|
@@ -2,13 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
var _chunkTAVTNSQGcjs = require('../chunk-TAVTNSQG.cjs');
|
|
5
|
+
var _chunk4X43AGXEcjs = require('../chunk-4X43AGXE.cjs');
|
|
7
6
|
require('../chunk-D4TLDLEX.cjs');
|
|
8
7
|
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
|
-
|
|
13
|
-
exports.Button = _chunkTAVTNSQGcjs.Button_default; exports.ButtonGroup = _chunkTAVTNSQGcjs.ButtonGroup_default; exports.buttonVariants = _chunkTAVTNSQGcjs.buttonVariants; exports.default = _chunkTAVTNSQGcjs.Button_default2;
|
|
11
|
+
exports.Button = _chunk4X43AGXEcjs.Button_default; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.default = _chunk4X43AGXEcjs.Button_default2;
|
|
14
12
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Button/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Button/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,kKAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Button/index.cjs"}
|
package/dist/Button/index.d.cts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { B as Button } from '../
|
|
2
|
-
export { a as
|
|
1
|
+
import { B as Button } from '../Button-BGekDPvO.cjs';
|
|
2
|
+
export { a as ButtonProps, b as buttonVariants } from '../Button-BGekDPvO.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 '@heroui/button';
|
|
8
8
|
import 'react';
|
|
9
|
-
import '@heroui/system';
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
package/dist/Button/index.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { B as Button } from '../
|
|
2
|
-
export { a as
|
|
1
|
+
import { B as Button } from '../Button-BGekDPvO.js';
|
|
2
|
+
export { a as ButtonProps, b as buttonVariants } from '../Button-BGekDPvO.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 '@heroui/button';
|
|
8
8
|
import 'react';
|
|
9
|
-
import '@heroui/system';
|
|
10
9
|
|
|
11
10
|
|
|
12
11
|
|
package/dist/Button/index.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
|
-
ButtonGroup_default,
|
|
3
2
|
Button_default,
|
|
4
3
|
Button_default2,
|
|
5
4
|
buttonVariants
|
|
6
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-HL5BEHIS.js";
|
|
7
6
|
import "../chunk-J7N2552D.js";
|
|
8
7
|
export {
|
|
9
8
|
Button_default as Button,
|
|
10
|
-
ButtonGroup_default as ButtonGroup,
|
|
11
9
|
buttonVariants,
|
|
12
10
|
Button_default2 as default
|
|
13
11
|
};
|
|
@@ -2,10 +2,8 @@ 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 _heroui_button from '@heroui/button';
|
|
6
5
|
import { ButtonProps as ButtonProps$1 } from '@heroui/button';
|
|
7
6
|
import { ReactNode } from 'react';
|
|
8
|
-
import * as _heroui_system from '@heroui/system';
|
|
9
7
|
|
|
10
8
|
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
11
9
|
color: {
|
|
@@ -168,9 +166,4 @@ interface ButtonProps extends VariantProps {
|
|
|
168
166
|
*/
|
|
169
167
|
declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
170
168
|
|
|
171
|
-
|
|
172
|
-
* Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
|
|
173
|
-
*/
|
|
174
|
-
declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
|
|
175
|
-
|
|
176
|
-
export { Button as B, ButtonGroup as a, buttonVariants as b, type ButtonProps as c };
|
|
169
|
+
export { Button as B, type ButtonProps as a, buttonVariants as b };
|
|
@@ -2,10 +2,8 @@ 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 _heroui_button from '@heroui/button';
|
|
6
5
|
import { ButtonProps as ButtonProps$1 } from '@heroui/button';
|
|
7
6
|
import { ReactNode } from 'react';
|
|
8
|
-
import * as _heroui_system from '@heroui/system';
|
|
9
7
|
|
|
10
8
|
declare const buttonVariants: tailwind_variants.TVReturnType<{
|
|
11
9
|
color: {
|
|
@@ -168,9 +166,4 @@ interface ButtonProps extends VariantProps {
|
|
|
168
166
|
*/
|
|
169
167
|
declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
170
168
|
|
|
171
|
-
|
|
172
|
-
* Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
|
|
173
|
-
*/
|
|
174
|
-
declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
|
|
175
|
-
|
|
176
|
-
export { Button as B, ButtonGroup as a, buttonVariants as b, type ButtonProps as c };
|
|
169
|
+
export { Button as B, type ButtonProps as a, buttonVariants as b };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkY3RSI2KVcjs = require('../chunk-Y3RSI2KV.cjs');
|
|
5
|
+
require('../chunk-D4TLDLEX.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.default = _chunkY3RSI2KVcjs.ButtonGroup_default2;
|
|
10
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/ButtonGroup/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,sHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/ButtonGroup/index.cjs"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as _heroui_system from '@heroui/system';
|
|
2
|
+
import * as _heroui_button from '@heroui/button';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
|
|
6
|
+
*/
|
|
7
|
+
declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
|
|
8
|
+
|
|
9
|
+
export { ButtonGroup as B };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as _heroui_system from '@heroui/system';
|
|
2
|
+
import * as _heroui_button from '@heroui/button';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
|
|
6
|
+
*/
|
|
7
|
+
declare const ButtonGroup: _heroui_system.InternalForwardRefRenderFunction<"div", _heroui_button.ButtonGroupProps, never>;
|
|
8
|
+
|
|
9
|
+
export { ButtonGroup as B };
|
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 _chunkLBJ3YG36cjs = require('../chunk-LBJ3YG36.cjs');
|
|
5
|
+
require('../chunk-4X43AGXE.cjs');
|
|
6
6
|
require('../chunk-D4TLDLEX.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.Json =
|
|
10
|
+
exports.Json = _chunkLBJ3YG36cjs.Json_default; exports.default = _chunkLBJ3YG36cjs.Json_default2;
|
|
11
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Json/index.js
CHANGED
package/dist/Tabs/index.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkJUHSESWBcjs = require('../chunk-JUHSESWB.cjs');
|
|
6
6
|
require('../chunk-D4TLDLEX.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Tabs =
|
|
11
|
+
exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.default = _chunkJUHSESWBcjs.Tabs_default2; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Tabs/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tabs } from '../Tabs-
|
|
2
|
-
export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-
|
|
1
|
+
import { T as Tabs } from '../Tabs-xUYwXMX9.cjs';
|
|
2
|
+
export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-xUYwXMX9.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
package/dist/Tabs/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tabs } from '../Tabs-
|
|
2
|
-
export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-
|
|
1
|
+
import { T as Tabs } from '../Tabs-xUYwXMX9.js';
|
|
2
|
+
export { b as TabProps, a as TabsProps, t as tabsVariants } from '../Tabs-xUYwXMX9.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants/dist/config.js';
|
|
5
5
|
import 'tailwind-variants';
|
package/dist/Tabs/index.js
CHANGED
|
@@ -110,6 +110,8 @@ interface TabsProps extends VariantProps {
|
|
|
110
110
|
defaultSelectedKey?: string | number;
|
|
111
111
|
/** Whether to destroy inactive tab panel DOM nodes */
|
|
112
112
|
destroyInactiveTabPanel?: boolean;
|
|
113
|
+
/** Whether the animation should be disabled. */
|
|
114
|
+
disableAnimation?: boolean;
|
|
113
115
|
/** Array of keys for the tabs to disable */
|
|
114
116
|
disabledKeys?: string[];
|
|
115
117
|
/** Whether tabs should take up full container width */
|
|
@@ -134,6 +136,6 @@ interface TabsProps extends VariantProps {
|
|
|
134
136
|
/**
|
|
135
137
|
* Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
|
|
136
138
|
*/
|
|
137
|
-
declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
|
139
|
+
declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disableAnimation, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
|
138
140
|
|
|
139
141
|
export { Tabs as T, type TabsProps as a, type TabProps as b, tabsVariants as t };
|
|
@@ -110,6 +110,8 @@ interface TabsProps extends VariantProps {
|
|
|
110
110
|
defaultSelectedKey?: string | number;
|
|
111
111
|
/** Whether to destroy inactive tab panel DOM nodes */
|
|
112
112
|
destroyInactiveTabPanel?: boolean;
|
|
113
|
+
/** Whether the animation should be disabled. */
|
|
114
|
+
disableAnimation?: boolean;
|
|
113
115
|
/** Array of keys for the tabs to disable */
|
|
114
116
|
disabledKeys?: string[];
|
|
115
117
|
/** Whether tabs should take up full container width */
|
|
@@ -134,6 +136,6 @@ interface TabsProps extends VariantProps {
|
|
|
134
136
|
/**
|
|
135
137
|
* Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
|
|
136
138
|
*/
|
|
137
|
-
declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
|
139
|
+
declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disableAnimation, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
|
138
140
|
|
|
139
141
|
export { Tabs as T, type TabsProps as a, type TabProps as b, tabsVariants as t };
|
|
@@ -114,11 +114,6 @@ 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
|
-
|
|
122
117
|
// src/Button/index.ts
|
|
123
118
|
var Button_default2 = Button_default;
|
|
124
119
|
|
|
@@ -126,6 +121,5 @@ var Button_default2 = Button_default;
|
|
|
126
121
|
|
|
127
122
|
|
|
128
123
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
//# sourceMappingURL=chunk-TAVTNSQG.cjs.map
|
|
124
|
+
exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
|
|
125
|
+
//# sourceMappingURL=chunk-4X43AGXE.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X43AGXE.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X43AGXE.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** hero ui button color */\n color?: HeroButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** disables all button animations */\n disableAnimation?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: HeroButtonProps['onPress'];\n /** 3 size options */\n size?: HeroButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** hero ui button variants */\n variant?: HeroButtonProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n disableAnimation = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <HeroButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </HeroButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/ButtonGroup/ButtonGroup.tsx
|
|
2
|
+
import { ButtonGroup as HeroButtonGroup } from "@heroui/button";
|
|
3
|
+
var ButtonGroup = HeroButtonGroup;
|
|
4
|
+
var ButtonGroup_default = ButtonGroup;
|
|
5
|
+
|
|
6
|
+
// src/ButtonGroup/index.ts
|
|
7
|
+
var ButtonGroup_default2 = ButtonGroup_default;
|
|
8
|
+
|
|
9
|
+
export {
|
|
10
|
+
ButtonGroup_default,
|
|
11
|
+
ButtonGroup_default2
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=chunk-FNQ7VO32.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.tsx","../src/ButtonGroup/index.ts"],"sourcesContent":["import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n","import ButtonGroup from './ButtonGroup';\n\nexport type { ButtonGroupProps } from './ButtonGroup';\n\nexport { ButtonGroup };\n\nexport default ButtonGroup;\n"],"mappings":";AAAA,SAAS,eAAe,uBAAuB;AAO/C,IAAM,cAAc;AAEpB,IAAO,sBAAQ;;;ACHf,IAAOA,uBAAQ;","names":["ButtonGroup_default"]}
|
|
@@ -114,18 +114,12 @@ var Button = ({
|
|
|
114
114
|
};
|
|
115
115
|
var Button_default = Button;
|
|
116
116
|
|
|
117
|
-
// src/Button/ButtonGroup.tsx
|
|
118
|
-
import { ButtonGroup as HeroButtonGroup } from "@heroui/button";
|
|
119
|
-
var ButtonGroup = HeroButtonGroup;
|
|
120
|
-
var ButtonGroup_default = ButtonGroup;
|
|
121
|
-
|
|
122
117
|
// src/Button/index.ts
|
|
123
118
|
var Button_default2 = Button_default;
|
|
124
119
|
|
|
125
120
|
export {
|
|
126
121
|
buttonVariants,
|
|
127
122
|
Button_default,
|
|
128
|
-
ButtonGroup_default,
|
|
129
123
|
Button_default2
|
|
130
124
|
};
|
|
131
|
-
//# sourceMappingURL=chunk-
|
|
125
|
+
//# sourceMappingURL=chunk-HL5BEHIS.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 { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n default: '',\n primary: '',\n secondary: '',\n success: '',\n warning: '',\n danger: '',\n },\n variant: {\n solid: '',\n bordered: '',\n light: '',\n flat: '',\n faded: '',\n shadow: '',\n ghost: '',\n },\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** hero ui button color */\n color?: HeroButtonProps['color'];\n /** disables function of the button. */\n disabled?: boolean;\n /** disables all button animations */\n disableAnimation?: boolean;\n /** If set loading animation is shown */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** on click event */\n onClick?: HeroButtonProps['onPress'];\n /** 3 size options */\n size?: HeroButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** sets the button type. */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** hero ui button variants */\n variant?: HeroButtonProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disabled = false,\n disableAnimation = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <HeroButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </HeroButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"animate-spin h-5 w-5 text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AAErC,SAAS,UAAU;;;ACDjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADyEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEjHf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}
|
|
@@ -18,6 +18,7 @@ var Tabs = ({
|
|
|
18
18
|
className = void 0,
|
|
19
19
|
defaultSelectedKey = void 0,
|
|
20
20
|
destroyInactiveTabPanel = true,
|
|
21
|
+
disableAnimation = false,
|
|
21
22
|
disabledKeys = void 0,
|
|
22
23
|
fullWidth = true,
|
|
23
24
|
onSelectionChange = void 0,
|
|
@@ -38,6 +39,7 @@ var Tabs = ({
|
|
|
38
39
|
classNames,
|
|
39
40
|
defaultSelectedKey,
|
|
40
41
|
destroyInactiveTabPanel,
|
|
42
|
+
disableAnimation,
|
|
41
43
|
disabledKeys,
|
|
42
44
|
fullWidth,
|
|
43
45
|
isVertical: vertical,
|
|
@@ -62,4 +64,4 @@ var Tabs_default2 = Tabs_default;
|
|
|
62
64
|
|
|
63
65
|
|
|
64
66
|
exports.tabsVariants = tabsVariants; exports.Tabs_default = Tabs_default; exports.Tabs_default2 = Tabs_default2;
|
|
65
|
-
//# sourceMappingURL=chunk-
|
|
67
|
+
//# sourceMappingURL=chunk-JUHSESWB.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-JUHSESWB.cjs","../src/Tabs/Tabs.tsx","../src/Tabs/index.ts"],"names":["Tabs_default"],"mappings":"AAAA;ACGA,oCAAiD;AAEjD,oDAAyC;AAuGjC,+CAAA;AArGD,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,MAAA,EAAQ,EAAA;AAAA,IACR,KAAA,EAAO,EAAA;AAAA,IACP,GAAA,EAAK,0CAAA;AAAA,IACL,UAAA,EAAY,iBAAA;AAAA,IACZ,OAAA,EAAS,EAAA;AAAA,IACT,UAAA,EAAY;AAAA,EACd;AACF,CAAC,CAAA;AAoDD,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,mBAAA,EAAqB,KAAA,CAAA;AAAA,EACrB,wBAAA,EAA0B,IAAA;AAAA,EAC1B,iBAAA,EAAmB,KAAA;AAAA,EACnB,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY,IAAA;AAAA,EACZ,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,KAAA,EAAO,IAAA;AAAA,EACP,IAAA;AAAA,EACA,QAAA,EAAU,OAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAA,EAAA,GAAiB;AACf,EAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,uBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,KAAA,EAAO,KAAA,GAAQ,CAAC,CAAA;AAAA,MAChB,iBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,CAAC,IAAA,EAAA,mBACA,6BAAA,SAAC,EAAA,EAAuB,UAAA,EAAY,CAAC,CAAC,IAAA,CAAK,QAAA,EAAU,KAAA,EAAO,IAAA,CAAK,KAAA,EAC9D,QAAA,EAAA,IAAA,CAAK,QAAA,CAAA,EADM,IAAA,CAAK,GAEnB;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,IAAO,aAAA,EAAQ,IAAA;AD3Df;AACA;AEpDA,IAAOA,cAAAA,EAAQ,YAAA;AFsDf;AACA;AACE;AACA;AACA;AACF,gHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-JUHSESWB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n slots: {\n base: '',\n cursor: '',\n panel: '',\n tab: 'data-[hover-unselected=true]:opacity-100',\n tabContent: 'text-foreground',\n tabList: '',\n tabWrapper: '',\n },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\nexport interface TabProps {\n /** Content to be displayed in the tab panel */\n content: ReactNode;\n /** Disables the tab so it can not be selected */\n disabled?: boolean;\n /** Unique identifier for the tab */\n key: React.Key;\n /** Label content displayed in the tab button */\n label: ReactNode;\n}\n\nexport interface TabsProps extends VariantProps {\n /** Accessible label for the tabs component */\n ariaLabel?: string;\n /** CSS class name */\n className?: ClassName;\n /** Key of the tab that should be selected by default */\n defaultSelectedKey?: string | number;\n /** Whether to destroy inactive tab panel DOM nodes */\n destroyInactiveTabPanel?: boolean;\n /** Whether the animation should be disabled. */\n disableAnimation?: boolean;\n /** Array of keys for the tabs to disable */\n disabledKeys?: string[];\n /** Whether tabs should take up full container width */\n fullWidth?: boolean;\n /** Callback fired when tab selection changes */\n onSelectionChange?: (key: React.Key) => void;\n /** Position of the tab list relative to the content */\n placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n /** Radius of the tabs */\n radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** Selected tab key (controlled) */\n selectedKey?: string | number | null;\n /** Size of the tabs */\n size?: 'sm' | 'md' | 'lg';\n /** Array of tab configurations */\n tabs: TabProps[];\n /** Style variant of the tabs */\n variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n /** Whether to display tabs vertically */\n vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n ariaLabel = undefined,\n className = undefined,\n defaultSelectedKey = undefined,\n destroyInactiveTabPanel = true,\n disableAnimation = false,\n disabledKeys = undefined,\n fullWidth = true,\n onSelectionChange = undefined,\n placement = undefined,\n radius = undefined,\n selectedKey = undefined,\n size = 'md',\n tabs,\n variant = 'solid',\n vertical = false,\n}: TabsProps) => {\n const variants = tabsVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroTabs\n aria-label={ariaLabel}\n classNames={classNames}\n defaultSelectedKey={defaultSelectedKey}\n destroyInactiveTabPanel={destroyInactiveTabPanel}\n disableAnimation={disableAnimation}\n disabledKeys={disabledKeys}\n fullWidth={fullWidth}\n isVertical={vertical}\n items={tabs || []}\n onSelectionChange={onSelectionChange}\n placement={placement}\n radius={radius}\n selectedKey={selectedKey}\n size={size}\n variant={variant}\n >\n {(item) => (\n <HeroTab key={item.key} isDisabled={!!item.disabled} title={item.label}>\n {item.content}\n </HeroTab>\n )}\n </HeroTabs>\n );\n};\n\nexport default Tabs;\n","import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"]}
|
|
@@ -18,6 +18,7 @@ var Tabs = ({
|
|
|
18
18
|
className = void 0,
|
|
19
19
|
defaultSelectedKey = void 0,
|
|
20
20
|
destroyInactiveTabPanel = true,
|
|
21
|
+
disableAnimation = false,
|
|
21
22
|
disabledKeys = void 0,
|
|
22
23
|
fullWidth = true,
|
|
23
24
|
onSelectionChange = void 0,
|
|
@@ -38,6 +39,7 @@ var Tabs = ({
|
|
|
38
39
|
classNames,
|
|
39
40
|
defaultSelectedKey,
|
|
40
41
|
destroyInactiveTabPanel,
|
|
42
|
+
disableAnimation,
|
|
41
43
|
disabledKeys,
|
|
42
44
|
fullWidth,
|
|
43
45
|
isVertical: vertical,
|
|
@@ -62,4 +64,4 @@ export {
|
|
|
62
64
|
Tabs_default,
|
|
63
65
|
Tabs_default2
|
|
64
66
|
};
|
|
65
|
-
//# sourceMappingURL=chunk-
|
|
67
|
+
//# sourceMappingURL=chunk-JZHEG3SM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Tabs/Tabs.tsx","../src/Tabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n slots: {\n base: '',\n cursor: '',\n panel: '',\n tab: 'data-[hover-unselected=true]:opacity-100',\n tabContent: 'text-foreground',\n tabList: '',\n tabWrapper: '',\n },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\nexport interface TabProps {\n /** Content to be displayed in the tab panel */\n content: ReactNode;\n /** Disables the tab so it can not be selected */\n disabled?: boolean;\n /** Unique identifier for the tab */\n key: React.Key;\n /** Label content displayed in the tab button */\n label: ReactNode;\n}\n\nexport interface TabsProps extends VariantProps {\n /** Accessible label for the tabs component */\n ariaLabel?: string;\n /** CSS class name */\n className?: ClassName;\n /** Key of the tab that should be selected by default */\n defaultSelectedKey?: string | number;\n /** Whether to destroy inactive tab panel DOM nodes */\n destroyInactiveTabPanel?: boolean;\n /** Whether the animation should be disabled. */\n disableAnimation?: boolean;\n /** Array of keys for the tabs to disable */\n disabledKeys?: string[];\n /** Whether tabs should take up full container width */\n fullWidth?: boolean;\n /** Callback fired when tab selection changes */\n onSelectionChange?: (key: React.Key) => void;\n /** Position of the tab list relative to the content */\n placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n /** Radius of the tabs */\n radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n /** Selected tab key (controlled) */\n selectedKey?: string | number | null;\n /** Size of the tabs */\n size?: 'sm' | 'md' | 'lg';\n /** Array of tab configurations */\n tabs: TabProps[];\n /** Style variant of the tabs */\n variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n /** Whether to display tabs vertically */\n vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n ariaLabel = undefined,\n className = undefined,\n defaultSelectedKey = undefined,\n destroyInactiveTabPanel = true,\n disableAnimation = false,\n disabledKeys = undefined,\n fullWidth = true,\n onSelectionChange = undefined,\n placement = undefined,\n radius = undefined,\n selectedKey = undefined,\n size = 'md',\n tabs,\n variant = 'solid',\n vertical = false,\n}: TabsProps) => {\n const variants = tabsVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroTabs\n aria-label={ariaLabel}\n classNames={classNames}\n defaultSelectedKey={defaultSelectedKey}\n destroyInactiveTabPanel={destroyInactiveTabPanel}\n disableAnimation={disableAnimation}\n disabledKeys={disabledKeys}\n fullWidth={fullWidth}\n isVertical={vertical}\n items={tabs || []}\n onSelectionChange={onSelectionChange}\n placement={placement}\n radius={radius}\n selectedKey={selectedKey}\n size={size}\n variant={variant}\n >\n {(item) => (\n <HeroTab key={item.key} isDisabled={!!item.disabled} title={item.label}>\n {item.content}\n </HeroTab>\n )}\n </HeroTabs>\n );\n};\n\nexport default Tabs;\n","import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"],"mappings":";AAGA,SAAS,OAAO,SAAS,QAAQ,gBAAgB;AAEjD,SAAS,IAAI,4BAA4B;AAuGjC;AArGD,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF,CAAC;AAoDD,IAAM,OAAO,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AACb,MAAiB;AACf,QAAM,WAAW,aAAa;AAC9B,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,OAAO,QAAQ,CAAC;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,SACA,oBAAC,WAAuB,YAAY,CAAC,CAAC,KAAK,UAAU,OAAO,KAAK,OAC9D,eAAK,WADM,KAAK,GAEnB;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Gf,IAAOA,gBAAQ;","names":["Tabs_default"]}
|