@kopexa/theme 14.0.2 → 14.0.4

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.
Files changed (38) hide show
  1. package/dist/{chunk-VDMXPFII.mjs → chunk-2T3SPXLF.mjs} +1 -1
  2. package/dist/{chunk-WSEO3MLK.mjs → chunk-2VWLEU6X.mjs} +1 -1
  3. package/dist/{chunk-7VZZASRG.mjs → chunk-C3LKWHPD.mjs} +1 -1
  4. package/dist/{chunk-IX46TOS3.mjs → chunk-DPQAMK3W.mjs} +17 -3
  5. package/dist/{chunk-SYYY32OX.mjs → chunk-J3BXXWBQ.mjs} +1 -1
  6. package/dist/{chunk-RQYYDG26.mjs → chunk-OX4Q6RK5.mjs} +1 -1
  7. package/dist/chunk-ZOTN264E.mjs +24 -0
  8. package/dist/{chunk-ROZ24JVQ.mjs → chunk-ZZMGL5MA.mjs} +1 -1
  9. package/dist/components/avatar.js +1 -1
  10. package/dist/components/avatar.mjs +2 -2
  11. package/dist/components/button.d.mts +24 -0
  12. package/dist/components/button.d.ts +24 -0
  13. package/dist/components/button.js +17 -3
  14. package/dist/components/button.mjs +2 -2
  15. package/dist/components/chip.js +1 -1
  16. package/dist/components/chip.mjs +2 -2
  17. package/dist/components/code.js +1 -1
  18. package/dist/components/code.mjs +2 -2
  19. package/dist/components/index.d.mts +1 -0
  20. package/dist/components/index.d.ts +1 -0
  21. package/dist/components/index.js +94 -57
  22. package/dist/components/index.mjs +19 -15
  23. package/dist/components/loading-page.d.mts +40 -0
  24. package/dist/components/loading-page.d.ts +40 -0
  25. package/dist/components/loading-page.js +48 -0
  26. package/dist/components/loading-page.mjs +6 -0
  27. package/dist/components/skeleton-avatar.js +1 -1
  28. package/dist/components/skeleton-avatar.mjs +3 -3
  29. package/dist/components/standard-chip.js +1 -1
  30. package/dist/components/standard-chip.mjs +3 -3
  31. package/dist/index.d.mts +1 -0
  32. package/dist/index.d.ts +1 -0
  33. package/dist/index.js +94 -57
  34. package/dist/index.mjs +19 -15
  35. package/dist/utils/variants.js +1 -1
  36. package/dist/utils/variants.mjs +1 -1
  37. package/package.json +4 -4
  38. /package/dist/{chunk-X4JOORWZ.mjs → chunk-BYXTAZ4I.mjs} +0 -0
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  colorVariants
3
- } from "./chunk-WSEO3MLK.mjs";
3
+ } from "./chunk-2VWLEU6X.mjs";
4
4
  import {
5
5
  focusVisibleClasses,
6
6
  translateCenterClasses
@@ -8,7 +8,7 @@ var solid = {
8
8
  success: "bg-success text-success-foreground"
9
9
  };
10
10
  var outline = {
11
- default: "bg-transparent border border-accent text-accent-foreground",
11
+ default: "bg-transparent border border-input text-accent-foreground",
12
12
  primary: "bg-transparent border-primary text-primary",
13
13
  secondary: "bg-transparent border-secondary text-secondary-foreground",
14
14
  destructive: "bg-transparent border-destructive text-destructive",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  chip
3
- } from "./chunk-RQYYDG26.mjs";
3
+ } from "./chunk-OX4Q6RK5.mjs";
4
4
 
5
5
  // src/components/standard-chip.ts
6
6
  import { tv } from "tailwind-variants";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  colorVariants
3
- } from "./chunk-WSEO3MLK.mjs";
3
+ } from "./chunk-2VWLEU6X.mjs";
4
4
  import {
5
5
  focusVisibleClasses
6
6
  } from "./chunk-6IZPAS4O.mjs";
