@kopexa/theme 17.1.2 → 17.2.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.
Files changed (22) hide show
  1. package/dist/chunk-4XIBRN6X.mjs +69 -0
  2. package/dist/chunk-CC225WUG.mjs +75 -0
  3. package/dist/{chunk-45KIKY4A.mjs → chunk-Z5W4E7GM.mjs} +79 -10
  4. package/dist/components/data-grid.d.mts +36 -24
  5. package/dist/components/data-grid.d.ts +36 -24
  6. package/dist/components/data-grid.js +79 -10
  7. package/dist/components/data-grid.mjs +1 -1
  8. package/dist/components/index.js +150 -46
  9. package/dist/components/index.mjs +3 -3
  10. package/dist/components/preview-card.d.mts +69 -9
  11. package/dist/components/preview-card.d.ts +69 -9
  12. package/dist/components/preview-card.js +36 -12
  13. package/dist/components/preview-card.mjs +1 -1
  14. package/dist/components/section-row.d.mts +60 -33
  15. package/dist/components/section-row.d.ts +60 -33
  16. package/dist/components/section-row.js +35 -24
  17. package/dist/components/section-row.mjs +1 -1
  18. package/dist/index.js +150 -46
  19. package/dist/index.mjs +3 -3
  20. package/package.json +2 -2
  21. package/dist/chunk-I4ZIT7EK.mjs +0 -64
  22. package/dist/chunk-WPOYEHD2.mjs +0 -45
package/dist/components/section-row.d.mts CHANGED
@@ -8,40 +8,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
8
8
  };
9
9
  vertical: {
10
10
  root: string;
11
- title: string;
12
11
  valueContainer: string;
12
+ action: string;
13
13
  };
14
- horizontalCentered: {
14
+ };
15
+ align: {
16
+ start: {
17
+ root: string;
18
+ };
19
+ center: {
15
20
  root: string;
16
- valueContainer: string;
17
21
  };
18
22
  };
19
23
  spacing: {
24
+ none: {
25
+ root: string;
26
+ };
20
27
  tight: {
21
28
  root: string;
22
- title: string;
23
- valueContainer: string;
24
29
  };
25
30
  default: {
26
31
  root: string;
27
- title: string;
28
- valueContainer: string;
29
32
  };
30
33
  loose: {
31
34
  root: string;
32
- title: string;
33
- valueContainer: string;
34
35
  };
35
36
  };
36
37
  hasActions: {
37
- true: {
38
+ true: {};
39
+ false: {
40
+ action: string;
41
+ };
42
+ };
43
+ justify: {
44
+ start: {};
45
+ between: {
46
+ root: string;
38
47
  valueContainer: string;
39
48
  };
40
- false: {};
41
49
  };
42
50
  }, {
43
51
  root: string[];
44
52
  title: string[];
53
+ icon: string;
45
54
  infoTip: string[];
46
55
  valueText: string;
47
56
  valueContainer: string[];
@@ -53,40 +62,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
53
62
  };
54
63
  vertical: {
55
64
  root: string;
56
- title: string;
57
65
  valueContainer: string;
66
+ action: string;
58
67
  };
59
- horizontalCentered: {
68
+ };
69
+ align: {
70
+ start: {
71
+ root: string;
72
+ };
73
+ center: {
60
74
  root: string;
61
- valueContainer: string;
62
75
  };
63
76
  };
64
77
  spacing: {
78
+ none: {
79
+ root: string;
80
+ };
65
81
  tight: {
66
82
  root: string;
67
- title: string;
68
- valueContainer: string;
69
83
  };
70
84
  default: {
71
85
  root: string;
72
- title: string;
73
- valueContainer: string;
74
86
  };
75
87
  loose: {
76
88
  root: string;
77
- title: string;
78
- valueContainer: string;
79
89
  };
80
90
  };
81
91
  hasActions: {
82
- true: {
92
+ true: {};
93
+ false: {
94
+ action: string;
95
+ };
96
+ };
97
+ justify: {
98
+ start: {};
99
+ between: {
100
+ root: string;
83
101
  valueContainer: string;
84
102
  };
85
- false: {};
86
103
  };
87
104
  }, {
88
105
  root: string[];
89
106
  title: string[];
107
+ icon: string;
90
108
  infoTip: string[];
91
109
  valueText: string;
92
110
  valueContainer: string[];
@@ -98,40 +116,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
98
116
  };
99
117
  vertical: {
100
118
  root: string;
101
- title: string;
102
119
  valueContainer: string;
120
+ action: string;
103
121
  };
