@kopexa/theme 1.6.6 → 1.6.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.
Files changed (21) hide show
  1. package/dist/chunk-A4KO7QKC.mjs +45 -0
  2. package/dist/{chunk-3IIJVON7.mjs → chunk-OULAICSC.mjs} +7 -1
  3. package/dist/{chunk-IY7SLI3T.mjs → chunk-W7RJG22S.mjs} +1 -1
  4. package/dist/components/checkbox.d.mts +38 -30
  5. package/dist/components/checkbox.d.ts +38 -30
  6. package/dist/components/checkbox.js +35 -3
  7. package/dist/components/checkbox.mjs +1 -1
  8. package/dist/components/command.d.mts +3 -3
  9. package/dist/components/command.d.ts +3 -3
  10. package/dist/components/index.js +43 -5
  11. package/dist/components/index.mjs +3 -3
  12. package/dist/components/page-layout.d.mts +18 -0
  13. package/dist/components/page-layout.d.ts +18 -0
  14. package/dist/components/page-layout.js +7 -1
  15. package/dist/components/page-layout.mjs +1 -1
  16. package/dist/components/split-page-layout.js +1 -1
  17. package/dist/components/split-page-layout.mjs +1 -1
  18. package/dist/index.js +43 -5
  19. package/dist/index.mjs +3 -3
  20. package/package.json +1 -1
  21. package/dist/chunk-KPOZFVP6.mjs +0 -13
package/dist/chunk-A4KO7QKC.mjs ADDED
@@ -0,0 +1,45 @@
1
+ // src/components/checkbox.ts
2
+ import { tv } from "tailwind-variants";
3
+ var checkbox = tv({
4
+ slots: {
5
+ base: [
6
+ "group",
7
+ "peer border-input dark:bg-input/30",
8
+ "focus-visible:border-ring focus-visible:ring-ring/50",
9
+ "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
10
+ "aria-invalid:border-destructive size-4 shrink-0 rounded-[4px]",
11
+ "border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]",
12
+ "disabled:cursor-not-allowed disabled:opacity-50"
13
+ ],
14
+ indicator: [
15
+ "flex items-center justify-center text-current transition-none"
16
+ ],
17
+ icon: [
18
+ "w-4 h-3 opacity-0 group-data-[state=checked]:opacity-100",
19
+ "pointer-events-none"
20
+ ]
21
+ },
22
+ variants: {
23
+ color: {
24
+ primary: {
25
+ base: [
26
+ "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
27
+ "dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary"
28
+ ]
29
+ }
30
+ },
31
+ size: {
32
+ sm: {},
33
+ md: {},
34
+ lg: {}
35
+ }
36
+ },
37
+ defaultVariants: {
38
+ size: "md",
39
+ color: "primary"
40
+ }
41
+ });
42
+
43
+ export {
44
+ checkbox
45
+ };
package/dist/{chunk-3IIJVON7.mjs → chunk-OULAICSC.mjs} RENAMED
@@ -71,6 +71,12 @@ var pageLayout = tv({
71
71
  },
72
72
  lg: {
73
73
  pane: "w-full md:w-72 lg:w-80"
74
+ },
75
+ xl: {
76
+ pane: "w-full md:w-80 lg:w-96"
77
+ },
78
+ "2xl": {
79
+ pane: "w-full md:w-96 lg:w-[28rem]"
74
80
  }
75
81
  },
