@luxfi/ui 7.4.5 → 7.4.7
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.d.cts +74 -0
- package/dist/accordion.d.ts +74 -0
- package/dist/alert.cjs +3 -7
- package/dist/alert.d.cts +30 -0
- package/dist/alert.d.ts +30 -0
- package/dist/alert.js +3 -7
- package/dist/auth.cjs +481 -0
- package/dist/auth.d.cts +80 -0
- package/dist/auth.d.ts +80 -0
- package/dist/auth.js +456 -0
- package/dist/avatar.d.cts +25 -0
- package/dist/avatar.d.ts +25 -0
- package/dist/badge.cjs +4 -8
- package/dist/badge.d.cts +19 -0
- package/dist/badge.d.ts +19 -0
- package/dist/badge.js +4 -8
- package/dist/bank.d.cts +83 -0
- package/dist/bank.d.ts +83 -0
- package/dist/button.cjs +3 -7
- package/dist/button.d.cts +55 -0
- package/dist/button.d.ts +55 -0
- package/dist/button.js +3 -7
- package/dist/checkbox.d.cts +32 -0
- package/dist/checkbox.d.ts +32 -0
- package/dist/chrome.d.cts +93 -0
- package/dist/chrome.d.ts +93 -0
- package/dist/close-button.d.cts +9 -0
- package/dist/close-button.d.ts +9 -0
- package/dist/collapsible.cjs +3 -7
- package/dist/collapsible.d.cts +23 -0
- package/dist/collapsible.d.ts +23 -0
- package/dist/collapsible.js +3 -7
- package/dist/color-mode.d.cts +25 -0
- package/dist/color-mode.d.ts +25 -0
- package/dist/dialog.d.cts +118 -0
- package/dist/dialog.d.ts +118 -0
- package/dist/drawer.d.cts +36 -0
- package/dist/drawer.d.ts +36 -0
- package/dist/empty-state.d.cts +13 -0
- package/dist/empty-state.d.ts +13 -0
- package/dist/expiration-selector.d.cts +16 -0
- package/dist/expiration-selector.d.ts +16 -0
- package/dist/field.d.cts +24 -0
- package/dist/field.d.ts +24 -0
- package/dist/greeks-display.d.cts +14 -0
- package/dist/greeks-display.d.ts +14 -0
- package/dist/gui.d.cts +2 -0
- package/dist/gui.d.ts +2 -0
- package/dist/heading.d.cts +10 -0
- package/dist/heading.d.ts +10 -0
- package/dist/iam.d.cts +65 -0
- package/dist/iam.d.ts +65 -0
- package/dist/icon-button.cjs +3 -7
- package/dist/icon-button.d.cts +33 -0
- package/dist/icon-button.d.ts +33 -0
- package/dist/icon-button.js +3 -7
- package/dist/icons.cjs +0 -1
- package/dist/icons.d.cts +1 -0
- package/dist/icons.d.ts +1 -0
- package/dist/icons.js +0 -1
- package/dist/identity.d.cts +64 -0
- package/dist/identity.d.ts +64 -0
- package/dist/image.cjs +3 -7
- package/dist/image.d.cts +57 -0
- package/dist/image.d.ts +57 -0
- package/dist/image.js +3 -7
- package/dist/index.cjs +9 -8
- package/dist/index.d.cts +64 -0
- package/dist/index.d.ts +64 -0
- package/dist/index.js +9 -9
- package/dist/input-group.d.cts +17 -0
- package/dist/input-group.d.ts +17 -0
- package/dist/input.d.cts +17 -0
- package/dist/input.d.ts +17 -0
- package/dist/link.cjs +3 -7
- package/dist/link.d.cts +37 -0
- package/dist/link.d.ts +37 -0
- package/dist/link.js +3 -7
- package/dist/lux.config.d.cts +433 -0
- package/dist/lux.config.d.ts +433 -0
- package/dist/menu.d.cts +84 -0
- package/dist/menu.d.ts +84 -0
- package/dist/next.cjs +11 -1
- package/dist/next.d.cts +32 -0
- package/dist/next.d.ts +32 -0
- package/dist/next.js +11 -1
- package/dist/option-chain.d.cts +37 -0
- package/dist/option-chain.d.ts +37 -0
- package/dist/option-position.d.cts +29 -0
- package/dist/option-position.d.ts +29 -0
- package/dist/pin-input.d.cts +25 -0
- package/dist/pin-input.d.ts +25 -0
- package/dist/pnl-diagram.d.cts +11 -0
- package/dist/pnl-diagram.d.ts +11 -0
- package/dist/popover.d.cts +73 -0
- package/dist/popover.d.ts +73 -0
- package/dist/progress-circle.d.cts +47 -0
- package/dist/progress-circle.d.ts +47 -0
- package/dist/progress.d.cts +28 -0
- package/dist/progress.d.ts +28 -0
- package/dist/provider.d.cts +25 -0
- package/dist/provider.d.ts +25 -0
- package/dist/radio.d.cts +53 -0
- package/dist/radio.d.ts +53 -0
- package/dist/rating.d.cts +14 -0
- package/dist/rating.d.ts +14 -0
- package/dist/select.cjs +3 -7
- package/dist/select.d.cts +130 -0
- package/dist/select.d.ts +130 -0
- package/dist/select.js +3 -7
- package/dist/separator.d.cts +13 -0
- package/dist/separator.d.ts +13 -0
- package/dist/skeleton.cjs +8 -7
- package/dist/skeleton.d.cts +76 -0
- package/dist/skeleton.d.ts +76 -0
- package/dist/skeleton.js +8 -8
- package/dist/slider.d.cts +24 -0
- package/dist/slider.d.ts +24 -0
- package/dist/strategy-builder.d.cts +26 -0
- package/dist/strategy-builder.d.ts +26 -0
- package/dist/switch.d.cts +27 -0
- package/dist/switch.d.ts +27 -0
- package/dist/table.cjs +3 -7
- package/dist/table.d.cts +107 -0
- package/dist/table.d.ts +107 -0
- package/dist/table.js +3 -7
- package/dist/tabs.d.cts +78 -0
- package/dist/tabs.d.ts +78 -0
- package/dist/tag.cjs +4 -8
- package/dist/tag.d.cts +21 -0
- package/dist/tag.d.ts +21 -0
- package/dist/tag.js +4 -8
- package/dist/textarea.d.cts +13 -0
- package/dist/textarea.d.ts +13 -0
- package/dist/toaster.d.cts +29 -0
- package/dist/toaster.d.ts +29 -0
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.d.cts +38 -0
- package/dist/tooltip.d.ts +38 -0
- package/dist/tooltip.js +1 -1
- package/dist/use-narrow.d.cts +12 -0
- package/dist/use-narrow.d.ts +12 -0
- package/dist/utils.d.cts +5 -0
- package/dist/utils.d.ts +5 -0
- package/dist/vite.cjs +4 -3
- package/dist/vite.d.cts +29 -0
- package/dist/vite.d.ts +29 -0
- package/dist/vite.js +4 -3
- package/dist/white-label.d.cts +59 -0
- package/dist/white-label.d.ts +59 -0
- package/package.json +12 -2
- package/src/auth.tsx +198 -0
- package/src/engine.ts +24 -3
- package/src/index.ts +1 -1
- package/src/next.ts +10 -0
- package/src/skeleton.tsx +36 -7
- package/src/tooltip.tsx +13 -5
- package/src/vite.ts +4 -9
- package/tokens.css +828 -317
package/dist/next.d.ts
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/** Every package `@hanzo/gui` re-exports — the engine, in full. */
|
|
2
|
+
declare const GUI_PACKAGES: ReadonlyArray<string>;
|
|
3
|
+
|
|
4
|
+
interface WebpackConfig {
|
|
5
|
+
resolve?: {
|
|
6
|
+
alias?: Record<string, unknown>;
|
|
7
|
+
};
|
|
8
|
+
plugins?: Array<unknown>;
|
|
9
|
+
[key: string]: unknown;
|
|
10
|
+
}
|
|
11
|
+
/** The structural slice of a Next config this wrapper touches. */
|
|
12
|
+
interface LuxUiNextConfig {
|
|
13
|
+
/** App root, for resolving the engine's single copy. Defaults to `cwd`. */
|
|
14
|
+
dir?: string;
|
|
15
|
+
transpilePackages?: Array<string>;
|
|
16
|
+
turbopack?: {
|
|
17
|
+
resolveAlias?: Record<string, string>;
|
|
18
|
+
[key: string]: unknown;
|
|
19
|
+
};
|
|
20
|
+
env?: Record<string, string>;
|
|
21
|
+
webpack?: (config: WebpackConfig, context: unknown) => WebpackConfig;
|
|
22
|
+
[key: string]: unknown;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Wrap a Next config so `@luxfi/ui` and the gui engine build.
|
|
26
|
+
*
|
|
27
|
+
* Additive: an existing `transpilePackages`, `turbopack.resolveAlias`,
|
|
28
|
+
* `env` and `webpack()` are all preserved and extended, never replaced.
|
|
29
|
+
*/
|
|
30
|
+
declare function withLuxUi(config?: LuxUiNextConfig): LuxUiNextConfig;
|
|
31
|
+
|
|
32
|
+
export { GUI_PACKAGES, type LuxUiNextConfig, withLuxUi };
|
package/dist/next.js
CHANGED
|
@@ -78,11 +78,17 @@ var GUI_DEFINES = {
|
|
|
78
78
|
"process.env.EXPO_OS": JSON.stringify("web"),
|
|
79
79
|
"process.env.IS_WEB": JSON.stringify("true")
|
|
80
80
|
};
|
|
81
|
+
var ENGINE_DEDUPE = [
|
|
82
|
+
"react",
|
|
83
|
+
"react-dom",
|
|
84
|
+
"@tanstack/react-query",
|
|
85
|
+
...GUI_PACKAGES
|
|
86
|
+
];
|
|
81
87
|
function guiAliases(from) {
|
|
82
88
|
const { createRequire } = __require("module");
|
|
83
89
|
const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
|
|
84
90
|
const alias = {};
|
|
85
|
-
for (const pkg of
|
|
91
|
+
for (const pkg of ENGINE_DEDUPE) {
|
|
86
92
|
try {
|
|
87
93
|
alias[`${pkg}$`] = require_.resolve(pkg);
|
|
88
94
|
} catch {
|
|
@@ -95,6 +101,9 @@ function guiAliases(from) {
|
|
|
95
101
|
function withLuxUi(config = {}) {
|
|
96
102
|
const userWebpack = config.webpack;
|
|
97
103
|
const engine = guiAliases(config.dir ?? process.cwd());
|
|
104
|
+
const engineTurbopack = Object.fromEntries(
|
|
105
|
+
Object.entries(engine).map(([k, v]) => [k.replace(/\$$/, ""), v])
|
|
106
|
+
);
|
|
98
107
|
const { dir: _dir, ...rest } = config;
|
|
99
108
|
return {
|
|
100
109
|
...rest,
|
|
@@ -103,6 +112,7 @@ function withLuxUi(config = {}) {
|
|
|
103
112
|
...config.turbopack,
|
|
104
113
|
resolveAlias: {
|
|
105
114
|
"react-native": "react-native-web",
|
|
115
|
+
...engineTurbopack,
|
|
106
116
|
...config.turbopack?.resolveAlias
|
|
107
117
|
}
|
|
108
118
|
},
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface OptionQuote {
|
|
4
|
+
symbol: string;
|
|
5
|
+
bid: number;
|
|
6
|
+
ask: number;
|
|
7
|
+
last: number;
|
|
8
|
+
volume: number;
|
|
9
|
+
openInterest: number;
|
|
10
|
+
iv: number;
|
|
11
|
+
delta: number;
|
|
12
|
+
gamma: number;
|
|
13
|
+
theta: number;
|
|
14
|
+
vega: number;
|
|
15
|
+
}
|
|
16
|
+
interface OptionContract {
|
|
17
|
+
symbol: string;
|
|
18
|
+
type: 'call' | 'put';
|
|
19
|
+
strike: number;
|
|
20
|
+
bid: number;
|
|
21
|
+
ask: number;
|
|
22
|
+
}
|
|
23
|
+
interface Strike {
|
|
24
|
+
strike: number;
|
|
25
|
+
call: OptionQuote | null;
|
|
26
|
+
put: OptionQuote | null;
|
|
27
|
+
}
|
|
28
|
+
interface OptionChainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
29
|
+
readonly symbol: string;
|
|
30
|
+
readonly expiration: string;
|
|
31
|
+
readonly strikes: Strike[];
|
|
32
|
+
readonly spotPrice: number;
|
|
33
|
+
readonly onSelectContract?: (contract: OptionContract) => void;
|
|
34
|
+
}
|
|
35
|
+
declare const OptionChain: React.ForwardRefExoticComponent<OptionChainProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
|
|
37
|
+
export { OptionChain, type OptionChainProps, type OptionContract, type OptionQuote, type Strike };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface OptionQuote {
|
|
4
|
+
symbol: string;
|
|
5
|
+
bid: number;
|
|
6
|
+
ask: number;
|
|
7
|
+
last: number;
|
|
8
|
+
volume: number;
|
|
9
|
+
openInterest: number;
|
|
10
|
+
iv: number;
|
|
11
|
+
delta: number;
|
|
12
|
+
gamma: number;
|
|
13
|
+
theta: number;
|
|
14
|
+
vega: number;
|
|
15
|
+
}
|
|
16
|
+
interface OptionContract {
|
|
17
|
+
symbol: string;
|
|
18
|
+
type: 'call' | 'put';
|
|
19
|
+
strike: number;
|
|
20
|
+
bid: number;
|
|
21
|
+
ask: number;
|
|
22
|
+
}
|
|
23
|
+
interface Strike {
|
|
24
|
+
strike: number;
|
|
25
|
+
call: OptionQuote | null;
|
|
26
|
+
put: OptionQuote | null;
|
|
27
|
+
}
|
|
28
|
+
interface OptionChainProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
29
|
+
readonly symbol: string;
|
|
30
|
+
readonly expiration: string;
|
|
31
|
+
readonly strikes: Strike[];
|
|
32
|
+
readonly spotPrice: number;
|
|
33
|
+
readonly onSelectContract?: (contract: OptionContract) => void;
|
|
34
|
+
}
|
|
35
|
+
declare const OptionChain: React.ForwardRefExoticComponent<OptionChainProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
|
|
37
|
+
export { OptionChain, type OptionChainProps, type OptionContract, type OptionQuote, type Strike };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface OptionPosition {
|
|
4
|
+
symbol: string;
|
|
5
|
+
underlying: string;
|
|
6
|
+
type: 'call' | 'put';
|
|
7
|
+
strike: number;
|
|
8
|
+
expiration: string;
|
|
9
|
+
quantity: number;
|
|
10
|
+
avgCost: number;
|
|
11
|
+
currentValue: number;
|
|
12
|
+
pnl: number;
|
|
13
|
+
pnlPercent: number;
|
|
14
|
+
greeks: {
|
|
15
|
+
delta: number;
|
|
16
|
+
gamma: number;
|
|
17
|
+
theta: number;
|
|
18
|
+
vega: number;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
interface OptionPositionCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
22
|
+
readonly position: OptionPosition;
|
|
23
|
+
readonly onClose?: (position: OptionPosition) => void;
|
|
24
|
+
readonly onExercise?: (position: OptionPosition) => void;
|
|
25
|
+
readonly onRoll?: (position: OptionPosition) => void;
|
|
26
|
+
}
|
|
27
|
+
declare const OptionPositionCard: React.ForwardRefExoticComponent<OptionPositionCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
|
|
29
|
+
export { type OptionPosition, OptionPositionCard, type OptionPositionCardProps };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface OptionPosition {
|
|
4
|
+
symbol: string;
|
|
5
|
+
underlying: string;
|
|
6
|
+
type: 'call' | 'put';
|
|
7
|
+
strike: number;
|
|
8
|
+
expiration: string;
|
|
9
|
+
quantity: number;
|
|
10
|
+
avgCost: number;
|
|
11
|
+
currentValue: number;
|
|
12
|
+
pnl: number;
|
|
13
|
+
pnlPercent: number;
|
|
14
|
+
greeks: {
|
|
15
|
+
delta: number;
|
|
16
|
+
gamma: number;
|
|
17
|
+
theta: number;
|
|
18
|
+
vega: number;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
interface OptionPositionCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
22
|
+
readonly position: OptionPosition;
|
|
23
|
+
readonly onClose?: (position: OptionPosition) => void;
|
|
24
|
+
readonly onExercise?: (position: OptionPosition) => void;
|
|
25
|
+
readonly onRoll?: (position: OptionPosition) => void;
|
|
26
|
+
}
|
|
27
|
+
declare const OptionPositionCard: React.ForwardRefExoticComponent<OptionPositionCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
|
|
29
|
+
export { type OptionPosition, OptionPositionCard, type OptionPositionCardProps };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface PinInputProps {
|
|
4
|
+
readonly rootRef?: React.Ref<HTMLDivElement>;
|
|
5
|
+
readonly count?: number;
|
|
6
|
+
readonly inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
7
|
+
readonly attached?: boolean;
|
|
8
|
+
readonly placeholder?: string;
|
|
9
|
+
readonly value?: Array<string>;
|
|
10
|
+
readonly onValueChange?: (details: {
|
|
11
|
+
value: Array<string>;
|
|
12
|
+
}) => void;
|
|
13
|
+
readonly onValueComplete?: (details: {
|
|
14
|
+
value: Array<string>;
|
|
15
|
+
}) => void;
|
|
16
|
+
readonly disabled?: boolean;
|
|
17
|
+
readonly invalid?: boolean;
|
|
18
|
+
readonly otp?: boolean;
|
|
19
|
+
readonly name?: string;
|
|
20
|
+
readonly bgColor?: string;
|
|
21
|
+
readonly className?: string;
|
|
22
|
+
}
|
|
23
|
+
declare const PinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
|
|
25
|
+
export { PinInput, type PinInputProps };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface PinInputProps {
|
|
4
|
+
readonly rootRef?: React.Ref<HTMLDivElement>;
|
|
5
|
+
readonly count?: number;
|
|
6
|
+
readonly inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
7
|
+
readonly attached?: boolean;
|
|
8
|
+
readonly placeholder?: string;
|
|
9
|
+
readonly value?: Array<string>;
|
|
10
|
+
readonly onValueChange?: (details: {
|
|
11
|
+
value: Array<string>;
|
|
12
|
+
}) => void;
|
|
13
|
+
readonly onValueComplete?: (details: {
|
|
14
|
+
value: Array<string>;
|
|
15
|
+
}) => void;
|
|
16
|
+
readonly disabled?: boolean;
|
|
17
|
+
readonly invalid?: boolean;
|
|
18
|
+
readonly otp?: boolean;
|
|
19
|
+
readonly name?: string;
|
|
20
|
+
readonly bgColor?: string;
|
|
21
|
+
readonly className?: string;
|
|
22
|
+
}
|
|
23
|
+
declare const PinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
24
|
+
|
|
25
|
+
export { PinInput, type PinInputProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { StrategyLeg } from './strategy-builder.cjs';
|
|
3
|
+
|
|
4
|
+
interface PnlDiagramProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
readonly legs: StrategyLeg[];
|
|
6
|
+
readonly spotPrice: number;
|
|
7
|
+
readonly multiplier?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const PnlDiagram: React.ForwardRefExoticComponent<PnlDiagramProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
|
|
11
|
+
export { PnlDiagram, type PnlDiagramProps, StrategyLeg };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { StrategyLeg } from './strategy-builder.js';
|
|
3
|
+
|
|
4
|
+
interface PnlDiagramProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
readonly legs: StrategyLeg[];
|
|
6
|
+
readonly spotPrice: number;
|
|
7
|
+
readonly multiplier?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const PnlDiagram: React.ForwardRefExoticComponent<PnlDiagramProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
|
|
11
|
+
export { PnlDiagram, type PnlDiagramProps, StrategyLeg };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface Positioning {
|
|
4
|
+
readonly placement?: string;
|
|
5
|
+
readonly offset?: {
|
|
6
|
+
readonly mainAxis?: number;
|
|
7
|
+
readonly crossAxis?: number;
|
|
8
|
+
};
|
|
9
|
+
readonly overflowPadding?: number;
|
|
10
|
+
}
|
|
11
|
+
interface PopoverRootProps {
|
|
12
|
+
readonly children?: React.ReactNode;
|
|
13
|
+
readonly open?: boolean;
|
|
14
|
+
readonly defaultOpen?: boolean;
|
|
15
|
+
/** Chakra-style callback: receives `{ open: boolean }` */
|
|
16
|
+
readonly onOpenChange?: (details: {
|
|
17
|
+
open: boolean;
|
|
18
|
+
}) => void;
|
|
19
|
+
readonly positioning?: Positioning;
|
|
20
|
+
readonly lazyMount?: boolean;
|
|
21
|
+
readonly unmountOnExit?: boolean;
|
|
22
|
+
readonly autoFocus?: boolean;
|
|
23
|
+
readonly closeOnInteractOutside?: boolean;
|
|
24
|
+
readonly modal?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const PopoverRoot: (props: PopoverRootProps) => React.ReactElement;
|
|
27
|
+
interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
28
|
+
readonly asChild?: boolean;
|
|
29
|
+
}
|
|
30
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
interface PopoverContentProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
32
|
+
readonly portalled?: boolean;
|
|
33
|
+
readonly portalRef?: React.RefObject<HTMLElement>;
|
|
34
|
+
readonly w?: string | Record<string, string>;
|
|
35
|
+
readonly minW?: string;
|
|
36
|
+
readonly maxW?: string;
|
|
37
|
+
readonly paddingTop?: number | string;
|
|
38
|
+
}
|
|
39
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
interface PopoverArrowProps extends React.ComponentPropsWithoutRef<'svg'> {
|
|
41
|
+
}
|
|
42
|
+
declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
|
|
43
|
+
interface PopoverCloseTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
44
|
+
}
|
|
45
|
+
declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<PopoverCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
interface PopoverCloseTriggerWrapperProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
47
|
+
readonly disabled?: boolean;
|
|
48
|
+
}
|
|
49
|
+
declare const PopoverCloseTriggerWrapper: React.ForwardRefExoticComponent<PopoverCloseTriggerWrapperProps & React.RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
interface PopoverBodyProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
51
|
+
readonly display?: string;
|
|
52
|
+
readonly flexDir?: string;
|
|
53
|
+
readonly rowGap?: number | string;
|
|
54
|
+
readonly px?: number | string;
|
|
55
|
+
readonly py?: number | string;
|
|
56
|
+
readonly textStyle?: string;
|
|
57
|
+
readonly alignItems?: string;
|
|
58
|
+
}
|
|
59
|
+
declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
interface PopoverHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
61
|
+
}
|
|
62
|
+
declare const PopoverHeader: React.ForwardRefExoticComponent<PopoverHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
interface PopoverFooterProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
64
|
+
}
|
|
65
|
+
declare const PopoverFooter: React.ForwardRefExoticComponent<PopoverFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
interface PopoverTitleProps extends React.ComponentPropsWithoutRef<'h3'> {
|
|
67
|
+
}
|
|
68
|
+
declare const PopoverTitle: React.ForwardRefExoticComponent<PopoverTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
69
|
+
interface PopoverDescriptionProps extends React.ComponentPropsWithoutRef<'p'> {
|
|
70
|
+
}
|
|
71
|
+
declare const PopoverDescription: React.ForwardRefExoticComponent<PopoverDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
72
|
+
|
|
73
|
+
export { PopoverArrow, type PopoverArrowProps, PopoverBody, type PopoverBodyProps, PopoverCloseTrigger, type PopoverCloseTriggerProps, PopoverCloseTriggerWrapper, type PopoverCloseTriggerWrapperProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverRoot, type PopoverRootProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface Positioning {
|
|
4
|
+
readonly placement?: string;
|
|
5
|
+
readonly offset?: {
|
|
6
|
+
readonly mainAxis?: number;
|
|
7
|
+
readonly crossAxis?: number;
|
|
8
|
+
};
|
|
9
|
+
readonly overflowPadding?: number;
|
|
10
|
+
}
|
|
11
|
+
interface PopoverRootProps {
|
|
12
|
+
readonly children?: React.ReactNode;
|
|
13
|
+
readonly open?: boolean;
|
|
14
|
+
readonly defaultOpen?: boolean;
|
|
15
|
+
/** Chakra-style callback: receives `{ open: boolean }` */
|
|
16
|
+
readonly onOpenChange?: (details: {
|
|
17
|
+
open: boolean;
|
|
18
|
+
}) => void;
|
|
19
|
+
readonly positioning?: Positioning;
|
|
20
|
+
readonly lazyMount?: boolean;
|
|
21
|
+
readonly unmountOnExit?: boolean;
|
|
22
|
+
readonly autoFocus?: boolean;
|
|
23
|
+
readonly closeOnInteractOutside?: boolean;
|
|
24
|
+
readonly modal?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const PopoverRoot: (props: PopoverRootProps) => React.ReactElement;
|
|
27
|
+
interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
28
|
+
readonly asChild?: boolean;
|
|
29
|
+
}
|
|
30
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
interface PopoverContentProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
32
|
+
readonly portalled?: boolean;
|
|
33
|
+
readonly portalRef?: React.RefObject<HTMLElement>;
|
|
34
|
+
readonly w?: string | Record<string, string>;
|
|
35
|
+
readonly minW?: string;
|
|
36
|
+
readonly maxW?: string;
|
|
37
|
+
readonly paddingTop?: number | string;
|
|
38
|
+
}
|
|
39
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
interface PopoverArrowProps extends React.ComponentPropsWithoutRef<'svg'> {
|
|
41
|
+
}
|
|
42
|
+
declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
|
|
43
|
+
interface PopoverCloseTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
44
|
+
}
|
|
45
|
+
declare const PopoverCloseTrigger: React.ForwardRefExoticComponent<PopoverCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
interface PopoverCloseTriggerWrapperProps extends React.ComponentPropsWithoutRef<'button'> {
|
|
47
|
+
readonly disabled?: boolean;
|
|
48
|
+
}
|
|
49
|
+
declare const PopoverCloseTriggerWrapper: React.ForwardRefExoticComponent<PopoverCloseTriggerWrapperProps & React.RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
interface PopoverBodyProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
51
|
+
readonly display?: string;
|
|
52
|
+
readonly flexDir?: string;
|
|
53
|
+
readonly rowGap?: number | string;
|
|
54
|
+
readonly px?: number | string;
|
|
55
|
+
readonly py?: number | string;
|
|
56
|
+
readonly textStyle?: string;
|
|
57
|
+
readonly alignItems?: string;
|
|
58
|
+
}
|
|
59
|
+
declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
interface PopoverHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
61
|
+
}
|
|
62
|
+
declare const PopoverHeader: React.ForwardRefExoticComponent<PopoverHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
interface PopoverFooterProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
64
|
+
}
|
|
65
|
+
declare const PopoverFooter: React.ForwardRefExoticComponent<PopoverFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
interface PopoverTitleProps extends React.ComponentPropsWithoutRef<'h3'> {
|
|
67
|
+
}
|
|
68
|
+
declare const PopoverTitle: React.ForwardRefExoticComponent<PopoverTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
69
|
+
interface PopoverDescriptionProps extends React.ComponentPropsWithoutRef<'p'> {
|
|
70
|
+
}
|
|
71
|
+
declare const PopoverDescription: React.ForwardRefExoticComponent<PopoverDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
72
|
+
|
|
73
|
+
export { PopoverArrow, type PopoverArrowProps, PopoverBody, type PopoverBodyProps, PopoverCloseTrigger, type PopoverCloseTriggerProps, PopoverCloseTriggerWrapper, type PopoverCloseTriggerWrapperProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverRoot, type PopoverRootProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const SIZE_MAP: {
|
|
4
|
+
readonly xs: {
|
|
5
|
+
readonly size: 24;
|
|
6
|
+
readonly thickness: 4;
|
|
7
|
+
readonly textClass: "text-[10px]";
|
|
8
|
+
};
|
|
9
|
+
readonly sm: {
|
|
10
|
+
readonly size: 32;
|
|
11
|
+
readonly thickness: 5;
|
|
12
|
+
readonly textClass: "text-[10px]";
|
|
13
|
+
};
|
|
14
|
+
readonly md: {
|
|
15
|
+
readonly size: 40;
|
|
16
|
+
readonly thickness: 6;
|
|
17
|
+
readonly textClass: "text-xs";
|
|
18
|
+
};
|
|
19
|
+
readonly lg: {
|
|
20
|
+
readonly size: 48;
|
|
21
|
+
readonly thickness: 7;
|
|
22
|
+
readonly textClass: "text-sm";
|
|
23
|
+
};
|
|
24
|
+
readonly xl: {
|
|
25
|
+
readonly size: 64;
|
|
26
|
+
readonly thickness: 8;
|
|
27
|
+
readonly textClass: "text-sm";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
type Size = keyof typeof SIZE_MAP;
|
|
31
|
+
interface ProgressCircleRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
32
|
+
readonly value?: number | null;
|
|
33
|
+
readonly size?: Size;
|
|
34
|
+
readonly colorPalette?: string;
|
|
35
|
+
}
|
|
36
|
+
declare const ProgressCircleRoot: React.ForwardRefExoticComponent<ProgressCircleRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
interface ProgressCircleRingProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'color'> {
|
|
38
|
+
readonly trackColor?: string;
|
|
39
|
+
readonly cap?: React.SVGAttributes<SVGCircleElement>['strokeLinecap'];
|
|
40
|
+
readonly color?: string;
|
|
41
|
+
}
|
|
42
|
+
declare const ProgressCircleRing: React.ForwardRefExoticComponent<ProgressCircleRingProps & React.RefAttributes<SVGSVGElement>>;
|
|
43
|
+
interface ProgressCircleValueTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
44
|
+
}
|
|
45
|
+
declare const ProgressCircleValueText: React.ForwardRefExoticComponent<ProgressCircleValueTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
|
|
47
|
+
export { ProgressCircleRing, type ProgressCircleRingProps, ProgressCircleRoot, type ProgressCircleRootProps, ProgressCircleValueText, type ProgressCircleValueTextProps };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const SIZE_MAP: {
|
|
4
|
+
readonly xs: {
|
|
5
|
+
readonly size: 24;
|
|
6
|
+
readonly thickness: 4;
|
|
7
|
+
readonly textClass: "text-[10px]";
|
|
8
|
+
};
|
|
9
|
+
readonly sm: {
|
|
10
|
+
readonly size: 32;
|
|
11
|
+
readonly thickness: 5;
|
|
12
|
+
readonly textClass: "text-[10px]";
|
|
13
|
+
};
|
|
14
|
+
readonly md: {
|
|
15
|
+
readonly size: 40;
|
|
16
|
+
readonly thickness: 6;
|
|
17
|
+
readonly textClass: "text-xs";
|
|
18
|
+
};
|
|
19
|
+
readonly lg: {
|
|
20
|
+
readonly size: 48;
|
|
21
|
+
readonly thickness: 7;
|
|
22
|
+
readonly textClass: "text-sm";
|
|
23
|
+
};
|
|
24
|
+
readonly xl: {
|
|
25
|
+
readonly size: 64;
|
|
26
|
+
readonly thickness: 8;
|
|
27
|
+
readonly textClass: "text-sm";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
type Size = keyof typeof SIZE_MAP;
|
|
31
|
+
interface ProgressCircleRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
32
|
+
readonly value?: number | null;
|
|
33
|
+
readonly size?: Size;
|
|
34
|
+
readonly colorPalette?: string;
|
|
35
|
+
}
|
|
36
|
+
declare const ProgressCircleRoot: React.ForwardRefExoticComponent<ProgressCircleRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
interface ProgressCircleRingProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'color'> {
|
|
38
|
+
readonly trackColor?: string;
|
|
39
|
+
readonly cap?: React.SVGAttributes<SVGCircleElement>['strokeLinecap'];
|
|
40
|
+
readonly color?: string;
|
|
41
|
+
}
|
|
42
|
+
declare const ProgressCircleRing: React.ForwardRefExoticComponent<ProgressCircleRingProps & React.RefAttributes<SVGSVGElement>>;
|
|
43
|
+
interface ProgressCircleValueTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
44
|
+
}
|
|
45
|
+
declare const ProgressCircleValueText: React.ForwardRefExoticComponent<ProgressCircleValueTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
|
|
47
|
+
export { ProgressCircleRing, type ProgressCircleRingProps, ProgressCircleRoot, type ProgressCircleRootProps, ProgressCircleValueText, type ProgressCircleValueTextProps };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const SIZE_CLASSES: {
|
|
4
|
+
readonly sm: "h-1";
|
|
5
|
+
readonly md: "h-2";
|
|
6
|
+
readonly lg: "h-3";
|
|
7
|
+
readonly xl: "h-4";
|
|
8
|
+
};
|
|
9
|
+
type Size = keyof typeof SIZE_CLASSES;
|
|
10
|
+
interface TrackProps {
|
|
11
|
+
readonly borderStartRadius?: number | string;
|
|
12
|
+
readonly borderEndRadius?: number | string;
|
|
13
|
+
readonly className?: string;
|
|
14
|
+
readonly style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
interface ProgressProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
17
|
+
readonly value?: number | null;
|
|
18
|
+
readonly min?: number;
|
|
19
|
+
readonly max?: number;
|
|
20
|
+
readonly size?: Size;
|
|
21
|
+
readonly color?: string;
|
|
22
|
+
readonly trackProps?: TrackProps;
|
|
23
|
+
readonly w?: string;
|
|
24
|
+
readonly flex?: string | number;
|
|
25
|
+
}
|
|
26
|
+
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
|
|
28
|
+
export { Progress };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const SIZE_CLASSES: {
|
|
4
|
+
readonly sm: "h-1";
|
|
5
|
+
readonly md: "h-2";
|
|
6
|
+
readonly lg: "h-3";
|
|
7
|
+
readonly xl: "h-4";
|
|
8
|
+
};
|
|
9
|
+
type Size = keyof typeof SIZE_CLASSES;
|
|
10
|
+
interface TrackProps {
|
|
11
|
+
readonly borderStartRadius?: number | string;
|
|
12
|
+
readonly borderEndRadius?: number | string;
|
|
13
|
+
readonly className?: string;
|
|
14
|
+
readonly style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
interface ProgressProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
17
|
+
readonly value?: number | null;
|
|
18
|
+
readonly min?: number;
|
|
19
|
+
readonly max?: number;
|
|
20
|
+
readonly size?: Size;
|
|
21
|
+
readonly color?: string;
|
|
22
|
+
readonly trackProps?: TrackProps;
|
|
23
|
+
readonly w?: string;
|
|
24
|
+
readonly flex?: string | number;
|
|
25
|
+
}
|
|
26
|
+
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
|
|
28
|
+
export { Progress };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { QueryClient } from '@tanstack/react-query';
|
|
2
|
+
export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { WhiteLabel } from './white-label.cjs';
|
|
5
|
+
|
|
6
|
+
/** The white-label identity for the host this page is being served under. */
|
|
7
|
+
declare const useWhiteLabel: () => WhiteLabel;
|
|
8
|
+
interface AppProviderProps {
|
|
9
|
+
children: React__default.ReactNode;
|
|
10
|
+
queryClient?: QueryClient;
|
|
11
|
+
/**
|
|
12
|
+
* Host header value, for server rendering. Omit in the browser and the host
|
|
13
|
+
* is read from `location`. Never bake a brand into a deployment — pass the
|
|
14
|
+
* request's host and the same image serves every org.
|
|
15
|
+
*/
|
|
16
|
+
host?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Escape hatch: pin the gui child-theme row (`dark_lux` | `dark_zoo` |
|
|
19
|
+
* `dark_hanzo` | `dark_pars`). Leave unset so the theme follows the host.
|
|
20
|
+
*/
|
|
21
|
+
defaultTheme?: string;
|
|
22
|
+
}
|
|
23
|
+
declare const AppProvider: ({ children, queryClient, host, defaultTheme, }: AppProviderProps) => React__default.ReactElement;
|
|
24
|
+
|
|
25
|
+
export { AppProvider, useWhiteLabel };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { QueryClient } from '@tanstack/react-query';
|
|
2
|
+
export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { WhiteLabel } from './white-label.js';
|
|
5
|
+
|
|
6
|
+
/** The white-label identity for the host this page is being served under. */
|
|
7
|
+
declare const useWhiteLabel: () => WhiteLabel;
|
|
8
|
+
interface AppProviderProps {
|
|
9
|
+
children: React__default.ReactNode;
|
|
10
|
+
queryClient?: QueryClient;
|
|
11
|
+
/**
|
|
12
|
+
* Host header value, for server rendering. Omit in the browser and the host
|
|
13
|
+
* is read from `location`. Never bake a brand into a deployment — pass the
|
|
14
|
+
* request's host and the same image serves every org.
|
|
15
|
+
*/
|
|
16
|
+
host?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Escape hatch: pin the gui child-theme row (`dark_lux` | `dark_zoo` |
|
|
19
|
+
* `dark_hanzo` | `dark_pars`). Leave unset so the theme follows the host.
|
|
20
|
+
*/
|
|
21
|
+
defaultTheme?: string;
|
|
22
|
+
}
|
|
23
|
+
declare const AppProvider: ({ children, queryClient, host, defaultTheme, }: AppProviderProps) => React__default.ReactElement;
|
|
24
|
+
|
|
25
|
+
export { AppProvider, useWhiteLabel };
|