@@ -30,7 +30,7 @@ var button = tv({
30
30
  },
31
31
  size: {
32
32
  sm: "px-3 min-w-16 h-7 text-xs gap-2 rounded-sm has-[>svg]:px-2.5 [&_svg]:size-3",
33
- md: "px-4 min-w-20 h-8.5 text-sm gap-2 rounded-sm has-[>svg]:px-3 [&_svg]:size-4",
33
+ md: "px-4 min-w-20 h-8.5 text-sm gap-2 rounded-md has-[>svg]:px-3 [&_svg]:size-4",
34
34
  lg: "px-6 min-w-24 h-10 text-base gap-3 rounded-lg has-[>svg]:px-4 [&_svg]:size-4"
35
35
  },
36
36
  color: {
@@ -53,6 +53,19 @@ var button = tv({
53
53
  default: "",
54
54
  between: "justify-between",
55
55
  start: "justify-start"
56
+ },
57
+ placeholder: {
58
+ true: "text-muted-foreground!",
59
+ false: ""
60
+ },
61
+ mode: {
62
+ default: "",
63
+ input: [
64
+ "justify-start font-normal hover:bg-background bg-background text-foreground shadow-xs",
65
+ "[&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background",
66
+ ...focusVisibleClasses,
67
+ "focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30"
68
+ ]
56
69
  }
57
70
  },
58
71
  defaultVariants: {
@@ -60,7 +73,8 @@ var button = tv({
60
73
  variant: "solid",
61
74
  color: "primary",
62
75
  fullWidth: false,
63
- isIconOnly: false
76
+ isIconOnly: false,
77
+ mode: "default"
64
78
  },
65
79
  compoundVariants: [
66
80
  // primary color
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  avatar
3
- } from "./chunk-VDMXPFII.mjs";
3
+ } from "./chunk-2T3SPXLF.mjs";
4
4
 
5
5
  // src/components/skeleton-avatar.ts
6
6
  import { tv } from "tailwind-variants";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  colorVariants
3
- } from "./chunk-WSEO3MLK.mjs";
3
+ } from "./chunk-2VWLEU6X.mjs";
4
4
 
5
5
  // src/components/chip.ts
6
6
  import { tv } from "tailwind-variants";
@@ -0,0 +1,24 @@
1
+ // src/components/loading-page.ts
2
+ import { tv } from "tailwind-variants";
3
+ var loadingPage = tv({
4
+ slots: {
5
+ root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
6
+ container: "flex flex-col items-center gap-4 text-center",
7
+ wrapper: "space-y-1",
8
+ title: "text-base font-medium text-foreground",
9
+ description: "text-sm text-muted-foreground"
10
+ },
11
+ variants: {
12
+ fullscreen: {
13
+ true: "",
14
+ false: ""
15
+ }
16
+ },
17
+ defaultVariants: {
18
+ fullscreen: true
19
+ }
20
+ });
21
+
22
+ export {
23
+ loadingPage
24
+ };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  colorVariants
3
- } from "./chunk-WSEO3MLK.mjs";
3
+ } from "./chunk-2VWLEU6X.mjs";
4
4
 
5
5
  // src/components/code.ts
6
6
  import { tv } from "tailwind-variants";
@@ -48,7 +48,7 @@ var solid = {
48
48
  success: "bg-success text-success-foreground"
49
49
  };
50
50
  var outline = {
51
- default: "bg-transparent border border-accent text-accent-foreground",
51
+ default: "bg-transparent border border-input text-accent-foreground",
52
52
  primary: "bg-transparent border-primary text-primary",
53
53
  secondary: "bg-transparent border-secondary text-secondary-foreground",
54
54
  destructive: "bg-transparent border-destructive text-destructive",
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  avatar
3
- } from "../chunk-VDMXPFII.mjs";
4
- import "../chunk-WSEO3MLK.mjs";
3
+ } from "../chunk-2T3SPXLF.mjs";
4
+ import "../chunk-2VWLEU6X.mjs";
5
5
  import "../chunk-6IZPAS4O.mjs";
