@jacshuo/onyx 0.1.7 → 0.1.8
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/README.md +63 -31
- package/dist/Accordion.cjs +1 -0
- package/dist/Accordion.d.cts +23 -0
- package/dist/Accordion.d.ts +23 -0
- package/dist/Accordion.js +1 -0
- package/dist/Alert.cjs +1 -0
- package/dist/Alert.d.cts +28 -0
- package/dist/Alert.d.ts +28 -0
- package/dist/Alert.js +1 -0
- package/dist/Badge.cjs +1 -0
- package/dist/Badge.d.cts +10 -0
- package/dist/Badge.d.ts +10 -0
- package/dist/Badge.js +1 -0
- package/dist/Button.cjs +1 -0
- package/dist/Button.d.cts +10 -0
- package/dist/Button.d.ts +10 -0
- package/dist/Button.js +1 -0
- package/dist/Card.cjs +1 -0
- package/dist/Card.d.cts +33 -0
- package/dist/Card.d.ts +33 -0
- package/dist/Card.js +1 -0
- package/dist/Chat.cjs +1 -0
- package/dist/Chat.d.cts +32 -0
- package/dist/{components/Chat.d.ts → Chat.d.ts} +8 -5
- package/dist/Chat.js +1 -0
- package/dist/CinePlayer.cjs +1 -0
- package/dist/CinePlayer.d.cts +40 -0
- package/dist/{components/CinePlayer.d.ts → CinePlayer.d.ts} +8 -5
- package/dist/CinePlayer.js +1 -0
- package/dist/Dialog.cjs +1 -0
- package/dist/Dialog.d.cts +24 -0
- package/dist/Dialog.d.ts +24 -0
- package/dist/Dialog.js +1 -0
- package/dist/Dropdown.cjs +1 -0
- package/dist/Dropdown.d.cts +59 -0
- package/dist/{components/Dropdown.d.ts → Dropdown.d.ts} +10 -8
- package/dist/Dropdown.js +1 -0
- package/dist/DropdownButton.cjs +1 -0
- package/dist/DropdownButton.d.cts +37 -0
- package/dist/{components/DropdownButton.d.ts → DropdownButton.d.ts} +11 -7
- package/dist/DropdownButton.js +1 -0
- package/dist/FileExplorer.cjs +1 -0
- package/dist/FileExplorer.d.cts +96 -0
- package/dist/{components/FileExplorer.d.ts → FileExplorer.d.ts} +12 -9
- package/dist/FileExplorer.js +1 -0
- package/dist/FilmReel.cjs +1 -0
- package/dist/FilmReel.d.cts +43 -0
- package/dist/{components/FilmReel.d.ts → FilmReel.d.ts} +10 -7
- package/dist/FilmReel.js +1 -0
- package/dist/Header.cjs +1 -0
- package/dist/Header.d.cts +53 -0
- package/dist/{components/Header.d.ts → Header.d.ts} +9 -6
- package/dist/Header.js +1 -0
- package/dist/ImageCard.cjs +1 -0
- package/dist/ImageCard.d.cts +22 -0
- package/dist/ImageCard.d.ts +22 -0
- package/dist/ImageCard.js +1 -0
- package/dist/Input.cjs +1 -0
- package/dist/Input.d.cts +24 -0
- package/dist/{components/Input.d.ts → Input.d.ts} +9 -6
- package/dist/Input.js +1 -0
- package/dist/Label.cjs +1 -0
- package/dist/Label.d.cts +10 -0
- package/dist/Label.d.ts +10 -0
- package/dist/Label.js +1 -0
- package/dist/List.cjs +1 -0
- package/dist/List.d.cts +11 -0
- package/dist/List.d.ts +11 -0
- package/dist/List.js +1 -0
- package/dist/MiniPlayer.cjs +1 -0
- package/dist/MiniPlayer.d.cts +53 -0
- package/dist/{components/MiniPlayer.d.ts → MiniPlayer.d.ts} +9 -6
- package/dist/MiniPlayer.js +1 -0
- package/dist/Panel.cjs +1 -0
- package/dist/Panel.d.cts +12 -0
- package/dist/Panel.d.ts +12 -0
- package/dist/Panel.js +1 -0
- package/dist/SideNav.cjs +1 -0
- package/dist/SideNav.d.cts +67 -0
- package/dist/{components/SideNav.d.ts → SideNav.d.ts} +10 -7
- package/dist/SideNav.js +1 -0
- package/dist/Table.cjs +1 -0
- package/dist/Table.d.cts +82 -0
- package/dist/{components/Table.d.ts → Table.d.ts} +21 -18
- package/dist/Table.js +1 -0
- package/dist/Tabs.cjs +1 -0
- package/dist/Tabs.d.cts +28 -0
- package/dist/Tabs.d.ts +28 -0
- package/dist/Tabs.js +1 -0
- package/dist/Tooltip.cjs +1 -0
- package/dist/Tooltip.d.cts +17 -0
- package/dist/Tooltip.d.ts +17 -0
- package/dist/Tooltip.js +1 -0
- package/dist/Tree.cjs +1 -0
- package/dist/Tree.d.cts +33 -0
- package/dist/{components/Tree.d.ts → Tree.d.ts} +7 -5
- package/dist/Tree.js +1 -0
- package/dist/chunks/chunk-2DFUB3KN.js +1 -0
- package/dist/chunks/chunk-4BKLB4KV.cjs +1 -0
- package/dist/chunks/chunk-5PFWPAB6.js +1 -0
- package/dist/chunks/chunk-5XPTHIGM.cjs +1 -0
- package/dist/chunks/chunk-63LKYF4D.cjs +1 -0
- package/dist/chunks/chunk-66LIYNLT.cjs +1 -0
- package/dist/chunks/chunk-6AMBRNVW.js +1 -0
- package/dist/chunks/chunk-6HZRNHE6.js +1 -0
- package/dist/chunks/chunk-6OLB4BUJ.js +1 -0
- package/dist/chunks/chunk-6QQPQPD2.cjs +1 -0
- package/dist/chunks/chunk-7NYDMXZT.cjs +1 -0
- package/dist/chunks/chunk-A5KQAHDU.js +6 -0
- package/dist/chunks/chunk-AAFG7R4U.cjs +1 -0
- package/dist/chunks/chunk-ACQOSYBI.js +1 -0
- package/dist/chunks/chunk-AXBJKPZZ.js +1 -0
- package/dist/chunks/chunk-BQLPFPCA.cjs +1 -0
- package/dist/chunks/chunk-BW6NCATH.js +1 -0
- package/dist/chunks/chunk-CGGBE3GJ.cjs +2 -0
- package/dist/chunks/chunk-DWTXICFN.js +1 -0
- package/dist/chunks/chunk-DXXCR4ON.js +1 -0
- package/dist/chunks/chunk-EK4BC3WT.cjs +1 -0
- package/dist/chunks/chunk-ENRXEISR.js +1 -0
- package/dist/chunks/chunk-ER2MYWQO.cjs +1 -0
- package/dist/chunks/chunk-ETVECKSE.js +2 -0
- package/dist/chunks/chunk-GAK5OQW4.cjs +1 -0
- package/dist/chunks/chunk-HA5QPLJP.cjs +1 -0
- package/dist/chunks/chunk-JAKATE3I.js +1 -0
- package/dist/chunks/chunk-KVV5ZEYV.cjs +1 -0
- package/dist/chunks/chunk-MXDZHU6E.cjs +55 -0
- package/dist/chunks/chunk-N36YROV3.js +1 -0
- package/dist/chunks/chunk-N4QZRR2Y.cjs +17 -0
- package/dist/chunks/chunk-NBLJWONR.cjs +1 -0
- package/dist/chunks/chunk-NCJ5A6VE.js +1 -0
- package/dist/chunks/chunk-NG7F3GCN.js +55 -0
- package/dist/chunks/chunk-ORNYPP3O.cjs +1 -0
- package/dist/chunks/chunk-OZVJMUXX.cjs +1 -0
- package/dist/chunks/chunk-P652JDOU.cjs +1 -0
- package/dist/chunks/chunk-PHAX43YF.js +1 -0
- package/dist/chunks/chunk-PODSD5UT.js +1 -0
- package/dist/chunks/chunk-PSMWVB3O.js +1 -0
- package/dist/chunks/chunk-QLKUAE3R.cjs +1 -0
- package/dist/chunks/chunk-QTADJ7I5.js +17 -0
- package/dist/chunks/chunk-R2K6KI4L.js +1 -0
- package/dist/chunks/chunk-SCSMM2J4.js +1 -0
- package/dist/chunks/chunk-SMZQSZH2.js +1 -0
- package/dist/chunks/chunk-TDI2N27U.cjs +1 -0
- package/dist/chunks/chunk-U2ZQHP4I.cjs +1 -0
- package/dist/chunks/chunk-UDH3OKNZ.cjs +6 -0
- package/dist/chunks/chunk-VDC7N5TC.js +1 -0
- package/dist/chunks/chunk-X5YP5TMY.cjs +1 -0
- package/dist/chunks/chunk-XCP37UUA.cjs +1 -0
- package/dist/chunks/chunk-XOO3AGIT.js +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +31 -0
- package/dist/index.d.ts +31 -27
- package/dist/index.js +1 -1
- package/dist/styles/CinePlayer.css +54 -0
- package/dist/styles/FileExplorer.css +38 -0
- package/dist/styles/FilmReel.css +24 -0
- package/dist/styles/MiniPlayer.css +71 -0
- package/dist/styles/base.css +3701 -0
- package/dist/styles/tokens.css +116 -0
- package/dist/styles.css +18 -18
- package/dist/theme.cjs +1 -0
- package/dist/theme.d.cts +51 -0
- package/dist/theme.d.ts +51 -0
- package/dist/theme.js +1 -0
- package/dist/utils.cjs +1 -0
- package/dist/utils.d.cts +5 -0
- package/dist/utils.d.ts +5 -0
- package/dist/utils.js +1 -0
- package/package.json +14 -7
- package/dist/components/Accordion.d.ts +0 -20
- package/dist/components/Accordion.d.ts.map +0 -1
- package/dist/components/Alert.d.ts +0 -25
- package/dist/components/Alert.d.ts.map +0 -1
- package/dist/components/Badge.d.ts +0 -7
- package/dist/components/Badge.d.ts.map +0 -1
- package/dist/components/Button.d.ts +0 -7
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/Card.d.ts +0 -30
- package/dist/components/Card.d.ts.map +0 -1
- package/dist/components/Chat.d.ts.map +0 -1
- package/dist/components/CinePlayer.d.ts.map +0 -1
- package/dist/components/Dialog.d.ts +0 -21
- package/dist/components/Dialog.d.ts.map +0 -1
- package/dist/components/Dropdown.d.ts.map +0 -1
- package/dist/components/DropdownButton.d.ts.map +0 -1
- package/dist/components/FileExplorer.d.ts.map +0 -1
- package/dist/components/FilmReel.d.ts.map +0 -1
- package/dist/components/Header.d.ts.map +0 -1
- package/dist/components/ImageCard.d.ts +0 -19
- package/dist/components/ImageCard.d.ts.map +0 -1
- package/dist/components/Input.d.ts.map +0 -1
- package/dist/components/Label.d.ts +0 -7
- package/dist/components/Label.d.ts.map +0 -1
- package/dist/components/List.d.ts +0 -8
- package/dist/components/List.d.ts.map +0 -1
- package/dist/components/MiniPlayer.d.ts.map +0 -1
- package/dist/components/Panel.d.ts +0 -9
- package/dist/components/Panel.d.ts.map +0 -1
- package/dist/components/SideNav.d.ts.map +0 -1
- package/dist/components/Table.d.ts.map +0 -1
- package/dist/components/Tabs.d.ts +0 -25
- package/dist/components/Tabs.d.ts.map +0 -1
- package/dist/components/Tooltip.d.ts +0 -14
- package/dist/components/Tooltip.d.ts.map +0 -1
- package/dist/components/Tree.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/lib/utils.d.ts +0 -3
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/styles/theme.d.ts +0 -48
- package/dist/styles/theme.d.ts.map +0 -1
package/dist/Label.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { labelVariants } from './theme.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & VariantProps<typeof labelVariants>;
|
|
8
|
+
declare function Label({ intent, size, className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Label };
|
package/dist/Label.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Label}from'./chunks/chunk-6HZRNHE6.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/List.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkORNYPP3O_cjs=require('./chunks/chunk-ORNYPP3O.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkORNYPP3O_cjs.a}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function(){return chunkORNYPP3O_cjs.b}});
|
package/dist/List.d.cts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { listVariants } from './theme.cjs';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants>;
|
|
8
|
+
declare function List({ intent, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function ListItem({ className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { List, ListItem };
|
package/dist/List.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { listVariants } from './theme.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants>;
|
|
8
|
+
declare function List({ intent, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function ListItem({ className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { List, ListItem };
|
package/dist/List.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as List,b as ListItem}from'./chunks/chunk-DWTXICFN.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkUDH3OKNZ_cjs=require('./chunks/chunk-UDH3OKNZ.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"MiniPlayer",{enumerable:true,get:function(){return chunkUDH3OKNZ_cjs.a}});
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
interface MiniPlayerTrack {
|
|
4
|
+
/** Display title. */
|
|
5
|
+
title: string;
|
|
6
|
+
/** Artist name. */
|
|
7
|
+
artist?: string;
|
|
8
|
+
/** Album name. */
|
|
9
|
+
album?: string;
|
|
10
|
+
/** URL (http/blob/file) or local path for Electron. */
|
|
11
|
+
src: string;
|
|
12
|
+
/** Album art URL. Omit to show a placeholder. */
|
|
13
|
+
cover?: string;
|
|
14
|
+
/** Duration in seconds (auto-detected if not provided). */
|
|
15
|
+
duration?: number;
|
|
16
|
+
}
|
|
17
|
+
type MiniPlayerPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
|
|
18
|
+
type MiniPlayerEntrance = "bottom" | "top" | "left" | "right";
|
|
19
|
+
interface MiniPlayerProps {
|
|
20
|
+
/** Playlist of tracks. */
|
|
21
|
+
playlist: MiniPlayerTrack[];
|
|
22
|
+
/** Starting track index. @default 0 */
|
|
23
|
+
initialTrack?: number;
|
|
24
|
+
/** Position on screen. @default 'bottom-right' */
|
|
25
|
+
position?: MiniPlayerPosition;
|
|
26
|
+
/** Entrance animation direction. @default derived from position */
|
|
27
|
+
entrance?: MiniPlayerEntrance;
|
|
28
|
+
/** Theme override. Follows parent by default. */
|
|
29
|
+
theme?: "dark" | "light";
|
|
30
|
+
/** When true, player docks to the nearest edge and reveals on hover. @default false */
|
|
31
|
+
docked?: boolean;
|
|
32
|
+
/** When true, player is visible (managed externally or auto-shown on track change). */
|
|
33
|
+
visible?: boolean;
|
|
34
|
+
/** Called when visibility changes internally. */
|
|
35
|
+
onVisibleChange?: (v: boolean) => void;
|
|
36
|
+
/** Called on track change. */
|
|
37
|
+
onTrackChange?: (index: number, track: MiniPlayerTrack) => void;
|
|
38
|
+
/** Called on like toggle. */
|
|
39
|
+
onLike?: (index: number, track: MiniPlayerTrack, liked: boolean) => void;
|
|
40
|
+
/** Auto-play the first track when ready. @default true */
|
|
41
|
+
autoPlay?: boolean;
|
|
42
|
+
/** Initial shuffle state. @default false */
|
|
43
|
+
shuffle?: boolean;
|
|
44
|
+
/** Initial single-track loop state. @default false */
|
|
45
|
+
loop?: boolean;
|
|
46
|
+
/** Accent color (any CSS color value). @default '#8b5cf6' */
|
|
47
|
+
accent?: string;
|
|
48
|
+
/** Extra class name. */
|
|
49
|
+
className?: string;
|
|
50
|
+
}
|
|
51
|
+
declare function MiniPlayer({ playlist, initialTrack, position, entrance: entranceProp, theme, docked: dockedProp, visible: visibleProp, onVisibleChange, onTrackChange, onLike, autoPlay, shuffle: shuffleProp, loop: loopProp, accent, className, }: MiniPlayerProps): react_jsx_runtime.JSX.Element;
|
|
52
|
+
|
|
53
|
+
export { MiniPlayer, type MiniPlayerEntrance, type MiniPlayerPosition, type MiniPlayerProps, type MiniPlayerTrack };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
interface MiniPlayerTrack {
|
|
2
4
|
/** Display title. */
|
|
3
5
|
title: string;
|
|
4
6
|
/** Artist name. */
|
|
@@ -12,9 +14,9 @@ export interface MiniPlayerTrack {
|
|
|
12
14
|
/** Duration in seconds (auto-detected if not provided). */
|
|
13
15
|
duration?: number;
|
|
14
16
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
type MiniPlayerPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
|
|
18
|
+
type MiniPlayerEntrance = "bottom" | "top" | "left" | "right";
|
|
19
|
+
interface MiniPlayerProps {
|
|
18
20
|
/** Playlist of tracks. */
|
|
19
21
|
playlist: MiniPlayerTrack[];
|
|
20
22
|
/** Starting track index. @default 0 */
|
|
@@ -46,5 +48,6 @@ export interface MiniPlayerProps {
|
|
|
46
48
|
/** Extra class name. */
|
|
47
49
|
className?: string;
|
|
48
50
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
+
declare function MiniPlayer({ playlist, initialTrack, position, entrance: entranceProp, theme, docked: dockedProp, visible: visibleProp, onVisibleChange, onTrackChange, onLike, autoPlay, shuffle: shuffleProp, loop: loopProp, accent, className, }: MiniPlayerProps): react_jsx_runtime.JSX.Element;
|
|
52
|
+
|
|
53
|
+
export { MiniPlayer, type MiniPlayerEntrance, type MiniPlayerPosition, type MiniPlayerProps, type MiniPlayerTrack };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as MiniPlayer}from'./chunks/chunk-A5KQAHDU.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/Panel.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunk66LIYNLT_cjs=require('./chunks/chunk-66LIYNLT.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Panel",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.a}});Object.defineProperty(exports,"PanelContent",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.c}});Object.defineProperty(exports,"PanelHeader",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.b}});
|
package/dist/Panel.d.cts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { panelVariants } from './theme.cjs';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type PanelProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof panelVariants>;
|
|
8
|
+
declare function Panel({ intent, size, className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function PanelHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function PanelContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { Panel, PanelContent, PanelHeader };
|
package/dist/Panel.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { panelVariants } from './theme.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type PanelProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof panelVariants>;
|
|
8
|
+
declare function Panel({ intent, size, className, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function PanelHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function PanelContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { Panel, PanelContent, PanelHeader };
|
package/dist/Panel.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Panel,c as PanelContent,b as PanelHeader}from'./chunks/chunk-VDC7N5TC.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/SideNav.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkKVV5ZEYV_cjs=require('./chunks/chunk-KVV5ZEYV.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"SideNav",{enumerable:true,get:function(){return chunkKVV5ZEYV_cjs.a}});
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
type SideNavCollapseMode = "expanded" | "icons" | "mini";
|
|
5
|
+
interface SideNavItem {
|
|
6
|
+
/** Unique key (falls back to `path` or `label`). */
|
|
7
|
+
key?: string;
|
|
8
|
+
/** Display label. */
|
|
9
|
+
label: string;
|
|
10
|
+
/** Route path — renders a link when provided. */
|
|
11
|
+
path?: string;
|
|
12
|
+
/** Nested children — renders a collapsible group. */
|
|
13
|
+
children?: SideNavItem[];
|
|
14
|
+
/** Icon element shown before the label. */
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
/** Whether the group is expanded by default (only for items with children). */
|
|
17
|
+
defaultOpen?: boolean;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Props for a custom link component.
|
|
21
|
+
* When using react-router, pass NavLink. When using plain HTML, an `<a>` wrapper.
|
|
22
|
+
*/
|
|
23
|
+
type SideNavLinkComponentProps = {
|
|
24
|
+
to: string;
|
|
25
|
+
className: string | ((props: {
|
|
26
|
+
isActive: boolean;
|
|
27
|
+
}) => string);
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
};
|
|
31
|
+
interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
32
|
+
/** Navigation items (supports nesting). */
|
|
33
|
+
items: SideNavItem[];
|
|
34
|
+
/** Section title rendered above the items. */
|
|
35
|
+
title?: string;
|
|
36
|
+
/** Base path prefix prepended to every item `path`. Defaults to `"/"`. */
|
|
37
|
+
basePath?: string;
|
|
38
|
+
/** When provided, renders buttons instead of links and calls this on click. */
|
|
39
|
+
onItemClick?: (item: SideNavItem, fullPath: string) => void;
|
|
40
|
+
/**
|
|
41
|
+
* Custom link component (e.g. react-router's NavLink).
|
|
42
|
+
* Falls back to a plain `<a>` tag if not provided.
|
|
43
|
+
*/
|
|
44
|
+
LinkComponent?: React.ComponentType<SideNavLinkComponentProps>;
|
|
45
|
+
/** Show collapse / expand toggle. */
|
|
46
|
+
collapsible?: boolean;
|
|
47
|
+
/** Controlled collapse mode. */
|
|
48
|
+
collapseMode?: SideNavCollapseMode;
|
|
49
|
+
/** Default collapse mode (uncontrolled). @default 'expanded' */
|
|
50
|
+
defaultCollapseMode?: SideNavCollapseMode;
|
|
51
|
+
/** Fires when collapse mode changes. */
|
|
52
|
+
onCollapseModeChange?: (mode: SideNavCollapseMode) => void;
|
|
53
|
+
/** Show indentation guide lines for nested items. @default true */
|
|
54
|
+
showLines?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Controlled set of expanded group keys.
|
|
57
|
+
* Each key is `item.key ?? item.label`.
|
|
58
|
+
*/
|
|
59
|
+
expandedKeys?: Set<string>;
|
|
60
|
+
/** Default expanded keys (uncontrolled). When omitted all groups start open. */
|
|
61
|
+
defaultExpandedKeys?: Set<string> | "all";
|
|
62
|
+
/** Fires when a group is toggled. */
|
|
63
|
+
onExpandedKeysChange?: (keys: Set<string>) => void;
|
|
64
|
+
}
|
|
65
|
+
declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, ...props }: SideNavProps): react_jsx_runtime.JSX.Element;
|
|
66
|
+
|
|
67
|
+
export { SideNav, type SideNavCollapseMode, type SideNavItem, type SideNavLinkComponentProps, type SideNavProps };
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
type SideNavCollapseMode = "expanded" | "icons" | "mini";
|
|
5
|
+
interface SideNavItem {
|
|
4
6
|
/** Unique key (falls back to `path` or `label`). */
|
|
5
7
|
key?: string;
|
|
6
8
|
/** Display label. */
|
|
@@ -18,7 +20,7 @@ export interface SideNavItem {
|
|
|
18
20
|
* Props for a custom link component.
|
|
19
21
|
* When using react-router, pass NavLink. When using plain HTML, an `<a>` wrapper.
|
|
20
22
|
*/
|
|
21
|
-
|
|
23
|
+
type SideNavLinkComponentProps = {
|
|
22
24
|
to: string;
|
|
23
25
|
className: string | ((props: {
|
|
24
26
|
isActive: boolean;
|
|
@@ -26,7 +28,7 @@ export type SideNavLinkComponentProps = {
|
|
|
26
28
|
style?: React.CSSProperties;
|
|
27
29
|
children: React.ReactNode;
|
|
28
30
|
};
|
|
29
|
-
|
|
31
|
+
interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
30
32
|
/** Navigation items (supports nesting). */
|
|
31
33
|
items: SideNavItem[];
|
|
32
34
|
/** Section title rendered above the items. */
|
|
@@ -60,5 +62,6 @@ export interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
60
62
|
/** Fires when a group is toggled. */
|
|
61
63
|
onExpandedKeysChange?: (keys: Set<string>) => void;
|
|
62
64
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
+
declare function SideNav({ items, title, basePath, onItemClick, LinkComponent, collapsible, collapseMode: controlledMode, defaultCollapseMode, onCollapseModeChange, showLines, expandedKeys: controlledExpandedKeys, defaultExpandedKeys, onExpandedKeysChange, className, ...props }: SideNavProps): react_jsx_runtime.JSX.Element;
|
|
66
|
+
|
|
67
|
+
export { SideNav, type SideNavCollapseMode, type SideNavItem, type SideNavLinkComponentProps, type SideNavProps };
|
package/dist/SideNav.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as SideNav}from'./chunks/chunk-SCSMM2J4.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/Table.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkQLKUAE3R_cjs=require('./chunks/chunk-QLKUAE3R.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"DataTable",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.h}});Object.defineProperty(exports,"SortableTable",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.g}});Object.defineProperty(exports,"Table",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.a}});Object.defineProperty(exports,"TableBody",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.c}});Object.defineProperty(exports,"TableCell",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.f}});Object.defineProperty(exports,"TableHead",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.e}});Object.defineProperty(exports,"TableHeader",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.b}});Object.defineProperty(exports,"TableRow",{enumerable:true,get:function(){return chunkQLKUAE3R_cjs.d}});
|
package/dist/Table.d.cts
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { tableVariants } from './theme.cjs';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type TableProps = React.TableHTMLAttributes<HTMLTableElement> & VariantProps<typeof tableVariants>;
|
|
8
|
+
declare function Table({ intent, className, ...props }: TableProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function TableBody({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function TableRow({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare function TableHead({ className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function TableCell({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
type SortDirection = "asc" | "desc";
|
|
15
|
+
type SortState<K extends string = string> = {
|
|
16
|
+
column: K;
|
|
17
|
+
direction: SortDirection;
|
|
18
|
+
} | null;
|
|
19
|
+
type ColumnDef<T, K extends string = string> = {
|
|
20
|
+
/** Unique key identifying this column. */
|
|
21
|
+
key: K;
|
|
22
|
+
/** Header label. */
|
|
23
|
+
header: React.ReactNode;
|
|
24
|
+
/** Extract the cell value from a row. */
|
|
25
|
+
cell: (row: T) => React.ReactNode;
|
|
26
|
+
/** Whether this column is sortable. @default true */
|
|
27
|
+
sortable?: boolean;
|
|
28
|
+
/** Custom comparator. Receives two row objects and should return <0, 0, or >0. */
|
|
29
|
+
compareFn?: (a: T, b: T) => number;
|
|
30
|
+
/** Custom class for the <th> element. */
|
|
31
|
+
headerClassName?: string;
|
|
32
|
+
/** Custom class for the <td> element. */
|
|
33
|
+
cellClassName?: string;
|
|
34
|
+
/** Whether this column can be edited inline. @default true when table is editable. */
|
|
35
|
+
editable?: boolean;
|
|
36
|
+
/** Extract a raw string value for editing. Falls back to cell(). */
|
|
37
|
+
editValue?: (row: T) => string;
|
|
38
|
+
};
|
|
39
|
+
type SortableTableProps<T, K extends string = string> = {
|
|
40
|
+
columns: ColumnDef<T, K>[];
|
|
41
|
+
data: T[];
|
|
42
|
+
sort?: SortState<K>;
|
|
43
|
+
onSortChange?: (sort: SortState<K>) => void;
|
|
44
|
+
defaultSort?: SortState<K>;
|
|
45
|
+
rowKey?: (row: T, index: number) => React.Key;
|
|
46
|
+
intent?: VariantProps<typeof tableVariants>["intent"];
|
|
47
|
+
className?: string;
|
|
48
|
+
};
|
|
49
|
+
declare function SortableTable<T, K extends string = string>({ columns, data, sort: controlledSort, onSortChange, defaultSort, rowKey, intent, className, }: SortableTableProps<T, K>): react_jsx_runtime.JSX.Element;
|
|
50
|
+
type SelectionMode = "none" | "single" | "multiple";
|
|
51
|
+
type DataTableProps<T, K extends string = string> = {
|
|
52
|
+
/** Column definitions. */
|
|
53
|
+
columns: ColumnDef<T, K>[];
|
|
54
|
+
/** Row data (controlled). */
|
|
55
|
+
data: T[];
|
|
56
|
+
/** Extract a unique key per row. */
|
|
57
|
+
rowKey: (row: T, index: number) => React.Key;
|
|
58
|
+
sort?: SortState<K>;
|
|
59
|
+
onSortChange?: (sort: SortState<K>) => void;
|
|
60
|
+
defaultSort?: SortState<K>;
|
|
61
|
+
/** Row selection mode. @default 'none' */
|
|
62
|
+
selectionMode?: SelectionMode;
|
|
63
|
+
/** Controlled selected keys. */
|
|
64
|
+
selected?: React.Key[];
|
|
65
|
+
/** Fired when selection changes. */
|
|
66
|
+
onSelectionChange?: (keys: React.Key[]) => void;
|
|
67
|
+
/** Enable inline cell editing on double-click. @default false */
|
|
68
|
+
editable?: boolean;
|
|
69
|
+
/** Called when a cell value is committed. */
|
|
70
|
+
onCellEdit?: (rowKey: React.Key, columnKey: K, value: string) => void;
|
|
71
|
+
/** Show the toolbar. @default false */
|
|
72
|
+
toolbar?: boolean;
|
|
73
|
+
/** Called when the Add button is clicked. */
|
|
74
|
+
onAdd?: () => void;
|
|
75
|
+
/** Called when Delete is clicked. Receives currently selected keys. */
|
|
76
|
+
onDelete?: (keys: React.Key[]) => void;
|
|
77
|
+
intent?: VariantProps<typeof tableVariants>["intent"];
|
|
78
|
+
className?: string;
|
|
79
|
+
};
|
|
80
|
+
declare function DataTable<T, K extends string = string>({ columns, data, rowKey, sort: controlledSort, onSortChange, defaultSort, selectionMode, selected: controlledSelected, onSelectionChange, editable, onCellEdit, toolbar, onAdd, onDelete, intent, className, }: DataTableProps<T, K>): react_jsx_runtime.JSX.Element;
|
|
81
|
+
|
|
82
|
+
export { type ColumnDef, DataTable, type DataTableProps, type SelectionMode, type SortDirection, type SortState, SortableTable, Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { tableVariants } from './theme.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
4
7
|
type TableProps = React.TableHTMLAttributes<HTMLTableElement> & VariantProps<typeof tableVariants>;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
declare function Table({ intent, className, ...props }: TableProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function TableBody({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function TableRow({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare function TableHead({ className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function TableCell({ className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement>): react_jsx_runtime.JSX.Element;
|
|
14
|
+
type SortDirection = "asc" | "desc";
|
|
15
|
+
type SortState<K extends string = string> = {
|
|
13
16
|
column: K;
|
|
14
17
|
direction: SortDirection;
|
|
15
18
|
} | null;
|
|
16
|
-
|
|
19
|
+
type ColumnDef<T, K extends string = string> = {
|
|
17
20
|
/** Unique key identifying this column. */
|
|
18
21
|
key: K;
|
|
19
22
|
/** Header label. */
|
|
@@ -43,9 +46,9 @@ type SortableTableProps<T, K extends string = string> = {
|
|
|
43
46
|
intent?: VariantProps<typeof tableVariants>["intent"];
|
|
44
47
|
className?: string;
|
|
45
48
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
declare function SortableTable<T, K extends string = string>({ columns, data, sort: controlledSort, onSortChange, defaultSort, rowKey, intent, className, }: SortableTableProps<T, K>): react_jsx_runtime.JSX.Element;
|
|
50
|
+
type SelectionMode = "none" | "single" | "multiple";
|
|
51
|
+
type DataTableProps<T, K extends string = string> = {
|
|
49
52
|
/** Column definitions. */
|
|
50
53
|
columns: ColumnDef<T, K>[];
|
|
51
54
|
/** Row data (controlled). */
|
|
@@ -74,6 +77,6 @@ export type DataTableProps<T, K extends string = string> = {
|
|
|
74
77
|
intent?: VariantProps<typeof tableVariants>["intent"];
|
|
75
78
|
className?: string;
|
|
76
79
|
};
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
+
declare function DataTable<T, K extends string = string>({ columns, data, rowKey, sort: controlledSort, onSortChange, defaultSort, selectionMode, selected: controlledSelected, onSelectionChange, editable, onCellEdit, toolbar, onAdd, onDelete, intent, className, }: DataTableProps<T, K>): react_jsx_runtime.JSX.Element;
|
|
81
|
+
|
|
82
|
+
export { type ColumnDef, DataTable, type DataTableProps, type SelectionMode, type SortDirection, type SortState, SortableTable, Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
|
package/dist/Table.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{h as DataTable,g as SortableTable,a as Table,c as TableBody,f as TableCell,e as TableHead,b as TableHeader,d as TableRow}from'./chunks/chunk-6OLB4BUJ.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/Tabs.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunk7NYDMXZT_cjs=require('./chunks/chunk-7NYDMXZT.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"TabContent",{enumerable:true,get:function(){return chunk7NYDMXZT_cjs.e}});Object.defineProperty(exports,"TabList",{enumerable:true,get:function(){return chunk7NYDMXZT_cjs.b}});Object.defineProperty(exports,"TabPanels",{enumerable:true,get:function(){return chunk7NYDMXZT_cjs.d}});Object.defineProperty(exports,"TabTrigger",{enumerable:true,get:function(){return chunk7NYDMXZT_cjs.c}});Object.defineProperty(exports,"Tabs",{enumerable:true,get:function(){return chunk7NYDMXZT_cjs.a}});
|
package/dist/Tabs.d.cts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { tabListVariants } from './theme.cjs';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type TabsProps = {
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
value?: string;
|
|
10
|
+
onValueChange?: (value: string) => void;
|
|
11
|
+
intent?: VariantProps<typeof tabListVariants>["intent"];
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
declare function Tabs({ defaultValue, value, onValueChange, intent, children, className, }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare function TabList({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
17
|
+
type TabTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
18
|
+
value: string;
|
|
19
|
+
};
|
|
20
|
+
declare function TabTrigger({ value, className, children, ...props }: TabTriggerProps): react_jsx_runtime.JSX.Element;
|
|
21
|
+
type TabPanelsProps = React.HTMLAttributes<HTMLDivElement>;
|
|
22
|
+
declare function TabPanels({ className, children, ...props }: TabPanelsProps): react_jsx_runtime.JSX.Element | null;
|
|
23
|
+
type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
24
|
+
value: string;
|
|
25
|
+
};
|
|
26
|
+
declare function TabContent({ value, className, children, ...props }: TabContentProps): react_jsx_runtime.JSX.Element | null;
|
|
27
|
+
|
|
28
|
+
export { TabContent, TabList, TabPanels, TabTrigger, Tabs };
|
package/dist/Tabs.d.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { tabListVariants } from './theme.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type TabsProps = {
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
value?: string;
|
|
10
|
+
onValueChange?: (value: string) => void;
|
|
11
|
+
intent?: VariantProps<typeof tabListVariants>["intent"];
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
declare function Tabs({ defaultValue, value, onValueChange, intent, children, className, }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
declare function TabList({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
17
|
+
type TabTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
18
|
+
value: string;
|
|
19
|
+
};
|
|
20
|
+
declare function TabTrigger({ value, className, children, ...props }: TabTriggerProps): react_jsx_runtime.JSX.Element;
|
|
21
|
+
type TabPanelsProps = React.HTMLAttributes<HTMLDivElement>;
|
|
22
|
+
declare function TabPanels({ className, children, ...props }: TabPanelsProps): react_jsx_runtime.JSX.Element | null;
|
|
23
|
+
type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
24
|
+
value: string;
|
|
25
|
+
};
|
|
26
|
+
declare function TabContent({ value, className, children, ...props }: TabContentProps): react_jsx_runtime.JSX.Element | null;
|
|
27
|
+
|
|
28
|
+
export { TabContent, TabList, TabPanels, TabTrigger, Tabs };
|
package/dist/Tabs.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{e as TabContent,b as TabList,d as TabPanels,c as TabTrigger,a as Tabs}from'./chunks/chunk-ENRXEISR.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/Tooltip.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkGAK5OQW4_cjs=require('./chunks/chunk-GAK5OQW4.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkGAK5OQW4_cjs.a}});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { tooltipVariants } from './theme.cjs';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type TooltipPosition = "top" | "bottom" | "left" | "right";
|
|
8
|
+
type TooltipProps = VariantProps<typeof tooltipVariants> & {
|
|
9
|
+
content: React.ReactNode;
|
|
10
|
+
position?: TooltipPosition;
|
|
11
|
+
delay?: number;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
declare function Tooltip({ content, position, intent, delay, children, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { Tooltip };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { tooltipVariants } from './theme.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
|
|
7
|
+
type TooltipPosition = "top" | "bottom" | "left" | "right";
|
|
8
|
+
type TooltipProps = VariantProps<typeof tooltipVariants> & {
|
|
9
|
+
content: React.ReactNode;
|
|
10
|
+
position?: TooltipPosition;
|
|
11
|
+
delay?: number;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
declare function Tooltip({ content, position, intent, delay, children, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { Tooltip };
|
package/dist/Tooltip.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Tooltip}from'./chunks/chunk-R2K6KI4L.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
|
package/dist/Tree.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkER2MYWQO_cjs=require('./chunks/chunk-ER2MYWQO.cjs');require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunkER2MYWQO_cjs.a}});Object.defineProperty(exports,"TreeItem",{enumerable:true,get:function(){return chunkER2MYWQO_cjs.b}});
|
package/dist/Tree.d.cts
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
type TreeProps = React.HTMLAttributes<HTMLUListElement> & {
|
|
5
|
+
/** Show indent guide lines between parent and children. @default true */
|
|
6
|
+
showLines?: boolean;
|
|
7
|
+
/** Render the root-level items. When false, only their children are shown. @default true */
|
|
8
|
+
showRoot?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Controlled set of expanded node keys.
|
|
11
|
+
* Each key is `TreeItem.nodeKey` (falls back to label string).
|
|
12
|
+
*/
|
|
13
|
+
expandedKeys?: Set<string>;
|
|
14
|
+
/** Default expanded keys (uncontrolled). Pass `'all'` to expand everything. */
|
|
15
|
+
defaultExpandedKeys?: Set<string> | "all";
|
|
16
|
+
/** Fires when a node is toggled. */
|
|
17
|
+
onExpandedKeysChange?: (keys: Set<string>) => void;
|
|
18
|
+
};
|
|
19
|
+
declare function Tree({ showLines, showRoot, expandedKeys: controlledKeys, defaultExpandedKeys, onExpandedKeysChange, className, children, ...props }: TreeProps): react_jsx_runtime.JSX.Element;
|
|
20
|
+
type TreeItemProps = {
|
|
21
|
+
/** Unique key for programmatic expand control. Falls back to label string. */
|
|
22
|
+
nodeKey?: string;
|
|
23
|
+
label: React.ReactNode;
|
|
24
|
+
icon?: React.ReactNode;
|
|
25
|
+
defaultExpanded?: boolean;
|
|
26
|
+
expanded?: boolean;
|
|
27
|
+
onToggle?: (expanded: boolean) => void;
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
};
|
|
31
|
+
declare function TreeItem({ nodeKey, label, icon, defaultExpanded, expanded: controlledExpanded, onToggle, children, className, }: TreeItemProps): react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
33
|
+
export { Tree, TreeItem };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
2
4
|
type TreeProps = React.HTMLAttributes<HTMLUListElement> & {
|
|
3
5
|
/** Show indent guide lines between parent and children. @default true */
|
|
4
6
|
showLines?: boolean;
|
|
@@ -14,7 +16,7 @@ type TreeProps = React.HTMLAttributes<HTMLUListElement> & {
|
|
|
14
16
|
/** Fires when a node is toggled. */
|
|
15
17
|
onExpandedKeysChange?: (keys: Set<string>) => void;
|
|
16
18
|
};
|
|
17
|
-
|
|
19
|
+
declare function Tree({ showLines, showRoot, expandedKeys: controlledKeys, defaultExpandedKeys, onExpandedKeysChange, className, children, ...props }: TreeProps): react_jsx_runtime.JSX.Element;
|
|
18
20
|
type TreeItemProps = {
|
|
19
21
|
/** Unique key for programmatic expand control. Falls back to label string. */
|
|
20
22
|
nodeKey?: string;
|
|
@@ -26,6 +28,6 @@ type TreeItemProps = {
|
|
|
26
28
|
children?: React.ReactNode;
|
|
27
29
|
className?: string;
|
|
28
30
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
declare function TreeItem({ nodeKey, label, icon, defaultExpanded, expanded: controlledExpanded, onToggle, children, className, }: TreeItemProps): react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
33
|
+
export { Tree, TreeItem };
|
package/dist/Tree.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{a as Tree,b as TreeItem}from'./chunks/chunk-SMZQSZH2.js';import'./chunks/chunk-AXBJKPZZ.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {c}from'./chunk-ACQOSYBI.js';import {a}from'./chunk-AXBJKPZZ.js';import {jsx,jsxs}from'react/jsx-runtime';var l={sm:{wrapper:"h-7 text-xs",prefix:"px-2 text-xs [&_svg]:h-3 [&_svg]:w-3",input:"px-2 text-xs",icon:"px-1.5 [&_svg]:h-3 [&_svg]:w-3"},md:{wrapper:"h-9 text-sm",prefix:"px-3 text-sm [&_svg]:h-4 [&_svg]:w-4",input:"px-3 py-2 text-sm",icon:"px-2 [&_svg]:h-4 [&_svg]:w-4"},lg:{wrapper:"h-11 text-base",prefix:"px-4 text-base [&_svg]:h-5 [&_svg]:w-5",input:"px-4 py-2.5 text-base",icon:"px-2.5 [&_svg]:h-5 [&_svg]:w-5"}},u={default:"border-secondary-300 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus-within:border-danger-500 focus-within:ring-2 focus-within:ring-danger-500/20"};function g({state:o="default",inputSize:i="md",className:p,prefix:s,suffix:a$1,action:t,...c$1}){if(!s&&!a$1&&!t)return jsx("input",{className:a(c({state:o,size:i}),p),...c$1});let r=l[i??"md"],x=u[o??"default"];return jsxs("div",{className:a("flex w-full items-center overflow-hidden rounded-md border bg-white transition-colors dark:bg-secondary-900",r.wrapper,x,p),children:[s&&jsx("span",{className:a("flex shrink-0 items-center gap-1.5 self-stretch border-r border-secondary-300 bg-secondary-50 font-medium text-secondary-600 dark:border-secondary-600 dark:bg-secondary-800 dark:text-secondary-300",r.prefix),children:s}),jsx("input",{className:a("min-w-0 flex-1 bg-transparent text-secondary-900 placeholder:text-secondary-400 focus:outline-none dark:text-secondary-100 dark:placeholder:text-secondary-600",r.input,s&&"pl-2"),...c$1}),a$1&&jsx("span",{className:a("pointer-events-none flex shrink-0 items-center text-secondary-400 dark:text-secondary-500",r.icon),children:a$1}),t&&jsx("button",{type:"button",onClick:t.onClick,"aria-label":t["aria-label"]??"Action",className:a("flex shrink-0 items-center text-secondary-500 transition-colors hover:text-primary-600 dark:text-secondary-400 dark:hover:text-primary-400",r.icon),children:t.icon})]})}export{g as a};
|