@kopexa/theme 17.8.1 → 17.9.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/chunk-RTWYV4TJ.mjs +64 -0
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +77 -14
- package/dist/components/index.mjs +8 -4
- package/dist/components/stat.d.mts +89 -0
- package/dist/components/stat.d.ts +89 -0
- package/dist/components/stat.js +88 -0
- package/dist/components/stat.mjs +6 -0
- package/dist/index.css +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +77 -14
- package/dist/index.mjs +8 -4
- package/package.json +2 -2
- /package/dist/{chunk-7ED3ZIKG.mjs → chunk-6K5IB5IR.mjs} +0 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
// src/components/stat.ts
|
|
2
|
+
import { tv } from "tailwind-variants";
|
|
3
|
+
var stat = tv({
|
|
4
|
+
slots: {
|
|
5
|
+
root: ["flex", "flex-col", "gap-1", "relative", "flex-1"],
|
|
6
|
+
label: [
|
|
7
|
+
"inline-flex",
|
|
8
|
+
"gap-1.5",
|
|
9
|
+
"items-center",
|
|
10
|
+
"text-muted-foreground",
|
|
11
|
+
"text-sm"
|
|
12
|
+
],
|
|
13
|
+
helpText: ["text-muted-foreground", "text-xs"],
|
|
14
|
+
valueUnit: [
|
|
15
|
+
"text-muted-foreground",
|
|
16
|
+
"text-xs",
|
|
17
|
+
"font-normal",
|
|
18
|
+
"tracking-normal"
|
|
19
|
+
],
|
|
20
|
+
valueText: [
|
|
21
|
+
"align-baseline",
|
|
22
|
+
"font-semibold",
|
|
23
|
+
"tracking-tight",
|
|
24
|
+
"tabular-nums",
|
|
25
|
+
"inline-flex",
|
|
26
|
+
"gap-1"
|
|
27
|
+
],
|
|
28
|
+
indicator: [
|
|
29
|
+
"inline-flex",
|
|
30
|
+
"items-center",
|
|
31
|
+
"justify-center",
|
|
32
|
+
"me-1",
|
|
33
|
+
"[&_svg]:size-[1em]"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
variants: {
|
|
37
|
+
size: {
|
|
38
|
+
sm: {
|
|
39
|
+
valueText: "text-xl"
|
|
40
|
+
},
|
|
41
|
+
md: {
|
|
42
|
+
valueText: "text-2xl"
|
|
43
|
+
},
|
|
44
|
+
lg: {
|
|
45
|
+
valueText: "text-3xl"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
trend: {
|
|
49
|
+
up: {
|
|
50
|
+
indicator: "text-success"
|
|
51
|
+
},
|
|
52
|
+
down: {
|
|
53
|
+
indicator: "text-destructive"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
defaultVariants: {
|
|
58
|
+
size: "md"
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
export {
|
|
63
|
+
stat
|
|
64
|
+
};
|
|
@@ -58,6 +58,7 @@ export { slashDropdownMenu } from './slash-dropdown-menu.mjs';
|
|
|
58
58
|
export { SpinnerVariants, spinner } from './spinner.mjs';
|
|
59
59
|
export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.mjs';
|
|
60
60
|
export { StandardChipVariants, standardChip } from './standard-chip.mjs';
|
|
61
|
+
export { StatSlots, StatVariantProps, stat } from './stat.mjs';
|
|
61
62
|
export { SwitchSlots, SwitchVariantProps, switchVariants } from './switch.mjs';
|
|
62
63
|
export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.mjs';
|
|
63
64
|
export { TableSlots, TableVariantProps, table } from './table.mjs';
|
|
@@ -58,6 +58,7 @@ export { slashDropdownMenu } from './slash-dropdown-menu.js';
|
|
|
58
58
|
export { SpinnerVariants, spinner } from './spinner.js';
|
|
59
59
|
export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.js';
|
|
60
60
|
export { StandardChipVariants, standardChip } from './standard-chip.js';
|
|
61
|
+
export { StatSlots, StatVariantProps, stat } from './stat.js';
|
|
61
62
|
export { SwitchSlots, SwitchVariantProps, switchVariants } from './switch.js';
|
|
62
63
|
export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.js';
|
|
63
64
|
export { TableSlots, TableVariantProps, table } from './table.js';
|
package/dist/components/index.js
CHANGED
|
@@ -83,6 +83,7 @@ __export(components_exports, {
|
|
|
83
83
|
spinner: () => spinner,
|
|
84
84
|
splitPageLayout: () => splitPageLayout,
|
|
85
85
|
standardChip: () => standardChip,
|
|
86
|
+
stat: () => stat,
|
|
86
87
|
switchVariants: () => switchVariants,
|
|
87
88
|
tabNav: () => tabNav,
|
|
88
89
|
table: () => table,
|
|
@@ -3998,9 +3999,70 @@ var standardChip = (0, import_tailwind_variants60.tv)({
|
|
|
3998
3999
|
}
|
|
3999
4000
|
});
|
|
4000
4001
|
|
|
4001
|
-
// src/components/
|
|
4002
|
+
// src/components/stat.ts
|
|
4002
4003
|
var import_tailwind_variants61 = require("tailwind-variants");
|
|
4003
|
-
var
|
|
4004
|
+
var stat = (0, import_tailwind_variants61.tv)({
|
|
4005
|
+
slots: {
|
|
4006
|
+
root: ["flex", "flex-col", "gap-1", "relative", "flex-1"],
|
|
4007
|
+
label: [
|
|
4008
|
+
"inline-flex",
|
|
4009
|
+
"gap-1.5",
|
|
4010
|
+
"items-center",
|
|
4011
|
+
"text-muted-foreground",
|
|
4012
|
+
"text-sm"
|
|
4013
|
+
],
|
|
4014
|
+
helpText: ["text-muted-foreground", "text-xs"],
|
|
4015
|
+
valueUnit: [
|
|
4016
|
+
"text-muted-foreground",
|
|
4017
|
+
"text-xs",
|
|
4018
|
+
"font-normal",
|
|
4019
|
+
"tracking-normal"
|
|
4020
|
+
],
|
|
4021
|
+
valueText: [
|
|
4022
|
+
"align-baseline",
|
|
4023
|
+
"font-semibold",
|
|
4024
|
+
"tracking-tight",
|
|
4025
|
+
"tabular-nums",
|
|
4026
|
+
"inline-flex",
|
|
4027
|
+
"gap-1"
|
|
4028
|
+
],
|
|
4029
|
+
indicator: [
|
|
4030
|
+
"inline-flex",
|
|
4031
|
+
"items-center",
|
|
4032
|
+
"justify-center",
|
|
4033
|
+
"me-1",
|
|
4034
|
+
"[&_svg]:size-[1em]"
|
|
4035
|
+
]
|
|
4036
|
+
},
|
|
4037
|
+
variants: {
|
|
4038
|
+
size: {
|
|
4039
|
+
sm: {
|
|
4040
|
+
valueText: "text-xl"
|
|
4041
|
+
},
|
|
4042
|
+
md: {
|
|
4043
|
+
valueText: "text-2xl"
|
|
4044
|
+
},
|
|
4045
|
+
lg: {
|
|
4046
|
+
valueText: "text-3xl"
|
|
4047
|
+
}
|
|
4048
|
+
},
|
|
4049
|
+
trend: {
|
|
4050
|
+
up: {
|
|
4051
|
+
indicator: "text-success"
|
|
4052
|
+
},
|
|
4053
|
+
down: {
|
|
4054
|
+
indicator: "text-destructive"
|
|
4055
|
+
}
|
|
4056
|
+
}
|
|
4057
|
+
},
|
|
4058
|
+
defaultVariants: {
|
|
4059
|
+
size: "md"
|
|
4060
|
+
}
|
|
4061
|
+
});
|
|
4062
|
+
|
|
4063
|
+
// src/components/switch.ts
|
|
4064
|
+
var import_tailwind_variants62 = require("tailwind-variants");
|
|
4065
|
+
var switchVariants = (0, import_tailwind_variants62.tv)({
|
|
4004
4066
|
slots: {
|
|
4005
4067
|
root: [
|
|
4006
4068
|
"peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
|
|
@@ -4035,8 +4097,8 @@ var switchVariants = (0, import_tailwind_variants61.tv)({
|
|
|
4035
4097
|
});
|
|
4036
4098
|
|
|
4037
4099
|
// src/components/tab-nav.ts
|
|
4038
|
-
var
|
|
4039
|
-
var tabNav = (0,
|
|
4100
|
+
var import_tailwind_variants63 = require("tailwind-variants");
|
|
4101
|
+
var tabNav = (0, import_tailwind_variants63.tv)({
|
|
4040
4102
|
slots: {
|
|
4041
4103
|
base: "",
|
|
4042
4104
|
list: [
|
|
@@ -4126,8 +4188,8 @@ var tabNav = (0, import_tailwind_variants62.tv)({
|
|
|
4126
4188
|
});
|
|
4127
4189
|
|
|
4128
4190
|
// src/components/table.ts
|
|
4129
|
-
var
|
|
4130
|
-
var table = (0,
|
|
4191
|
+
var import_tailwind_variants64 = require("tailwind-variants");
|
|
4192
|
+
var table = (0, import_tailwind_variants64.tv)({
|
|
4131
4193
|
slots: {
|
|
4132
4194
|
container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
|
|
4133
4195
|
wrapper: ["inline-block min-w-full align-middle"],
|
|
@@ -4289,8 +4351,8 @@ var table = (0, import_tailwind_variants63.tv)({
|
|
|
4289
4351
|
});
|
|
4290
4352
|
|
|
4291
4353
|
// src/components/tabs.ts
|
|
4292
|
-
var
|
|
4293
|
-
var tabs = (0,
|
|
4354
|
+
var import_tailwind_variants65 = require("tailwind-variants");
|
|
4355
|
+
var tabs = (0, import_tailwind_variants65.tv)({
|
|
4294
4356
|
slots: {
|
|
4295
4357
|
root: "flex flex-col gap-2",
|
|
4296
4358
|
list: [
|
|
@@ -4327,8 +4389,8 @@ var tabs = (0, import_tailwind_variants64.tv)({
|
|
|
4327
4389
|
});
|
|
4328
4390
|
|
|
4329
4391
|
// src/components/textarea.ts
|
|
4330
|
-
var
|
|
4331
|
-
var textarea = (0,
|
|
4392
|
+
var import_tailwind_variants66 = require("tailwind-variants");
|
|
4393
|
+
var textarea = (0, import_tailwind_variants66.tv)({
|
|
4332
4394
|
base: [
|
|
4333
4395
|
"w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
|
|
4334
4396
|
"text-foreground placeholder:text-muted-foreground/80",
|
|
@@ -4352,8 +4414,8 @@ var textarea = (0, import_tailwind_variants65.tv)({
|
|
|
4352
4414
|
});
|
|
4353
4415
|
|
|
4354
4416
|
// src/components/toolbar.ts
|
|
4355
|
-
var
|
|
4356
|
-
var toolbar = (0,
|
|
4417
|
+
var import_tailwind_variants67 = require("tailwind-variants");
|
|
4418
|
+
var toolbar = (0, import_tailwind_variants67.tv)({
|
|
4357
4419
|
slots: {
|
|
4358
4420
|
root: "flex items-center gap-2.5 p-1",
|
|
4359
4421
|
button: "shrink-0",
|
|
@@ -4392,8 +4454,8 @@ var toolbar = (0, import_tailwind_variants66.tv)({
|
|
|
4392
4454
|
});
|
|
4393
4455
|
|
|
4394
4456
|
// src/components/tooltip.ts
|
|
4395
|
-
var
|
|
4396
|
-
var tooltip = (0,
|
|
4457
|
+
var import_tailwind_variants68 = require("tailwind-variants");
|
|
4458
|
+
var tooltip = (0, import_tailwind_variants68.tv)({
|
|
4397
4459
|
slots: {
|
|
4398
4460
|
content: [
|
|
4399
4461
|
"bg-primary-900 text-primary-foreground",
|
|
@@ -4469,6 +4531,7 @@ var tooltip = (0, import_tailwind_variants67.tv)({
|
|
|
4469
4531
|
spinner,
|
|
4470
4532
|
splitPageLayout,
|
|
4471
4533
|
standardChip,
|
|
4534
|
+
stat,
|
|
4472
4535
|
switchVariants,
|
|
4473
4536
|
tabNav,
|
|
4474
4537
|
table,
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import "../chunk-
|
|
1
|
+
import "../chunk-6K5IB5IR.mjs";
|
|
2
|
+
import {
|
|
3
|
+
tabNav
|
|
4
|
+
} from "../chunk-ZLM6Z3W2.mjs";
|
|
2
5
|
import {
|
|
3
6
|
table
|
|
4
7
|
} from "../chunk-YC2FQDBV.mjs";
|
|
@@ -32,12 +35,12 @@ import {
|
|
|
32
35
|
import {
|
|
33
36
|
standardChip
|
|
34
37
|
} from "../chunk-XQZL7LCP.mjs";
|
|
38
|
+
import {
|
|
39
|
+
stat
|
|
40
|
+
} from "../chunk-RTWYV4TJ.mjs";
|
|
35
41
|
import {
|
|
36
42
|
switchVariants
|
|
37
43
|
} from "../chunk-WQ446TVH.mjs";
|
|
38
|
-
import {
|
|
39
|
-
tabNav
|
|
40
|
-
} from "../chunk-ZLM6Z3W2.mjs";
|
|
41
44
|
import {
|
|
42
45
|
riskBadge
|
|
43
46
|
} from "../chunk-V2J5XG34.mjs";
|
|
@@ -269,6 +272,7 @@ export {
|
|
|
269
272
|
spinner,
|
|
270
273
|
splitPageLayout,
|
|
271
274
|
standardChip,
|
|
275
|
+
stat,
|
|
272
276
|
switchVariants,
|
|
273
277
|
tabNav,
|
|
274
278
|
table,
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const stat: tailwind_variants.TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: {
|
|
7
|
+
valueText: string;
|
|
8
|
+
};
|
|
9
|
+
md: {
|
|
10
|
+
valueText: string;
|
|
11
|
+
};
|
|
12
|
+
lg: {
|
|
13
|
+
valueText: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
trend: {
|
|
17
|
+
up: {
|
|
18
|
+
indicator: string;
|
|
19
|
+
};
|
|
20
|
+
down: {
|
|
21
|
+
indicator: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
}, {
|
|
25
|
+
root: string[];
|
|
26
|
+
label: string[];
|
|
27
|
+
helpText: string[];
|
|
28
|
+
valueUnit: string[];
|
|
29
|
+
valueText: string[];
|
|
30
|
+
indicator: string[];
|
|
31
|
+
}, undefined, {
|
|
32
|
+
size: {
|
|
33
|
+
sm: {
|
|
34
|
+
valueText: string;
|
|
35
|
+
};
|
|
36
|
+
md: {
|
|
37
|
+
valueText: string;
|
|
38
|
+
};
|
|
39
|
+
lg: {
|
|
40
|
+
valueText: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
trend: {
|
|
44
|
+
up: {
|
|
45
|
+
indicator: string;
|
|
46
|
+
};
|
|
47
|
+
down: {
|
|
48
|
+
indicator: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}, {
|
|
52
|
+
root: string[];
|
|
53
|
+
label: string[];
|
|
54
|
+
helpText: string[];
|
|
55
|
+
valueUnit: string[];
|
|
56
|
+
valueText: string[];
|
|
57
|
+
indicator: string[];
|
|
58
|
+
}, tailwind_variants.TVReturnType<{
|
|
59
|
+
size: {
|
|
60
|
+
sm: {
|
|
61
|
+
valueText: string;
|
|
62
|
+
};
|
|
63
|
+
md: {
|
|
64
|
+
valueText: string;
|
|
65
|
+
};
|
|
66
|
+
lg: {
|
|
67
|
+
valueText: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
trend: {
|
|
71
|
+
up: {
|
|
72
|
+
indicator: string;
|
|
73
|
+
};
|
|
74
|
+
down: {
|
|
75
|
+
indicator: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
}, {
|
|
79
|
+
root: string[];
|
|
80
|
+
label: string[];
|
|
81
|
+
helpText: string[];
|
|
82
|
+
valueUnit: string[];
|
|
83
|
+
valueText: string[];
|
|
84
|
+
indicator: string[];
|
|
85
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
86
|
+
type StatVariantProps = VariantProps<typeof stat>;
|
|
87
|
+
type StatSlots = keyof ReturnType<typeof stat>;
|
|
88
|
+
|
|
89
|
+
export { type StatSlots, type StatVariantProps, stat };
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
|
|
4
|
+
declare const stat: tailwind_variants.TVReturnType<{
|
|
5
|
+
size: {
|
|
6
|
+
sm: {
|
|
7
|
+
valueText: string;
|
|
8
|
+
};
|
|
9
|
+
md: {
|
|
10
|
+
valueText: string;
|
|
11
|
+
};
|
|
12
|
+
lg: {
|
|
13
|
+
valueText: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
trend: {
|
|
17
|
+
up: {
|
|
18
|
+
indicator: string;
|
|
19
|
+
};
|
|
20
|
+
down: {
|
|
21
|
+
indicator: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
}, {
|
|
25
|
+
root: string[];
|
|
26
|
+
label: string[];
|
|
27
|
+
helpText: string[];
|
|
28
|
+
valueUnit: string[];
|
|
29
|
+
valueText: string[];
|
|
30
|
+
indicator: string[];
|
|
31
|
+
}, undefined, {
|
|
32
|
+
size: {
|
|
33
|
+
sm: {
|
|
34
|
+
valueText: string;
|
|
35
|
+
};
|
|
36
|
+
md: {
|
|
37
|
+
valueText: string;
|
|
38
|
+
};
|
|
39
|
+
lg: {
|
|
40
|
+
valueText: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
trend: {
|
|
44
|
+
up: {
|
|
45
|
+
indicator: string;
|
|
46
|
+
};
|
|
47
|
+
down: {
|
|
48
|
+
indicator: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}, {
|
|
52
|
+
root: string[];
|
|
53
|
+
label: string[];
|
|
54
|
+
helpText: string[];
|
|
55
|
+
valueUnit: string[];
|
|
56
|
+
valueText: string[];
|
|
57
|
+
indicator: string[];
|
|
58
|
+
}, tailwind_variants.TVReturnType<{
|
|
59
|
+
size: {
|
|
60
|
+
sm: {
|
|
61
|
+
valueText: string;
|
|
62
|
+
};
|
|
63
|
+
md: {
|
|
64
|
+
valueText: string;
|
|
65
|
+
};
|
|
66
|
+
lg: {
|
|
67
|
+
valueText: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
trend: {
|
|
71
|
+
up: {
|
|
72
|
+
indicator: string;
|
|
73
|
+
};
|
|
74
|
+
down: {
|
|
75
|
+
indicator: string;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
}, {
|
|
79
|
+
root: string[];
|
|
80
|
+
label: string[];
|
|
81
|
+
helpText: string[];
|
|
82
|
+
valueUnit: string[];
|
|
83
|
+
valueText: string[];
|
|
84
|
+
indicator: string[];
|
|
85
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
86
|
+
type StatVariantProps = VariantProps<typeof stat>;
|
|
87
|
+
type StatSlots = keyof ReturnType<typeof stat>;
|
|
88
|
+
|
|
89
|
+
export { type StatSlots, type StatVariantProps, stat };
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/stat.ts
|
|
21
|
+
var stat_exports = {};
|
|
22
|
+
__export(stat_exports, {
|
|
23
|
+
stat: () => stat
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(stat_exports);
|
|
26
|
+
var import_tailwind_variants = require("tailwind-variants");
|
|
27
|
+
var stat = (0, import_tailwind_variants.tv)({
|
|
28
|
+
slots: {
|
|
29
|
+
root: ["flex", "flex-col", "gap-1", "relative", "flex-1"],
|
|
30
|
+
label: [
|
|
31
|
+
"inline-flex",
|
|
32
|
+
"gap-1.5",
|
|
33
|
+
"items-center",
|
|
34
|
+
"text-muted-foreground",
|
|
35
|
+
"text-sm"
|
|
36
|
+
],
|
|
37
|
+
helpText: ["text-muted-foreground", "text-xs"],
|
|
38
|
+
valueUnit: [
|
|
39
|
+
"text-muted-foreground",
|
|
40
|
+
"text-xs",
|
|
41
|
+
"font-normal",
|
|
42
|
+
"tracking-normal"
|
|
43
|
+
],
|
|
44
|
+
valueText: [
|
|
45
|
+
"align-baseline",
|
|
46
|
+
"font-semibold",
|
|
47
|
+
"tracking-tight",
|
|
48
|
+
"tabular-nums",
|
|
49
|
+
"inline-flex",
|
|
50
|
+
"gap-1"
|
|
51
|
+
],
|
|
52
|
+
indicator: [
|
|
53
|
+
"inline-flex",
|
|
54
|
+
"items-center",
|
|
55
|
+
"justify-center",
|
|
56
|
+
"me-1",
|
|
57
|
+
"[&_svg]:size-[1em]"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
variants: {
|
|
61
|
+
size: {
|
|
62
|
+
sm: {
|
|
63
|
+
valueText: "text-xl"
|
|
64
|
+
},
|
|
65
|
+
md: {
|
|
66
|
+
valueText: "text-2xl"
|
|
67
|
+
},
|
|
68
|
+
lg: {
|
|
69
|
+
valueText: "text-3xl"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
trend: {
|
|
73
|
+
up: {
|
|
74
|
+
indicator: "text-success"
|
|
75
|
+
},
|
|
76
|
+
down: {
|
|
77
|
+
indicator: "text-destructive"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
defaultVariants: {
|
|
82
|
+
size: "md"
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
86
|
+
0 && (module.exports = {
|
|
87
|
+
stat
|
|
88
|
+
});
|
package/dist/index.css
CHANGED
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
--chart-4: oklch(0.828 0.189 84.429);
|
|
37
37
|
--chart-5: oklch(0.769 0.188 70.08);
|
|
38
38
|
--radius: 0.625rem;
|
|
39
|
-
--sidebar: var(--color-primary-
|
|
39
|
+
--sidebar: var(--color-primary-950);
|
|
40
40
|
--sidebar-foreground: var(--color-white);
|
|
41
41
|
--sidebar-primary: oklch(0.205 0 0);
|
|
42
42
|
--sidebar-primary-foreground: var(--color-white);
|
|
43
|
-
--sidebar-accent:var(--color-primary-
|
|
43
|
+
--sidebar-accent:var(--color-primary-800);
|
|
44
44
|
--sidebar-accent-foreground: var(--color-primary-50);
|
|
45
45
|
--sidebar-border: var(--color-default-200);
|
|
46
46
|
--sidebar-ring: oklch(0.708 0 0);
|
package/dist/index.d.mts
CHANGED
|
@@ -59,6 +59,7 @@ export { slashDropdownMenu } from './components/slash-dropdown-menu.mjs';
|
|
|
59
59
|
export { SpinnerVariants, spinner } from './components/spinner.mjs';
|
|
60
60
|
export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.mjs';
|
|
61
61
|
export { StandardChipVariants, standardChip } from './components/standard-chip.mjs';
|
|
62
|
+
export { StatSlots, StatVariantProps, stat } from './components/stat.mjs';
|
|
62
63
|
export { SwitchSlots, SwitchVariantProps, switchVariants } from './components/switch.mjs';
|
|
63
64
|
export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.mjs';
|
|
64
65
|
export { TableSlots, TableVariantProps, table } from './components/table.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -59,6 +59,7 @@ export { slashDropdownMenu } from './components/slash-dropdown-menu.js';
|
|
|
59
59
|
export { SpinnerVariants, spinner } from './components/spinner.js';
|
|
60
60
|
export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.js';
|
|
61
61
|
export { StandardChipVariants, standardChip } from './components/standard-chip.js';
|
|
62
|
+
export { StatSlots, StatVariantProps, stat } from './components/stat.js';
|
|
62
63
|
export { SwitchSlots, SwitchVariantProps, switchVariants } from './components/switch.js';
|
|
63
64
|
export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.js';
|
|
64
65
|
export { TableSlots, TableVariantProps, table } from './components/table.js';
|
package/dist/index.js
CHANGED
|
@@ -83,6 +83,7 @@ __export(index_exports, {
|
|
|
83
83
|
spinner: () => spinner,
|
|
84
84
|
splitPageLayout: () => splitPageLayout,
|
|
85
85
|
standardChip: () => standardChip,
|
|
86
|
+
stat: () => stat,
|
|
86
87
|
switchVariants: () => switchVariants,
|
|
87
88
|
tabNav: () => tabNav,
|
|
88
89
|
table: () => table,
|
|
@@ -3998,9 +3999,70 @@ var standardChip = (0, import_tailwind_variants60.tv)({
|
|
|
3998
3999
|
}
|
|
3999
4000
|
});
|
|
4000
4001
|
|
|
4001
|
-
// src/components/
|
|
4002
|
+
// src/components/stat.ts
|
|
4002
4003
|
var import_tailwind_variants61 = require("tailwind-variants");
|
|
4003
|
-
var
|
|
4004
|
+
var stat = (0, import_tailwind_variants61.tv)({
|
|
4005
|
+
slots: {
|
|
4006
|
+
root: ["flex", "flex-col", "gap-1", "relative", "flex-1"],
|
|
4007
|
+
label: [
|
|
4008
|
+
"inline-flex",
|
|
4009
|
+
"gap-1.5",
|
|
4010
|
+
"items-center",
|
|
4011
|
+
"text-muted-foreground",
|
|
4012
|
+
"text-sm"
|
|
4013
|
+
],
|
|
4014
|
+
helpText: ["text-muted-foreground", "text-xs"],
|
|
4015
|
+
valueUnit: [
|
|
4016
|
+
"text-muted-foreground",
|
|
4017
|
+
"text-xs",
|
|
4018
|
+
"font-normal",
|
|
4019
|
+
"tracking-normal"
|
|
4020
|
+
],
|
|
4021
|
+
valueText: [
|
|
4022
|
+
"align-baseline",
|
|
4023
|
+
"font-semibold",
|
|
4024
|
+
"tracking-tight",
|
|
4025
|
+
"tabular-nums",
|
|
4026
|
+
"inline-flex",
|
|
4027
|
+
"gap-1"
|
|
4028
|
+
],
|
|
4029
|
+
indicator: [
|
|
4030
|
+
"inline-flex",
|
|
4031
|
+
"items-center",
|
|
4032
|
+
"justify-center",
|
|
4033
|
+
"me-1",
|
|
4034
|
+
"[&_svg]:size-[1em]"
|
|
4035
|
+
]
|
|
4036
|
+
},
|
|
4037
|
+
variants: {
|
|
4038
|
+
size: {
|
|
4039
|
+
sm: {
|
|
4040
|
+
valueText: "text-xl"
|
|
4041
|
+
},
|
|
4042
|
+
md: {
|
|
4043
|
+
valueText: "text-2xl"
|
|
4044
|
+
},
|
|
4045
|
+
lg: {
|
|
4046
|
+
valueText: "text-3xl"
|
|
4047
|
+
}
|
|
4048
|
+
},
|
|
4049
|
+
trend: {
|
|
4050
|
+
up: {
|
|
4051
|
+
indicator: "text-success"
|
|
4052
|
+
},
|
|
4053
|
+
down: {
|
|
4054
|
+
indicator: "text-destructive"
|
|
4055
|
+
}
|
|
4056
|
+
}
|
|
4057
|
+
},
|
|
4058
|
+
defaultVariants: {
|
|
4059
|
+
size: "md"
|
|
4060
|
+
}
|
|
4061
|
+
});
|
|
4062
|
+
|
|
4063
|
+
// src/components/switch.ts
|
|
4064
|
+
var import_tailwind_variants62 = require("tailwind-variants");
|
|
4065
|
+
var switchVariants = (0, import_tailwind_variants62.tv)({
|
|
4004
4066
|
slots: {
|
|
4005
4067
|
root: [
|
|
4006
4068
|
"peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
|
|
@@ -4035,8 +4097,8 @@ var switchVariants = (0, import_tailwind_variants61.tv)({
|
|
|
4035
4097
|
});
|
|
4036
4098
|
|
|
4037
4099
|
// src/components/tab-nav.ts
|
|
4038
|
-
var
|
|
4039
|
-
var tabNav = (0,
|
|
4100
|
+
var import_tailwind_variants63 = require("tailwind-variants");
|
|
4101
|
+
var tabNav = (0, import_tailwind_variants63.tv)({
|
|
4040
4102
|
slots: {
|
|
4041
4103
|
base: "",
|
|
4042
4104
|
list: [
|
|
@@ -4126,8 +4188,8 @@ var tabNav = (0, import_tailwind_variants62.tv)({
|
|
|
4126
4188
|
});
|
|
4127
4189
|
|
|
4128
4190
|
// src/components/table.ts
|
|
4129
|
-
var
|
|
4130
|
-
var table = (0,
|
|
4191
|
+
var import_tailwind_variants64 = require("tailwind-variants");
|
|
4192
|
+
var table = (0, import_tailwind_variants64.tv)({
|
|
4131
4193
|
slots: {
|
|
4132
4194
|
container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
|
|
4133
4195
|
wrapper: ["inline-block min-w-full align-middle"],
|
|
@@ -4289,8 +4351,8 @@ var table = (0, import_tailwind_variants63.tv)({
|
|
|
4289
4351
|
});
|
|
4290
4352
|
|
|
4291
4353
|
// src/components/tabs.ts
|
|
4292
|
-
var
|
|
4293
|
-
var tabs = (0,
|
|
4354
|
+
var import_tailwind_variants65 = require("tailwind-variants");
|
|
4355
|
+
var tabs = (0, import_tailwind_variants65.tv)({
|
|
4294
4356
|
slots: {
|
|
4295
4357
|
root: "flex flex-col gap-2",
|
|
4296
4358
|
list: [
|
|
@@ -4327,8 +4389,8 @@ var tabs = (0, import_tailwind_variants64.tv)({
|
|
|
4327
4389
|
});
|
|
4328
4390
|
|
|
4329
4391
|
// src/components/textarea.ts
|
|
4330
|
-
var
|
|
4331
|
-
var textarea = (0,
|
|
4392
|
+
var import_tailwind_variants66 = require("tailwind-variants");
|
|
4393
|
+
var textarea = (0, import_tailwind_variants66.tv)({
|
|
4332
4394
|
base: [
|
|
4333
4395
|
"w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
|
|
4334
4396
|
"text-foreground placeholder:text-muted-foreground/80",
|
|
@@ -4352,8 +4414,8 @@ var textarea = (0, import_tailwind_variants65.tv)({
|
|
|
4352
4414
|
});
|
|
4353
4415
|
|
|
4354
4416
|
// src/components/toolbar.ts
|
|
4355
|
-
var
|
|
4356
|
-
var toolbar = (0,
|
|
4417
|
+
var import_tailwind_variants67 = require("tailwind-variants");
|
|
4418
|
+
var toolbar = (0, import_tailwind_variants67.tv)({
|
|
4357
4419
|
slots: {
|
|
4358
4420
|
root: "flex items-center gap-2.5 p-1",
|
|
4359
4421
|
button: "shrink-0",
|
|
@@ -4392,8 +4454,8 @@ var toolbar = (0, import_tailwind_variants66.tv)({
|
|
|
4392
4454
|
});
|
|
4393
4455
|
|
|
4394
4456
|
// src/components/tooltip.ts
|
|
4395
|
-
var
|
|
4396
|
-
var tooltip = (0,
|
|
4457
|
+
var import_tailwind_variants68 = require("tailwind-variants");
|
|
4458
|
+
var tooltip = (0, import_tailwind_variants68.tv)({
|
|
4397
4459
|
slots: {
|
|
4398
4460
|
content: [
|
|
4399
4461
|
"bg-primary-900 text-primary-foreground",
|
|
@@ -4469,6 +4531,7 @@ var tooltip = (0, import_tailwind_variants67.tv)({
|
|
|
4469
4531
|
spinner,
|
|
4470
4532
|
splitPageLayout,
|
|
4471
4533
|
standardChip,
|
|
4534
|
+
stat,
|
|
4472
4535
|
switchVariants,
|
|
4473
4536
|
tabNav,
|
|
4474
4537
|
table,
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import "./chunk-XSN6P5JL.mjs";
|
|
2
|
-
import "./chunk-
|
|
2
|
+
import "./chunk-6K5IB5IR.mjs";
|
|
3
|
+
import {
|
|
4
|
+
tabNav
|
|
5
|
+
} from "./chunk-ZLM6Z3W2.mjs";
|
|
3
6
|
import {
|
|
4
7
|
table
|
|
5
8
|
} from "./chunk-YC2FQDBV.mjs";
|
|
@@ -33,12 +36,12 @@ import {
|
|
|
33
36
|
import {
|
|
34
37
|
standardChip
|
|
35
38
|
} from "./chunk-XQZL7LCP.mjs";
|
|
39
|
+
import {
|
|
40
|
+
stat
|
|
41
|
+
} from "./chunk-RTWYV4TJ.mjs";
|
|
36
42
|
import {
|
|
37
43
|
switchVariants
|
|
38
44
|
} from "./chunk-WQ446TVH.mjs";
|
|
39
|
-
import {
|
|
40
|
-
tabNav
|
|
41
|
-
} from "./chunk-ZLM6Z3W2.mjs";
|
|
42
45
|
import {
|
|
43
46
|
riskBadge
|
|
44
47
|
} from "./chunk-V2J5XG34.mjs";
|
|
@@ -270,6 +273,7 @@ export {
|
|
|
270
273
|
spinner,
|
|
271
274
|
splitPageLayout,
|
|
272
275
|
standardChip,
|
|
276
|
+
stat,
|
|
273
277
|
switchVariants,
|
|
274
278
|
tabNav,
|
|
275
279
|
table,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kopexa/theme",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.9.0",
|
|
4
4
|
"description": "The default theme for Kopexa components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"theme",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"tailwind-merge": "3.4.0",
|
|
66
66
|
"tailwind-variants": "^3.2.2",
|
|
67
67
|
"tw-animate-css": "^1.4.0",
|
|
68
|
-
"@kopexa/shared-utils": "17.0.
|
|
68
|
+
"@kopexa/shared-utils": "17.0.17"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"tailwindcss": ">=4.0.0"
|
|
File without changes
|