76
82
  spacing: {
@@ -103,7 +109,7 @@ var pageLayout = tv({
103
109
  }
104
110
  },
105
111
  defaultVariants: {
106
- width: "xl",
112
+ width: "full",
107
113
  spacing: "normal",
108
114
  paneWidth: "lg",
109
115
  gap: "normal"
package/dist/{chunk-IY7SLI3T.mjs → chunk-W7RJG22S.mjs} RENAMED
@@ -10,7 +10,7 @@ var splitPageLayout = tv({
10
10
  "flex flex-col",
11
11
  "md:border-s",
12
12
  //"size-full",
13
- "bg-muted dark:bg-primary-900"
13
+ "bg-muted/50 dark:bg-primary-900"
14
14
  ],
15
15
  panel: [
16
16
  //"md:border-s",
package/dist/components/checkbox.d.mts CHANGED
@@ -1,43 +1,51 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_merge from 'tailwind-merge';
4
3
 
5
4
  declare const checkbox: tailwind_variants.TVReturnType<{
6
- [key: string]: {
7
- [key: string]: tailwind_merge.ClassNameValue | {
8
- base?: tailwind_merge.ClassNameValue;
9
- icon?: tailwind_merge.ClassNameValue;
10
- indicator?: tailwind_merge.ClassNameValue;
5
+ color: {
6
+ primary: {
7
+ base: string[];
11
8
  };
12
9
  };
13
- } | {
14
- [x: string]: {
15
- [x: string]: tailwind_merge.ClassNameValue | {
16
- base?: tailwind_merge.ClassNameValue;
17
- icon?: tailwind_merge.ClassNameValue;
18
- indicator?: tailwind_merge.ClassNameValue;
19
- };
10
+ size: {
11
+ sm: {};
12
+ md: {};
13
+ lg: {};
20
14
  };
21
- } | {}, {
22
- base: string;
23
- indicator: string;
24
- icon: string;
15
+ }, {
16
+ base: string[];
17
+ indicator: string[];
18
+ icon: string[];
25
19
  }, undefined, {
26
- [key: string]: {
27
- [key: string]: tailwind_merge.ClassNameValue | {
28
- base?: tailwind_merge.ClassNameValue;
29
- icon?: tailwind_merge.ClassNameValue;
30
- indicator?: tailwind_merge.ClassNameValue;
20
+ color: {
21
+ primary: {
22
+ base: string[];
31
23
  };
32
24
  };
33
- } | {}, {
34
- base: string;
35
- indicator: string;
36
- icon: string;
37
- }, tailwind_variants.TVReturnType<unknown, {
38
- base: string;
39
- indicator: string;
40
- icon: string;
25
+ size: {
26
+ sm: {};
27
+ md: {};
28
+ lg: {};
29
+ };
30
+ }, {
31
+ base: string[];
32
+ indicator: string[];
33
+ icon: string[];
34
+ }, tailwind_variants.TVReturnType<{
35
+ color: {
36
+ primary: {
37
+ base: string[];
38
+ };
39
+ };
40
+ size: {
41
+ sm: {};
42
+ md: {};
43
+ lg: {};
44
+ };
45
+ }, {
46
+ base: string[];
47
+ indicator: string[];
48
+ icon: string[];
41
49
  }, undefined, unknown, unknown, undefined>>;
42
50
  type CheckboxVariantProps = VariantProps<typeof checkbox>;
43
51
 
package/dist/components/checkbox.d.ts CHANGED
@@ -1,43 +1,51 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import * as tailwind_merge from 'tailwind-merge';
4
3
 
5
4
  declare const checkbox: tailwind_variants.TVReturnType<{
6
- [key: string]: {
7
- [key: string]: tailwind_merge.ClassNameValue | {
8
- base?: tailwind_merge.ClassNameValue;
9
- icon?: tailwind_merge.ClassNameValue;
10
- indicator?: tailwind_merge.ClassNameValue;
5
+ color: {
6
+ primary: {
7
+ base: string[];
11
8
  };
12
9
  };
13
- } | {
14
- [x: string]: {
15
- [x: string]: tailwind_merge.ClassNameValue | {
16
- base?: tailwind_merge.ClassNameValue;
17
- icon?: tailwind_merge.ClassNameValue;
18
- indicator?: tailwind_merge.ClassNameValue;
19
- };
10
+ size: {
11
+ sm: {};
12
+ md: {};
13
+ lg: {};
20
14
  };
21
- } | {}, {
22
- base: string;
23
- indicator: string;
24
- icon: string;
15
+ }, {
16
+ base: string[];
17
+ indicator: string[];
18
+ icon: string[];
25
19
  }, undefined, {
26
- [key: string]: {
27
- [key: string]: tailwind_merge.ClassNameValue | {
28
- base?: tailwind_merge.ClassNameValue;
29
- icon?: tailwind_merge.ClassNameValue;
30
- indicator?: tailwind_merge.ClassNameValue;
20
+ color: {
21
+ primary: {
22
+ base: string[];
31
23
  };
32
24
  };
33
- } | {}, {
34
- base: string;
35
- indicator: string;
36
- icon: string;
37
- }, tailwind_variants.TVReturnType<unknown, {
38
- base: string;
39
- indicator: string;
40
- icon: string;
25
+ size: {
26
+ sm: {};
27
+ md: {};
28
+ lg: {};
29
+ };
30
+ }, {
31
+ base: string[];
32
+ indicator: string[];
33
+ icon: string[];
34
+ }, tailwind_variants.TVReturnType<{
35
+ color: {
36
+ primary: {
37
+ base: string[];
38
+ };
39
+ };
40
+ size: {
41
+ sm: {};
42
+ md: {};
43
+ lg: {};
44
+ };
45
+ }, {
46
+ base: string[];
47
+ indicator: string[];
48
+ icon: string[];
41
49
  }, undefined, unknown, unknown, undefined>>;
42
50
  type CheckboxVariantProps = VariantProps<typeof checkbox>;
43
51
 
package/dist/components/checkbox.js CHANGED
@@ -26,9 +26,41 @@ module.exports = __toCommonJS(checkbox_exports);
26
26
  var import_tailwind_variants = require("tailwind-variants");
27
27
  var checkbox = (0, import_tailwind_variants.tv)({
28
28
  slots: {
29
- base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
30
- indicator: "flex items-center justify-center text-current transition-none",
31
- icon: "size-3.5"
29
+ base: [
30
+ "group",
31
+ "peer border-input dark:bg-input/30",
32
+ "focus-visible:border-ring focus-visible:ring-ring/50",
33
+ "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
34
+ "aria-invalid:border-destructive size-4 shrink-0 rounded-[4px]",
35
+ "border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]",
36
+ "disabled:cursor-not-allowed disabled:opacity-50"
37
+ ],
38
+ indicator: [
39
+ "flex items-center justify-center text-current transition-none"
40
+ ],
41
+ icon: [
42
+ "w-4 h-3 opacity-0 group-data-[state=checked]:opacity-100",
43
+ "pointer-events-none"
44
+ ]
45
+ },
46
+ variants: {
47
+ color: {
48
+ primary: {
49
+ base: [
50
+ "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
51
+ "dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary"
52
+ ]
53
+ }
54
+ },
55
+ size: {
56
+ sm: {},
57
+ md: {},
58
+ lg: {}
59
+ }
60
+ },
61
+ defaultVariants: {
62
+ size: "md",
63
+ color: "primary"
32
64
  }
33
65
  });
34
66
  // Annotate the CommonJS export names for ESM import in node:
package/dist/components/checkbox.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  checkbox
3
- } from "../chunk-KPOZFVP6.mjs";
3
+ } from "../chunk-A4KO7QKC.mjs";
4
4
  export {
5
5
  checkbox
6
6
  };
package/dist/components/command.d.mts CHANGED
@@ -10,12 +10,12 @@ declare const command: tailwind_variants.TVReturnType<{
10
10
  header?: tailwind_merge.ClassNameValue;
11
11
  title?: tailwind_merge.ClassNameValue;
12
12
  description?: tailwind_merge.ClassNameValue;
13
+ group?: tailwind_merge.ClassNameValue;
13
14
  inputWrapper?: tailwind_merge.ClassNameValue;
14
15
  inputIcon?: tailwind_merge.ClassNameValue;
15
16
  input?: tailwind_merge.ClassNameValue;
16
17
  list?: tailwind_merge.ClassNameValue;
17
18
  empty?: tailwind_merge.ClassNameValue;
18
- group?: tailwind_merge.ClassNameValue;
19
19
  separator?: tailwind_merge.ClassNameValue;
20
20
  shortcut?: tailwind_merge.ClassNameValue;
21
21
  };
@@ -28,12 +28,12 @@ declare const command: tailwind_variants.TVReturnType<{
28
28
  header?: tailwind_merge.ClassNameValue;
29
29
  title?: tailwind_merge.ClassNameValue;
30
30
  description?: tailwind_merge.ClassNameValue;
31
+ group?: tailwind_merge.ClassNameValue;
31
32
  inputWrapper?: tailwind_merge.ClassNameValue;
32
33
  inputIcon?: tailwind_merge.ClassNameValue;
33
34
  input?: tailwind_merge.ClassNameValue;
34
35
  list?: tailwind_merge.ClassNameValue;
35
36
  empty?: tailwind_merge.ClassNameValue;
36
- group?: tailwind_merge.ClassNameValue;
37
37
  separator?: tailwind_merge.ClassNameValue;
38
38
  shortcut?: tailwind_merge.ClassNameValue;
39
39
  };
@@ -60,12 +60,12 @@ declare const command: tailwind_variants.TVReturnType<{
60
60
  header?: tailwind_merge.ClassNameValue;
61
61
  title?: tailwind_merge.ClassNameValue;
62
62
  description?: tailwind_merge.ClassNameValue;
63
+ group?: tailwind_merge.ClassNameValue;
63
64
  inputWrapper?: tailwind_merge.ClassNameValue;
64
65
  inputIcon?: tailwind_merge.ClassNameValue;
65
66
  input?: tailwind_merge.ClassNameValue;
66
67
  list?: tailwind_merge.ClassNameValue;
67
68
  empty?: tailwind_merge.ClassNameValue;
68
- group?: tailwind_merge.ClassNameValue;
69
69
  separator?: tailwind_merge.ClassNameValue;
70
70
  shortcut?: tailwind_merge.ClassNameValue;
71
71
  };
package/dist/components/command.d.ts CHANGED
@@ -10,12 +10,12 @@ declare const command: tailwind_variants.TVReturnType<{
10
10
  header?: tailwind_merge.ClassNameValue;
11
11
  title?: tailwind_merge.ClassNameValue;
12
12
  description?: tailwind_merge.ClassNameValue;
13
+ group?: tailwind_merge.ClassNameValue;
13
14
  inputWrapper?: tailwind_merge.ClassNameValue;
14
15
  inputIcon?: tailwind_merge.ClassNameValue;
15
16
  input?: tailwind_merge.ClassNameValue;
16
17
  list?: tailwind_merge.ClassNameValue;
17
18
  empty?: tailwind_merge.ClassNameValue;
18
- group?: tailwind_merge.ClassNameValue;
19
19
  separator?: tailwind_merge.ClassNameValue;
20
20
  shortcut?: tailwind_merge.ClassNameValue;
21
21
  };
@@ -28,12 +28,12 @@ declare const command: tailwind_variants.TVReturnType<{
28
28
  header?: tailwind_merge.ClassNameValue;
29
29
  title?: tailwind_merge.ClassNameValue;
30
30
  description?: tailwind_merge.ClassNameValue;
31
+ group?: tailwind_merge.ClassNameValue;
31
32
  inputWrapper?: tailwind_merge.ClassNameValue;
32
33
  inputIcon?: tailwind_merge.ClassNameValue;
33
34
  input?: tailwind_merge.ClassNameValue;
34
35
  list?: tailwind_merge.ClassNameValue;
35
36
  empty?: tailwind_merge.ClassNameValue;
36
- group?: tailwind_merge.ClassNameValue;
37
37
  separator?: tailwind_merge.ClassNameValue;
38
38
  shortcut?: tailwind_merge.ClassNameValue;
39
39
  };
@@ -60,12 +60,12 @@ declare const command: tailwind_variants.TVReturnType<{
60
60
  header?: tailwind_merge.ClassNameValue;
61
61
  title?: tailwind_merge.ClassNameValue;
62
62
  description?: tailwind_merge.ClassNameValue;
63
+ group?: tailwind_merge.ClassNameValue;
63
64
  inputWrapper?: tailwind_merge.ClassNameValue;
64
65
  inputIcon?: tailwind_merge.ClassNameValue;
65
66
  input?: tailwind_merge.ClassNameValue;
66
67
  list?: tailwind_merge.ClassNameValue;
67
68
  empty?: tailwind_merge.ClassNameValue;
68
- group?: tailwind_merge.ClassNameValue;
69
69
  separator?: tailwind_merge.ClassNameValue;
70
70
  shortcut?: tailwind_merge.ClassNameValue;
71
71
  };
package/dist/components/index.js CHANGED
@@ -870,9 +870,41 @@ var card = (0, import_tailwind_variants8.tv)({
870
870
  var import_tailwind_variants9 = require("tailwind-variants");
871
871
  var checkbox = (0, import_tailwind_variants9.tv)({
872
872
  slots: {
873
- base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
874
- indicator: "flex items-center justify-center text-current transition-none",
875
- icon: "size-3.5"
873
+ base: [
874
+ "group",
875
+ "peer border-input dark:bg-input/30",
876
+ "focus-visible:border-ring focus-visible:ring-ring/50",
877
+ "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
878
+ "aria-invalid:border-destructive size-4 shrink-0 rounded-[4px]",
879
+ "border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]",
880
+ "disabled:cursor-not-allowed disabled:opacity-50"
881
+ ],
882
+ indicator: [
883
+ "flex items-center justify-center text-current transition-none"
884
+ ],
885
+ icon: [
886
+ "w-4 h-3 opacity-0 group-data-[state=checked]:opacity-100",
887
+ "pointer-events-none"
888
+ ]
889
+ },
890
+ variants: {
891
+ color: {
892
+ primary: {
893
+ base: [
894
+ "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
895
+ "dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary"
896
+ ]
897
+ }
898
+ },
899
+ size: {
900
+ sm: {},
901
+ md: {},
902
+ lg: {}
903
+ }
904
+ },
905
+ defaultVariants: {
906
+ size: "md",
907
+ color: "primary"
876
908
  }
877
909
  });
878
910
 
@@ -1726,6 +1758,12 @@ var pageLayout = (0, import_tailwind_variants21.tv)({
1726
1758
  },
1727
1759
  lg: {
1728
1760
  pane: "w-full md:w-72 lg:w-80"
1761
+ },
1762
+ xl: {
1763
+ pane: "w-full md:w-80 lg:w-96"
1764
+ },
1765
+ "2xl": {
1766
+ pane: "w-full md:w-96 lg:w-[28rem]"
1729
1767
  }
1730
1768
  },
1731
1769
  spacing: {
@@ -1758,7 +1796,7 @@ var pageLayout = (0, import_tailwind_variants21.tv)({
1758
1796
  }
1759
1797
  },
1760
1798
  defaultVariants: {
1761
- width: "xl",
1799
+ width: "full",
1762
1800
  spacing: "normal",
1763
1801
  paneWidth: "lg",
1764
1802
  gap: "normal"
@@ -2287,7 +2325,7 @@ var splitPageLayout = (0, import_tailwind_variants32.tv)({
2287
2325
  "flex flex-col",
2288
2326
  "md:border-s",
2289
2327
  //"size-full",
2290
- "bg-muted dark:bg-primary-900"
2328
+ "bg-muted/50 dark:bg-primary-900"
2291
2329
  ],
2292
2330
  panel: [
2293
2331
  //"md:border-s",
package/dist/components/index.mjs CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "../chunk-4UDOCFU5.mjs";
5
5
  import {
6
6
  splitPageLayout
7
- } from "../chunk-IY7SLI3T.mjs";
7
+ } from "../chunk-W7RJG22S.mjs";
8
8
  import {
9
9
  tabNav
10
10
  } from "../chunk-ZLM6Z3W2.mjs";
@@ -61,7 +61,7 @@ import {
61
61
  } from "../chunk-HAVJ6EQ6.mjs";
62
62
  import {
63
63
  pageLayout
64
- } from "../chunk-3IIJVON7.mjs";
64
+ } from "../chunk-OULAICSC.mjs";
65
65
  import {
66
66
  popover
67
67
  } from "../chunk-IKJHZT2S.mjs";
@@ -70,7 +70,7 @@ import {
70
70
  } from "../chunk-VWZTV46T.mjs";
71
71
  import {
72
72
  checkbox
73
- } from "../chunk-KPOZFVP6.mjs";
73
+ } from "../chunk-A4KO7QKC.mjs";
74
74
  import {
75
75
  chip
76
76
  } from "../chunk-T5PESSOS.mjs";
package/dist/components/page-layout.d.mts CHANGED
@@ -42,6 +42,12 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
42
42
  lg: {
43
43
  pane: string;
44
44
  };
45
+ xl: {
46
+ pane: string;
47
+ };
48
+ "2xl": {
49
+ pane: string;
50
+ };
45
51
  };
46
52
  spacing: {
47
53
  none: {};
@@ -123,6 +129,12 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
123
129
  lg: {
124
130
  pane: string;
125
131
  };
132
+ xl: {
133
+ pane: string;
134
+ };
135
+ "2xl": {
136
+ pane: string;
137
+ };
126
138
  };
127
139
  spacing: {
128
140
  none: {};
@@ -204,6 +216,12 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
204
216
  lg: {
205
217
  pane: string;
206
218
  };
219
+ xl: {
220
+ pane: string;
221
+ };
222
+ "2xl": {
223
+ pane: string;
224
+ };
207
225
  };
208
226
  spacing: {
209
227
  none: {};
package/dist/components/page-layout.d.ts CHANGED
@@ -42,6 +42,12 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
42
42
  lg: {
43
43
  pane: string;
44
44
  };
45
+ xl: {
46
+ pane: string;
47
+ };
48
+ "2xl": {
49
+ pane: string;
50
+ };
45
51
  };
46
52
  spacing: {
47
53
  none: {};
@@ -123,6 +129,12 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
123
129
  lg: {
124
130
  pane: string;
125
131
  };
132
+ xl: {
133
+ pane: string;
134
+ };
135
+ "2xl": {
136
+ pane: string;
137
+ };
126
138
  };
127
139
  spacing: {
128
140
  none: {};
@@ -204,6 +216,12 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
204
216
  lg: {
205
217
  pane: string;
206
218
  };
219
+ xl: {
220
+ pane: string;
221
+ };
222
+ "2xl": {
223
+ pane: string;
224
+ };
207
225
  };
208
226
  spacing: {
209
227
  none: {};
package/dist/components/page-layout.js CHANGED
@@ -95,6 +95,12 @@ var pageLayout = (0, import_tailwind_variants.tv)({
95
95
  },
96
96
  lg: {
97
97
  pane: "w-full md:w-72 lg:w-80"
98
+ },
99
+ xl: {
100
+ pane: "w-full md:w-80 lg:w-96"
101
+ },
102
+ "2xl": {
103
+ pane: "w-full md:w-96 lg:w-[28rem]"
98
104
  }
99
105
  },
100
106
  spacing: {
@@ -127,7 +133,7 @@ var pageLayout = (0, import_tailwind_variants.tv)({
127
133
  }
128
134
  },
129
135
  defaultVariants: {
130
- width: "xl",
136
+ width: "full",
131
137
  spacing: "normal",
132
138
  paneWidth: "lg",
133
139
  gap: "normal"
package/dist/components/page-layout.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  pageLayout
3
- } from "../chunk-3IIJVON7.mjs";
3
+ } from "../chunk-OULAICSC.mjs";
4
4
  export {
5
5
  pageLayout
6
6
  };
package/dist/components/split-page-layout.js CHANGED
@@ -34,7 +34,7 @@ var splitPageLayout = (0, import_tailwind_variants.tv)({
34
34
  "flex flex-col",
35
35
  "md:border-s",
36
36
  //"size-full",
37
- "bg-muted dark:bg-primary-900"
37
+ "bg-muted/50 dark:bg-primary-900"
38
38
  ],
39
39
  panel: [
40
40
  //"md:border-s",
package/dist/components/split-page-layout.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  splitPageLayout
3
- } from "../chunk-IY7SLI3T.mjs";
3
+ } from "../chunk-W7RJG22S.mjs";
4
4
  export {
5
5
  splitPageLayout
6
6
  };
package/dist/index.js CHANGED
@@ -870,9 +870,41 @@ var card = (0, import_tailwind_variants8.tv)({
870
870
  var import_tailwind_variants9 = require("tailwind-variants");
871
871
  var checkbox = (0, import_tailwind_variants9.tv)({
872
872
  slots: {
873
- base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
874
- indicator: "flex items-center justify-center text-current transition-none",
875
- icon: "size-3.5"
873
+ base: [
874
+ "group",
875
+ "peer border-input dark:bg-input/30",
876
+ "focus-visible:border-ring focus-visible:ring-ring/50",
877
+ "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
878
+ "aria-invalid:border-destructive size-4 shrink-0 rounded-[4px]",
879
+ "border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]",
880
+ "disabled:cursor-not-allowed disabled:opacity-50"
881
+ ],
882
+ indicator: [
883
+ "flex items-center justify-center text-current transition-none"
884
+ ],
885
+ icon: [
886
+ "w-4 h-3 opacity-0 group-data-[state=checked]:opacity-100",
887
+ "pointer-events-none"
888
+ ]
889
+ },
890
+ variants: {
891
+ color: {
892
+ primary: {
893
+ base: [
894
+ "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
895
+ "dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary"
896
+ ]
897
+ }
898
+ },
899
+ size: {
900
+ sm: {},
901
+ md: {},
902
+ lg: {}
903
+ }
904
+ },
905
+ defaultVariants: {
906
+ size: "md",
907
+ color: "primary"
876
908
  }
877
909
  });
878
910
 
@@ -1726,6 +1758,12 @@ var pageLayout = (0, import_tailwind_variants21.tv)({
1726
1758
  },
1727
1759
  lg: {
1728
1760
  pane: "w-full md:w-72 lg:w-80"
1761
+ },
1762
+ xl: {
1763
+ pane: "w-full md:w-80 lg:w-96"
1764
+ },
1765
+ "2xl": {
1766
+ pane: "w-full md:w-96 lg:w-[28rem]"
1729
1767
  }
1730
1768
  },
1731
1769
  spacing: {
@@ -1758,7 +1796,7 @@ var pageLayout = (0, import_tailwind_variants21.tv)({
1758
1796
  }
1759
1797
  },
1760
1798
  defaultVariants: {
1761
- width: "xl",
1799
+ width: "full",
1762
1800
  spacing: "normal",
1763
1801
  paneWidth: "lg",
1764
1802
  gap: "normal"
@@ -2287,7 +2325,7 @@ var splitPageLayout = (0, import_tailwind_variants32.tv)({
2287
2325
  "flex flex-col",
2288
2326
  "md:border-s",
2289
2327
  //"size-full",
2290
- "bg-muted dark:bg-primary-900"
2328
+ "bg-muted/50 dark:bg-primary-900"
2291
2329
  ],
2292
2330
  panel: [
2293
2331
  //"md:border-s",
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  } from "./chunk-4UDOCFU5.mjs";
6
6
  import {
7
7
  splitPageLayout
8
- } from "./chunk-IY7SLI3T.mjs";
8
+ } from "./chunk-W7RJG22S.mjs";
9
9
  import {
10
10
  tabNav
11
11
  } from "./chunk-ZLM6Z3W2.mjs";
@@ -62,7 +62,7 @@ import {
62
62
  } from "./chunk-HAVJ6EQ6.mjs";
63
63
  import {
64
64
  pageLayout
65
- } from "./chunk-3IIJVON7.mjs";
65
+ } from "./chunk-OULAICSC.mjs";
66
66
  import {
67
67
  popover
68
68
  } from "./chunk-IKJHZT2S.mjs";
@@ -71,7 +71,7 @@ import {
71
71
  } from "./chunk-VWZTV46T.mjs";
72
72
  import {
73
73
  checkbox
74
- } from "./chunk-KPOZFVP6.mjs";
74
+ } from "./chunk-A4KO7QKC.mjs";
75
75
  import {
76
76
  chip
77
77
  } from "./chunk-T5PESSOS.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "1.6.6",
3
+ "version": "1.6.8",
4
4
  "description": "The default theme for Kopexa components",
5
5
  "keywords": [
6
6
  "theme",
package/dist/chunk-KPOZFVP6.mjs DELETED
@@ -1,13 +0,0 @@
1
- // src/components/checkbox.ts
2
- import { tv } from "tailwind-variants";
3
- var checkbox = tv({
4
- slots: {
5
- base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
6
- indicator: "flex items-center justify-center text-current transition-none",
7
- icon: "size-3.5"
8
- }
9
- });
10
-
11
- export {
12
- checkbox
13
- };