104
- horizontalCentered: {
122
+ };
123
+ align: {
124
+ start: {
125
+ root: string;
126
+ };
127
+ center: {
105
128
  root: string;
106
- valueContainer: string;
107
129
  };
108
130
  };
109
131
  spacing: {
132
+ none: {
133
+ root: string;
134
+ };
110
135
  tight: {
111
136
  root: string;
112
- title: string;
113
- valueContainer: string;
114
137
  };
115
138
  default: {
116
139
  root: string;
117
- title: string;
118
- valueContainer: string;
119
140
  };
120
141
  loose: {
121
142
  root: string;
122
- title: string;
123
- valueContainer: string;
124
143
  };
125
144
  };
126
145
  hasActions: {
127
- true: {
146
+ true: {};
147
+ false: {
148
+ action: string;
149
+ };
150
+ };
151
+ justify: {
152
+ start: {};
153
+ between: {
154
+ root: string;
128
155
  valueContainer: string;
129
156
  };
130
- false: {};
131
157
  };
132
158
  }, {
133
159
  root: string[];
134
160
  title: string[];
161
+ icon: string;
135
162
  infoTip: string[];
136
163
  valueText: string;
137
164
  valueContainer: string[];
package/dist/components/section-row.d.ts CHANGED
@@ -8,40 +8,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
8
8
  };
9
9
  vertical: {
10
10
  root: string;
11
- title: string;
12
11
  valueContainer: string;
12
+ action: string;
13
13
  };
14
- horizontalCentered: {
14
+ };
15
+ align: {
16
+ start: {
17
+ root: string;
18
+ };
19
+ center: {
15
20
  root: string;
16
- valueContainer: string;
17
21
  };
18
22
  };
19
23
  spacing: {
24
+ none: {
25
+ root: string;
26
+ };
20
27
  tight: {
21
28
  root: string;
22
- title: string;
23
- valueContainer: string;
24
29
  };
25
30
  default: {
26
31
  root: string;
27
- title: string;
28
- valueContainer: string;
29
32
  };
30
33
  loose: {
31
34
  root: string;
32
- title: string;
33
- valueContainer: string;
34
35
  };
35
36
  };
36
37
  hasActions: {
37
- true: {
38
+ true: {};
39
+ false: {
40
+ action: string;
41
+ };
42
+ };
43
+ justify: {
44
+ start: {};
45
+ between: {
46
+ root: string;
38
47
  valueContainer: string;
39
48
  };
40
- false: {};
41
49
  };
42
50
  }, {
43
51
  root: string[];
44
52
  title: string[];
53
+ icon: string;
45
54
  infoTip: string[];
46
55
  valueText: string;
47
56
  valueContainer: string[];
@@ -53,40 +62,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
53
62
  };
54
63
  vertical: {
55
64
  root: string;
56
- title: string;
57
65
  valueContainer: string;
66
+ action: string;
58
67
  };
59
- horizontalCentered: {
68
+ };
69
+ align: {
70
+ start: {
71
+ root: string;
72
+ };
73
+ center: {
60
74
  root: string;
61
- valueContainer: string;
62
75
  };
63
76
  };
64
77
  spacing: {
78
+ none: {
79
+ root: string;
80
+ };
65
81
  tight: {
66
82
  root: string;
67
- title: string;
68
- valueContainer: string;
69
83
  };
70
84
  default: {
71
85
  root: string;
72
- title: string;
73
- valueContainer: string;
74
86
  };
75
87
  loose: {
76
88
  root: string;
77
- title: string;
78
- valueContainer: string;
79
89
  };
80
90
  };
81
91
  hasActions: {
82
- true: {
92
+ true: {};
93
+ false: {
94
+ action: string;
95
+ };
96
+ };
97
+ justify: {
98
+ start: {};
99
+ between: {
100
+ root: string;
83
101
  valueContainer: string;
84
102
  };
85
- false: {};
86
103
  };
87
104
  }, {
88
105
  root: string[];
89
106
  title: string[];
107
+ icon: string;
90
108
  infoTip: string[];
91
109
  valueText: string;
92
110
  valueContainer: string[];
@@ -98,40 +116,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
98
116
  };
99
117
  vertical: {
100
118
  root: string;
101
- title: string;
102
119
  valueContainer: string;
120
+ action: string;
103
121
  };
104
- horizontalCentered: {
122
+ };
123
+ align: {
124
+ start: {
125
+ root: string;
126
+ };
127
+ center: {
105
128
  root: string;
106
- valueContainer: string;
107
129
  };
108
130
  };
