@fuf-stack/pixels 0.28.0 → 0.29.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.
- package/dist/Accordion/index.cjs.map +1 -1
- package/dist/Avatar/index.cjs.map +1 -1
- package/dist/AvatarGroup/index.cjs.map +1 -1
- package/dist/Badge/index.cjs.map +1 -1
- package/dist/Breadcrumb/index.cjs +2 -2
- package/dist/Breadcrumb/index.cjs.map +1 -1
- package/dist/Breadcrumb/index.d.cts +2 -2
- package/dist/Breadcrumb/index.d.ts +2 -2
- package/dist/Breadcrumb/index.js +1 -1
- package/dist/{Breadcrumb-BUxbjexY.d.cts → Breadcrumb-DHn8XeOY.d.cts} +4 -4
- package/dist/{Breadcrumb-BUxbjexY.d.ts → Breadcrumb-DHn8XeOY.d.ts} +4 -4
- package/dist/Button/index.cjs.map +1 -1
- package/dist/Card/index.cjs.map +1 -1
- package/dist/Json/index.cjs +2 -2
- package/dist/Json/index.cjs.map +1 -1
- package/dist/Json/index.js +1 -1
- package/dist/Label/index.cjs.map +1 -1
- package/dist/Menu/index.cjs.map +1 -1
- package/dist/Modal/index.cjs.map +1 -1
- package/dist/Popover/index.cjs.map +1 -1
- package/dist/ScrollShadow/index.cjs.map +1 -1
- package/dist/Tabs/index.cjs +7 -42
- package/dist/Tabs/index.cjs.map +1 -1
- package/dist/Tabs/index.d.cts +9 -101
- package/dist/Tabs/index.d.ts +9 -101
- package/dist/Tabs/index.js +8 -43
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs-CfFvBC99.d.cts +131 -0
- package/dist/Tabs-CfFvBC99.d.ts +131 -0
- package/dist/Tooltip/index.cjs.map +1 -1
- package/dist/{chunk-Q4DBY25K.cjs → chunk-25HFBECU.cjs} +17 -9
- package/dist/chunk-25HFBECU.cjs.map +1 -0
- package/dist/chunk-5HEZFVFG.cjs.map +1 -1
- package/dist/chunk-7TIFKRWY.cjs.map +1 -1
- package/dist/{chunk-2HCWL2E3.js → chunk-BJWYPCOY.js} +17 -9
- package/dist/chunk-BJWYPCOY.js.map +1 -0
- package/dist/chunk-D5HC5WLB.cjs.map +1 -1
- package/dist/chunk-DZUJEN5N.cjs.map +1 -1
- package/dist/chunk-HVLEV6BG.cjs.map +1 -1
- package/dist/chunk-JPALSO5E.cjs.map +1 -1
- package/dist/chunk-MWNBYTRN.cjs.map +1 -1
- package/dist/chunk-NCSINRHM.js +64 -0
- package/dist/chunk-NCSINRHM.js.map +1 -0
- package/dist/{chunk-ELFKDGH4.cjs → chunk-RJAVAHBK.cjs} +1 -1
- package/dist/chunk-RJAVAHBK.cjs.map +1 -0
- package/dist/chunk-RMA57Q6K.cjs.map +1 -1
- package/dist/{chunk-4W3TNNMD.js → chunk-RMLPCTDU.js} +1 -1
- package/dist/chunk-RMLPCTDU.js.map +1 -0
- package/dist/chunk-U2JEMXXJ.cjs.map +1 -1
- package/dist/chunk-VAJODF7Z.cjs.map +1 -1
- package/dist/chunk-VHEIRVBB.cjs.map +1 -1
- package/dist/chunk-XWBSCU2L.cjs.map +1 -1
- package/dist/chunk-Y3SLMQYA.cjs.map +1 -1
- package/dist/chunk-YTQJ6FZK.cjs.map +1 -1
- package/dist/chunk-Z5OFNBWI.cjs +64 -0
- package/dist/chunk-Z5OFNBWI.cjs.map +1 -0
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/index.cjs +9 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +8 -2
- package/package.json +8 -8
- package/dist/chunk-2HCWL2E3.js.map +0 -1
- package/dist/chunk-4W3TNNMD.js.map +0 -1
- package/dist/chunk-ELFKDGH4.cjs.map +0 -1
- package/dist/chunk-Q4DBY25K.cjs.map +0 -1
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
5
|
+
import { ReactNode } from 'react';
|
|
6
|
+
|
|
7
|
+
declare const tabsVariants: tailwind_variants.TVReturnType<{
|
|
8
|
+
[key: string]: {
|
|
9
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
10
|
+
base?: tailwind_variants.ClassValue;
|
|
11
|
+
tab?: tailwind_variants.ClassValue;
|
|
12
|
+
cursor?: tailwind_variants.ClassValue;
|
|
13
|
+
panel?: tailwind_variants.ClassValue;
|
|
14
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
15
|
+
tabList?: tailwind_variants.ClassValue;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
} | {
|
|
19
|
+
[x: string]: {
|
|
20
|
+
[x: string]: tailwind_variants.ClassValue | {
|
|
21
|
+
base?: tailwind_variants.ClassValue;
|
|
22
|
+
tab?: tailwind_variants.ClassValue;
|
|
23
|
+
cursor?: tailwind_variants.ClassValue;
|
|
24
|
+
panel?: tailwind_variants.ClassValue;
|
|
25
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
26
|
+
tabList?: tailwind_variants.ClassValue;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
} | {}, {
|
|
30
|
+
base: string;
|
|
31
|
+
cursor: string;
|
|
32
|
+
panel: string;
|
|
33
|
+
tab: string;
|
|
34
|
+
tabContent: string;
|
|
35
|
+
tabList: string;
|
|
36
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
37
|
+
[key: string]: {
|
|
38
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
39
|
+
base?: tailwind_variants.ClassValue;
|
|
40
|
+
tab?: tailwind_variants.ClassValue;
|
|
41
|
+
cursor?: tailwind_variants.ClassValue;
|
|
42
|
+
panel?: tailwind_variants.ClassValue;
|
|
43
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
44
|
+
tabList?: tailwind_variants.ClassValue;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
} | {}>, {
|
|
48
|
+
[key: string]: {
|
|
49
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
50
|
+
base?: tailwind_variants.ClassValue;
|
|
51
|
+
tab?: tailwind_variants.ClassValue;
|
|
52
|
+
cursor?: tailwind_variants.ClassValue;
|
|
53
|
+
panel?: tailwind_variants.ClassValue;
|
|
54
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
55
|
+
tabList?: tailwind_variants.ClassValue;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
} | {}, {
|
|
59
|
+
base: string;
|
|
60
|
+
cursor: string;
|
|
61
|
+
panel: string;
|
|
62
|
+
tab: string;
|
|
63
|
+
tabContent: string;
|
|
64
|
+
tabList: string;
|
|
65
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
66
|
+
base: string;
|
|
67
|
+
cursor: string;
|
|
68
|
+
panel: string;
|
|
69
|
+
tab: string;
|
|
70
|
+
tabContent: string;
|
|
71
|
+
tabList: string;
|
|
72
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
73
|
+
[key: string]: {
|
|
74
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
75
|
+
base?: tailwind_variants.ClassValue;
|
|
76
|
+
tab?: tailwind_variants.ClassValue;
|
|
77
|
+
cursor?: tailwind_variants.ClassValue;
|
|
78
|
+
panel?: tailwind_variants.ClassValue;
|
|
79
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
80
|
+
tabList?: tailwind_variants.ClassValue;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
84
|
+
type VariantProps = TVProps<typeof tabsVariants>;
|
|
85
|
+
type ClassName = TVClassName<typeof tabsVariants>;
|
|
86
|
+
interface TabProps {
|
|
87
|
+
/** Content to be displayed in the tab panel */
|
|
88
|
+
content: ReactNode;
|
|
89
|
+
/** Disables the tab so it can not be selected */
|
|
90
|
+
disabled?: boolean;
|
|
91
|
+
/** Unique identifier for the tab */
|
|
92
|
+
key: React.Key;
|
|
93
|
+
/** Label content displayed in the tab button */
|
|
94
|
+
label: ReactNode;
|
|
95
|
+
}
|
|
96
|
+
interface TabsProps extends VariantProps {
|
|
97
|
+
/** Accessible label for the tabs component */
|
|
98
|
+
ariaLabel?: string;
|
|
99
|
+
/** CSS class name */
|
|
100
|
+
className?: ClassName;
|
|
101
|
+
/** Key of the tab that should be selected by default */
|
|
102
|
+
defaultSelectedKey?: string | number;
|
|
103
|
+
/** Whether to destroy inactive tab panel DOM nodes */
|
|
104
|
+
destroyInactiveTabPanel?: boolean;
|
|
105
|
+
/** Array of keys for the tabs to disable */
|
|
106
|
+
disabledKeys?: string[];
|
|
107
|
+
/** Whether tabs should take up full container width */
|
|
108
|
+
fullWidth?: boolean;
|
|
109
|
+
/** Callback fired when tab selection changes */
|
|
110
|
+
onSelectionChange?: (key: React.Key) => void;
|
|
111
|
+
/** Position of the tab list relative to the content */
|
|
112
|
+
placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
|
|
113
|
+
/** Radius of the tabs */
|
|
114
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
115
|
+
/** Selected tab key (controlled) */
|
|
116
|
+
selectedKey?: string | number | null;
|
|
117
|
+
/** Size of the tabs */
|
|
118
|
+
size?: 'sm' | 'md' | 'lg';
|
|
119
|
+
/** Array of tab configurations */
|
|
120
|
+
tabs: TabProps[];
|
|
121
|
+
/** Style variant of the tabs */
|
|
122
|
+
variant?: 'bordered' | 'light' | 'solid' | 'underlined';
|
|
123
|
+
/** Whether to display tabs vertically */
|
|
124
|
+
vertical?: boolean;
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)
|
|
128
|
+
*/
|
|
129
|
+
declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
|
130
|
+
|
|
131
|
+
export { Tabs as T, type TabsProps as a, type TabProps as b, tabsVariants as t };
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
|
|
3
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
4
|
+
import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
|
|
5
|
+
import { ReactNode } from 'react';
|
|
6
|
+
|
|
7
|
+
declare const tabsVariants: tailwind_variants.TVReturnType<{
|
|
8
|
+
[key: string]: {
|
|
9
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
10
|
+
base?: tailwind_variants.ClassValue;
|
|
11
|
+
tab?: tailwind_variants.ClassValue;
|
|
12
|
+
cursor?: tailwind_variants.ClassValue;
|
|
13
|
+
panel?: tailwind_variants.ClassValue;
|
|
14
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
15
|
+
tabList?: tailwind_variants.ClassValue;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
} | {
|
|
19
|
+
[x: string]: {
|
|
20
|
+
[x: string]: tailwind_variants.ClassValue | {
|
|
21
|
+
base?: tailwind_variants.ClassValue;
|
|
22
|
+
tab?: tailwind_variants.ClassValue;
|
|
23
|
+
cursor?: tailwind_variants.ClassValue;
|
|
24
|
+
panel?: tailwind_variants.ClassValue;
|
|
25
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
26
|
+
tabList?: tailwind_variants.ClassValue;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
} | {}, {
|
|
30
|
+
base: string;
|
|
31
|
+
cursor: string;
|
|
32
|
+
panel: string;
|
|
33
|
+
tab: string;
|
|
34
|
+
tabContent: string;
|
|
35
|
+
tabList: string;
|
|
36
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
37
|
+
[key: string]: {
|
|
38
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
39
|
+
base?: tailwind_variants.ClassValue;
|
|
40
|
+
tab?: tailwind_variants.ClassValue;
|
|
41
|
+
cursor?: tailwind_variants.ClassValue;
|
|
42
|
+
panel?: tailwind_variants.ClassValue;
|
|
43
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
44
|
+
tabList?: tailwind_variants.ClassValue;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
} | {}>, {
|
|
48
|
+
[key: string]: {
|
|
49
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
50
|
+
base?: tailwind_variants.ClassValue;
|
|
51
|
+
tab?: tailwind_variants.ClassValue;
|
|
52
|
+
cursor?: tailwind_variants.ClassValue;
|
|
53
|
+
panel?: tailwind_variants.ClassValue;
|
|
54
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
55
|
+
tabList?: tailwind_variants.ClassValue;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
} | {}, {
|
|
59
|
+
base: string;
|
|
60
|
+
cursor: string;
|
|
61
|
+
panel: string;
|
|
62
|
+
tab: string;
|
|
63
|
+
tabContent: string;
|
|
64
|
+
tabList: string;
|
|
65
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
66
|
+
base: string;
|
|
67
|
+
cursor: string;
|
|
68
|
+
panel: string;
|
|
69
|
+
tab: string;
|
|
70
|
+
tabContent: string;
|
|
71
|
+
tabList: string;
|
|
72
|
+
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
73
|
+
[key: string]: {
|
|
74
|
+
[key: string]: tailwind_variants.ClassValue | {
|
|
75
|
+
base?: tailwind_variants.ClassValue;
|
|
76
|
+
tab?: tailwind_variants.ClassValue;
|
|
77
|
+
cursor?: tailwind_variants.ClassValue;
|
|
78
|
+
panel?: tailwind_variants.ClassValue;
|
|
79
|
+
tabContent?: tailwind_variants.ClassValue;
|
|
80
|
+
tabList?: tailwind_variants.ClassValue;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
84
|
+
type VariantProps = TVProps<typeof tabsVariants>;
|
|
85
|
+
type ClassName = TVClassName<typeof tabsVariants>;
|
|
86
|
+
interface TabProps {
|
|
87
|
+
/** Content to be displayed in the tab panel */
|
|
88
|
+
content: ReactNode;
|
|
89
|
+
/** Disables the tab so it can not be selected */
|
|
90
|
+
disabled?: boolean;
|
|
91
|
+
/** Unique identifier for the tab */
|
|
92
|
+
key: React.Key;
|
|
93
|
+
/** Label content displayed in the tab button */
|
|
94
|
+
label: ReactNode;
|
|
95
|
+
}
|
|
96
|
+
interface TabsProps extends VariantProps {
|
|
97
|
+
/** Accessible label for the tabs component */
|
|
98
|
+
ariaLabel?: string;
|
|
99
|
+
/** CSS class name */
|
|
100
|
+
className?: ClassName;
|
|
101
|
+
/** Key of the tab that should be selected by default */
|
|
102
|
+
defaultSelectedKey?: string | number;
|
|
103
|
+
/** Whether to destroy inactive tab panel DOM nodes */
|
|
104
|
+
destroyInactiveTabPanel?: boolean;
|
|
105
|
+
/** Array of keys for the tabs to disable */
|
|
106
|
+
disabledKeys?: string[];
|
|
107
|
+
/** Whether tabs should take up full container width */
|
|
108
|
+
fullWidth?: boolean;
|
|
109
|
+
/** Callback fired when tab selection changes */
|
|
110
|
+
onSelectionChange?: (key: React.Key) => void;
|
|
111
|
+
/** Position of the tab list relative to the content */
|
|
112
|
+
placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;
|
|
113
|
+
/** Radius of the tabs */
|
|
114
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
115
|
+
/** Selected tab key (controlled) */
|
|
116
|
+
selectedKey?: string | number | null;
|
|
117
|
+
/** Size of the tabs */
|
|
118
|
+
size?: 'sm' | 'md' | 'lg';
|
|
119
|
+
/** Array of tab configurations */
|
|
120
|
+
tabs: TabProps[];
|
|
121
|
+
/** Style variant of the tabs */
|
|
122
|
+
variant?: 'bordered' | 'light' | 'solid' | 'underlined';
|
|
123
|
+
/** Whether to display tabs vertically */
|
|
124
|
+
vertical?: boolean;
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* Tabs component based on [NextUI Tabs](https://nextui.org/docs/components/tabs)
|
|
128
|
+
*/
|
|
129
|
+
declare const Tabs: ({ ariaLabel, className, defaultSelectedKey, destroyInactiveTabPanel, disabledKeys, fullWidth, onSelectionChange, placement, radius, selectedKey, size, tabs, variant, vertical, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
|
130
|
+
|
|
131
|
+
export { Tabs as T, type TabsProps as a, type TabProps as b, tabsVariants as t };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,uLAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"}
|
|
@@ -2605,16 +2605,24 @@ var Json = ({ className = null, collapsed = false, value }) => {
|
|
|
2605
2605
|
"absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1",
|
|
2606
2606
|
{ "text-success": copied }
|
|
2607
2607
|
);
|
|
2608
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2609
|
-
|
|
2608
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2609
|
+
"span",
|
|
2610
2610
|
{
|
|
2611
|
-
|
|
2612
|
-
|
|
2611
|
+
className: "relative !ml-0 !h-[1em] !w-0",
|
|
2612
|
+
style,
|
|
2613
|
+
"data-testid": "copy-button",
|
|
2614
|
+
children: copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2615
|
+
_hi.HiOutlineClipboardCheck,
|
|
2616
|
+
{
|
|
2617
|
+
...elmProps,
|
|
2618
|
+
className: elmClasses
|
|
2619
|
+
}
|
|
2620
|
+
) : (
|
|
2621
|
+
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
2622
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi.HiOutlineClipboard, { ...elmProps, className: elmClasses })
|
|
2623
|
+
)
|
|
2613
2624
|
}
|
|
2614
|
-
)
|
|
2615
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
2616
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hi.HiOutlineClipboard, { ...elmProps, className: elmClasses })
|
|
2617
|
-
) });
|
|
2625
|
+
);
|
|
2618
2626
|
}
|
|
2619
2627
|
}
|
|
2620
2628
|
)
|
|
@@ -2678,4 +2686,4 @@ var Json_default2 = Json_default;
|
|
|
2678
2686
|
|
|
2679
2687
|
|
|
2680
2688
|
exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
|
|
2681
|
-
//# sourceMappingURL=chunk-
|
|
2689
|
+
//# sourceMappingURL=chunk-25HFBECU.cjs.map
|