6
6
  export {
7
7
  avatar
@@ -51,6 +51,14 @@ declare const button: tailwind_variants.TVReturnType<{
51
51
  between: string;
52
52
  start: string;
53
53
  };
54
+ placeholder: {
55
+ true: string;
56
+ false: string;
57
+ };
58
+ mode: {
59
+ default: string;
60
+ input: string[];
61
+ };
54
62
  }, undefined, string[], {
55
63
  variant: {
56
64
  solid: string;
@@ -84,6 +92,14 @@ declare const button: tailwind_variants.TVReturnType<{
84
92
  between: string;
85
93
  start: string;
86
94
  };
95
+ placeholder: {
96
+ true: string;
97
+ false: string;
98
+ };
99
+ mode: {
100
+ default: string;
101
+ input: string[];
102
+ };
87
103
  }, undefined, tailwind_variants.TVReturnType<{
88
104
  variant: {
89
105
  solid: string;
@@ -117,6 +133,14 @@ declare const button: tailwind_variants.TVReturnType<{
117
133
  between: string;
118
134
  start: string;
119
135
  };
136
+ placeholder: {
137
+ true: string;
138
+ false: string;
139
+ };
140
+ mode: {
141
+ default: string;
142
+ input: string[];
143
+ };
120
144
  }, undefined, string[], unknown, unknown, undefined>>;
121
145
  type ButtonVariantProps = VariantProps<typeof button>;
122
146
 
@@ -51,6 +51,14 @@ declare const button: tailwind_variants.TVReturnType<{
51
51
  between: string;
52
52
  start: string;
53
53
  };
54
+ placeholder: {
55
+ true: string;
56
+ false: string;
57
+ };
58
+ mode: {
59
+ default: string;
60
+ input: string[];
61
+ };
54
62
  }, undefined, string[], {
55
63
  variant: {
56
64
  solid: string;
@@ -84,6 +92,14 @@ declare const button: tailwind_variants.TVReturnType<{
84
92
  between: string;
85
93
  start: string;
86
94
  };
95
+ placeholder: {
96
+ true: string;
97
+ false: string;
98
+ };
99
+ mode: {
100
+ default: string;
101
+ input: string[];
102
+ };
87
103
  }, undefined, tailwind_variants.TVReturnType<{
88
104
  variant: {
89
105
  solid: string;
@@ -117,6 +133,14 @@ declare const button: tailwind_variants.TVReturnType<{
117
133
  between: string;
118
134
  start: string;
119
135
  };
136
+ placeholder: {
137
+ true: string;
138
+ false: string;
139
+ };
140
+ mode: {
141
+ default: string;
142
+ input: string[];
143
+ };
120
144
  }, undefined, string[], unknown, unknown, undefined>>;
121
145
  type ButtonVariantProps = VariantProps<typeof button>;
122
146
 
@@ -41,7 +41,7 @@ var solid = {
41
41
  success: "bg-success text-success-foreground"
42
42
  };
43
43
  var outline = {
44
- default: "bg-transparent border border-accent text-accent-foreground",
44
+ default: "bg-transparent border border-input text-accent-foreground",
45
45
  primary: "bg-transparent border-primary text-primary",
46
46
  secondary: "bg-transparent border-secondary text-secondary-foreground",
47
47
  destructive: "bg-transparent border-destructive text-destructive",
@@ -106,7 +106,7 @@ var button = (0, import_tailwind_variants.tv)({
106
106
  },
107
107
  size: {
108
108
  sm: "px-3 min-w-16 h-7 text-xs gap-2 rounded-sm has-[>svg]:px-2.5 [&_svg]:size-3",
109
- md: "px-4 min-w-20 h-8.5 text-sm gap-2 rounded-sm has-[>svg]:px-3 [&_svg]:size-4",
109
+ md: "px-4 min-w-20 h-8.5 text-sm gap-2 rounded-md has-[>svg]:px-3 [&_svg]:size-4",
110
110
  lg: "px-6 min-w-24 h-10 text-base gap-3 rounded-lg has-[>svg]:px-4 [&_svg]:size-4"
111
111
  },
112
112
  color: {
@@ -129,6 +129,19 @@ var button = (0, import_tailwind_variants.tv)({
129
129
  default: "",
130
130
  between: "justify-between",
131
131
  start: "justify-start"
132
+ },
133
+ placeholder: {
134
+ true: "text-muted-foreground!",
135
+ false: ""
136
+ },
137
+ mode: {
138
+ default: "",
139
+ input: [
140
+ "justify-start font-normal hover:bg-background bg-background text-foreground shadow-xs",
141
+ "[&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background",
142
+ ...focusVisibleClasses,
143
+ "focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30"
144
+ ]
132
145
  }
133
146
  },
134
147
  defaultVariants: {
@@ -136,7 +149,8 @@ var button = (0, import_tailwind_variants.tv)({
136
149
  variant: "solid",
137
150
  color: "primary",
138
151
  fullWidth: false,
139
- isIconOnly: false
152
+ isIconOnly: false,
153
+ mode: "default"
140
154
  },
141
155
  compoundVariants: [
142
156
  // primary color
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  button
3
- } from "../chunk-IX46TOS3.mjs";
4
- import "../chunk-WSEO3MLK.mjs";
3
+ } from "../chunk-DPQAMK3W.mjs";
4
+ import "../chunk-2VWLEU6X.mjs";
5
5
  import "../chunk-6IZPAS4O.mjs";
6
6
  export {
7
7
  button
@@ -35,7 +35,7 @@ var solid = {
35
35
  success: "bg-success text-success-foreground"
36
36
  };
37
37
  var outline = {
38
- default: "bg-transparent border border-accent text-accent-foreground",
38
+ default: "bg-transparent border border-input text-accent-foreground",
39
39
  primary: "bg-transparent border-primary text-primary",
40
40
  secondary: "bg-transparent border-secondary text-secondary-foreground",
41
41
  destructive: "bg-transparent border-destructive text-destructive",
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  chip
3
- } from "../chunk-RQYYDG26.mjs";
4
- import "../chunk-WSEO3MLK.mjs";
3
+ } from "../chunk-OX4Q6RK5.mjs";
4
+ import "../chunk-2VWLEU6X.mjs";
5
5
  export {
6
6
  chip
7
7
  };
@@ -35,7 +35,7 @@ var solid = {
35
35
  success: "bg-success text-success-foreground"
36
36
  };
37
37
  var outline = {
38
- default: "bg-transparent border border-accent text-accent-foreground",
38
+ default: "bg-transparent border border-input text-accent-foreground",
39
39
  primary: "bg-transparent border-primary text-primary",
40
40
  secondary: "bg-transparent border-secondary text-secondary-foreground",
41
41
  destructive: "bg-transparent border-destructive text-destructive",
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  code
3
- } from "../chunk-ROZ24JVQ.mjs";
4
- import "../chunk-WSEO3MLK.mjs";
3
+ } from "../chunk-ZZMGL5MA.mjs";
4
+ import "../chunk-2VWLEU6X.mjs";
5
5
  export {
6
6
  code
7
7
  };
@@ -33,6 +33,7 @@ export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.mjs';
33
33
  export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './integration-card.mjs';
34
34
  export { kbd } from './kbd.mjs';
35
35
  export { LabelVariantProps, label } from './label.mjs';
36
+ export { LoadingPageVariants, loadingPage } from './loading-page.mjs';
36
37
  export { PageHeaderVariantProps, pageHeader } from './page-header.mjs';
37
38
  export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
38
39
  export { PopoverVariants, popover } from './popover.mjs';
@@ -33,6 +33,7 @@ export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.js';
33
33
  export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './integration-card.js';
34
34
  export { kbd } from './kbd.js';
35
35
  export { LabelVariantProps, label } from './label.js';
36
+ export { LoadingPageVariants, loadingPage } from './loading-page.js';
36
37
  export { PageHeaderVariantProps, pageHeader } from './page-header.js';
37
38
  export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.js';
38
39
  export { PopoverVariants, popover } from './popover.js';