109
131
  spacing: {
132
+ none: {
133
+ root: string;
134
+ };
110
135
  tight: {
111
136
  root: string;
112
- title: string;
113
- valueContainer: string;
114
137
  };
115
138
  default: {
116
139
  root: string;
117
- title: string;
118
- valueContainer: string;
119
140
  };
120
141
  loose: {
121
142
  root: string;
122
- title: string;
123
- valueContainer: string;
124
143
  };
125
144
  };
126
145
  hasActions: {
127
- true: {
146
+ true: {};
147
+ false: {
148
+ action: string;
149
+ };
150
+ };
151
+ justify: {
152
+ start: {};
153
+ between: {
154
+ root: string;
128
155
  valueContainer: string;
129
156
  };
130
- false: {};
131
157
  };
132
158
  }, {
133
159
  root: string[];
134
160
  title: string[];
161
+ icon: string;
135
162
  infoTip: string[];
136
163
  valueText: string;
137
164
  valueContainer: string[];
package/dist/components/section-row.js CHANGED
@@ -29,57 +29,68 @@ var sectionRow = (0, import_tailwind_variants.tv)({
29
29
  root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
30
30
  title: [
31
31
  "col-start-1 text-muted-foreground text-sm font-medium",
32
- "flex flex-row items-start gap-1",
32
+ "flex flex-row items-center gap-1.5",
33
33
  "shrink-0"
34
34
  ],
35
+ icon: "shrink-0 text-muted-foreground [&>svg]:size-4",
35
36
  infoTip: ["min-w-64 w-auto max-w-96 p-2"],
36
37
  valueText: "whitespace-pre-line text-pretty text-sm",
37
- valueContainer: ["flex flex-row items-start gap-1", "grow"],
38
- action: "self-start ml-auto"
38
+ valueContainer: ["flex flex-row items-start gap-1", "grow min-w-0"],
39
+ action: "shrink-0"
39
40
  },
40
41
  variants: {
41
42
  orientation: {
42
43
  horizontal: {
43
- root: "sm:grid-cols-[min(33%,--spacing(80))_auto]"
44
+ root: "grid-cols-[min(33%,theme(spacing.48))_1fr_auto]"
44
45
  },
45
46
  vertical: {
46
- root: "grid-cols-1",
47
- title: "col-start-1",
48
- valueContainer: "col-start-1"
47
+ root: "grid-cols-[1fr_auto] items-center",
48
+ valueContainer: "col-span-full items-start",
49
+ action: "row-start-1 col-start-2"
50
+ }
51
+ },
52
+ align: {
53
+ start: {
54
+ root: "items-start"
49
55
  },
50
- horizontalCentered: {
51
- root: "sm:grid-cols-[min(33%,--spacing(80))_auto] sm:items-center",
52
- valueContainer: "items-center"
56
+ center: {
57
+ root: "items-center"
53
58
  }
54
59
  },
55
60
  spacing: {
61
+ none: {
62
+ root: "gap-x-3 gap-y-0 py-0"
63
+ },
56
64
  tight: {
57
- root: "gap-1",
58
- title: "max-sm:pt-1",
59
- valueContainer: "max-sm:pt-0"
65
+ root: "gap-x-3 gap-y-0.5 py-1"
60
66
  },
61
67
  default: {
62
- root: "gap-3",
63
- title: "max-sm:pt-3",
64
- valueContainer: "max-sm:pt-1"
68
+ root: "gap-x-3 gap-y-1 py-2"
65
69
  },
66
70
  loose: {
67
- root: "gap-6",
68
- title: "max-sm:pt-4",
69
- valueContainer: "max-sm:pt-2"
71
+ root: "gap-x-3 gap-y-2 py-3"
70
72
  }
71
73
  },
72
74
  hasActions: {
73
- true: {
74
- valueContainer: "justify-between"
75
- },
76
- false: {}
75
+ true: {},
76
+ false: {
77
+ action: "hidden"
78
+ }
79
+ },
80
+ justify: {
81
+ start: {},
82
+ between: {
83
+ root: "justify-between",
84
+ valueContainer: "justify-end text-right"
85
+ }
77
86
  }
78
87
  },
79
88
  defaultVariants: {
80
89
  hasActions: false,
81
90
  orientation: "horizontal",
82
- spacing: "default"
91
+ align: "start",
92
+ spacing: "default",
93
+ justify: "start"
83
94
  }
84
95
  });
85
96
  // Annotate the CommonJS export names for ESM import in node:
package/dist/components/section-row.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  sectionRow
3
- } from "../chunk-I4ZIT7EK.mjs";
3
+ } from "../chunk-CC225WUG.mjs";
4
4
  export {
5
5
  sectionRow
6
6
  };