iryx-ui 0.24.0 → 0.25.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 (37) hide show
  1. package/dist/components/AvatarGroup.vue.d.ts +8 -2
  2. package/dist/components/AvatarGroup.vue_vue_type_script_setup_true_lang.js +57 -23
  3. package/dist/components/Breadcrumb.vue.d.ts +10 -2
  4. package/dist/components/Breadcrumb.vue_vue_type_script_setup_true_lang.js +66 -34
  5. package/dist/components/ConfirmPopover.vue.d.ts +1 -1
  6. package/dist/components/FileUpload.vue.d.ts +23 -1
  7. package/dist/components/FileUpload.vue_vue_type_script_setup_true_lang.js +139 -96
  8. package/dist/components/Input.vue.d.ts +14 -0
  9. package/dist/components/Input.vue_vue_type_script_setup_true_lang.js +86 -69
  10. package/dist/components/SignaturePad.vue.d.ts +1 -1
  11. package/dist/components/Textarea.vue.d.ts +14 -0
  12. package/dist/components/Textarea.vue_vue_type_script_setup_true_lang.js +90 -42
  13. package/dist/components/Toaster.vue_vue_type_script_setup_true_lang.js +42 -41
  14. package/dist/components/index.js +144 -144
  15. package/dist/composables/character-count.d.ts +6 -0
  16. package/dist/composables/character-count.js +18 -0
  17. package/dist/composables/toast.d.ts +16 -1
  18. package/dist/composables/toast.js +23 -2
  19. package/dist/index.d.ts +1 -1
  20. package/dist/index.js +154 -154
  21. package/dist/theme/avatar.d.ts +21 -0
  22. package/dist/theme/avatar.js +28 -21
  23. package/dist/theme/bar-chart.d.ts +3 -3
  24. package/dist/theme/calendar.js +1 -1
  25. package/dist/theme/code.js +1 -1
  26. package/dist/theme/donut-chart.d.ts +3 -3
  27. package/dist/theme/file-upload.d.ts +24 -0
  28. package/dist/theme/file-upload.js +6 -2
  29. package/dist/theme/input.d.ts +46 -0
  30. package/dist/theme/input.js +10 -2
  31. package/dist/theme/kbd.js +1 -1
  32. package/dist/theme/line-chart.d.ts +3 -3
  33. package/dist/theme/rating.js +1 -1
  34. package/dist/theme/table.js +1 -1
  35. package/dist/theme/toast.d.ts +9 -0
  36. package/dist/theme/toast.js +2 -1
  37. package/package.json +1 -1
@@ -14,7 +14,7 @@ var t = e({
14
14
  },
15
15
  false: {
16
16
  root: "inline-flex items-center gap-1",
17
- code: "rounded border border-current/25 bg-current/10 px-1.5 py-0.5 font-mono text-[0.875em] text-current/90",
17
+ code: "rounded border border-current/25 px-1.5 py-0.5 font-mono text-[0.875em] text-current",
18
18
  copy: "size-5 [&_svg]:size-3.5"
19
19
  }
20
20
  } },
@@ -5,10 +5,10 @@ export declare const donutChartTheme: import("tailwind-variants").TVReturnType<{
5
5
  slice?: import("tailwind-variants").ClassValue;
6
6
  svg?: import("tailwind-variants").ClassValue;
7
7
  table?: import("tailwind-variants").ClassValue;
8
+ tooltip?: import("tailwind-variants").ClassValue;
8
9
  center?: import("tailwind-variants").ClassValue;
9
10
  plot?: import("tailwind-variants").ClassValue;
10
11
  faded?: import("tailwind-variants").ClassValue;
11
- tooltip?: import("tailwind-variants").ClassValue;
12
12
  tooltipLabel?: import("tailwind-variants").ClassValue;
13
13
  tooltipValue?: import("tailwind-variants").ClassValue;
14
14
  tooltipShare?: import("tailwind-variants").ClassValue;
@@ -21,10 +21,10 @@ export declare const donutChartTheme: import("tailwind-variants").TVReturnType<{
21
21
  slice?: import("tailwind-variants").ClassValue;
22
22
  svg?: import("tailwind-variants").ClassValue;
23
23
  table?: import("tailwind-variants").ClassValue;
24
+ tooltip?: import("tailwind-variants").ClassValue;
24
25
  center?: import("tailwind-variants").ClassValue;
25
26
  plot?: import("tailwind-variants").ClassValue;
26
27
  faded?: import("tailwind-variants").ClassValue;
27
- tooltip?: import("tailwind-variants").ClassValue;
28
28
  tooltipLabel?: import("tailwind-variants").ClassValue;
29
29
  tooltipValue?: import("tailwind-variants").ClassValue;
30
30
  tooltipShare?: import("tailwind-variants").ClassValue;
@@ -49,10 +49,10 @@ export declare const donutChartTheme: import("tailwind-variants").TVReturnType<{
49
49
  slice?: import("tailwind-variants").ClassValue;
50
50
  svg?: import("tailwind-variants").ClassValue;
51
51
  table?: import("tailwind-variants").ClassValue;
52
+ tooltip?: import("tailwind-variants").ClassValue;
52
53
  center?: import("tailwind-variants").ClassValue;
53
54
  plot?: import("tailwind-variants").ClassValue;
54
55
  faded?: import("tailwind-variants").ClassValue;
55
- tooltip?: import("tailwind-variants").ClassValue;
56
56
  tooltipLabel?: import("tailwind-variants").ClassValue;
57
57
  tooltipValue?: import("tailwind-variants").ClassValue;
58
58
  tooltipShare?: import("tailwind-variants").ClassValue;
@@ -14,6 +14,11 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
14
14
  dropzone: string;
15
15
  };
16
16
  };
17
+ withStatus: {
18
+ true: {
19
+ details: string;
20
+ };
21
+ };
17
22
  }, {
18
23
  root: string;
19
24
  dropzone: string;
@@ -29,8 +34,11 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
29
34
  details: string;
30
35
  name: string;
31
36
  meta: string;
37
+ actions: string;
32
38
  remove: string;
33
39
  error: string;
40
+ progress: string;
41
+ retry: string;
34
42
  }, undefined, {
35
43
  dragging: {
36
44
  true: {
@@ -47,6 +55,11 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
47
55
  dropzone: string;
48
56
  };
49
57
  };
58
+ withStatus: {
59
+ true: {
60
+ details: string;
61
+ };
62
+ };
50
63
  }, {
51
64
  root: string;
52
65
  dropzone: string;
@@ -62,8 +75,11 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
62
75
  details: string;
63
76
  name: string;
64
77
  meta: string;
78
+ actions: string;
65
79
  remove: string;
66
80
  error: string;
81
+ progress: string;
82
+ retry: string;
67
83
  }, import("tailwind-variants").TVReturnTypeLike<{
68
84
  dragging: {
69
85
  true: {
@@ -80,6 +96,11 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
80
96
  dropzone: string;
81
97
  };
82
98
  };
99
+ withStatus: {
100
+ true: {
101
+ details: string;
102
+ };
103
+ };
83
104
  }, {
84
105
  root: string;
85
106
  dropzone: string;
@@ -95,7 +116,10 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
95
116
  details: string;
96
117
  name: string;
97
118
  meta: string;
119
+ actions: string;
98
120
  remove: string;
99
121
  error: string;
122
+ progress: string;
123
+ retry: string;
100
124
  }>>;
101
125
  export type FileUploadSlots = keyof ReturnType<typeof fileUploadTheme>;
@@ -16,13 +16,17 @@ var t = e({
16
16
  details: "flex min-w-0 flex-1 flex-col",
17
17
  name: "truncate text-sm text-foreground",
18
18
  meta: "text-xs text-muted-foreground tabular-nums",
19
+ actions: "flex shrink-0 items-center gap-1",
19
20
  remove: "flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-4",
20
- error: "text-xs text-danger"
21
+ error: "text-xs text-danger",
22
+ progress: "mt-1.5",
23
+ retry: "flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-4"
21
24
  },
22
25
  variants: {
23
26
  dragging: { true: { dropzone: "border-primary bg-accent" } },
24
27
  invalid: { true: { dropzone: "border-red-500 focus-within:ring-red-500/40" } },
25
- disabled: { true: { dropzone: "pointer-events-none opacity-50" } }
28
+ disabled: { true: { dropzone: "pointer-events-none opacity-50" } },
29
+ withStatus: { true: { details: "min-h-11.5 justify-center" } }
26
30
  }
27
31
  });
28
32
  //#endregion
@@ -20,11 +20,17 @@ export declare const inputTheme: import("tailwind-variants").TVReturnType<{
20
20
  root: string;
21
21
  };
22
22
  };
23
+ nearLimit: {
24
+ true: {
25
+ count: string;
26
+ };
27
+ };
23
28
  }, {
24
29
  root: string;
25
30
  input: string;
26
31
  leading: string;
27
32
  trailing: string;
33
+ count: string;
28
34
  clear: string;
29
35
  }, undefined, {
30
36
  size: {
@@ -46,11 +52,17 @@ export declare const inputTheme: import("tailwind-variants").TVReturnType<{
46
52
  root: string;
47
53
  };
48
54
  };
55
+ nearLimit: {
56
+ true: {
57
+ count: string;
58
+ };
59
+ };
49
60
  }, {
50
61
  root: string;
51
62
  input: string;
52
63
  leading: string;
53
64
  trailing: string;
65
+ count: string;
54
66
  clear: string;
55
67
  }, import("tailwind-variants").TVReturnTypeLike<{
56
68
  size: {
@@ -72,11 +84,17 @@ export declare const inputTheme: import("tailwind-variants").TVReturnType<{
72
84
  root: string;
73
85
  };
74
86
  };
87
+ nearLimit: {
88
+ true: {
89
+ count: string;
90
+ };
91
+ };
75
92
  }, {
76
93
  root: string;
77
94
  input: string;
78
95
  leading: string;
79
96
  trailing: string;
97
+ count: string;
80
98
  clear: string;
81
99
  }>>;
82
100
  export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
@@ -116,6 +134,34 @@ export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
116
134
  true: "min-h-0 resize-none";
117
135
  };
118
136
  }, undefined>>;
137
+ export declare const textareaCountTheme: import("tailwind-variants").TVReturnType<{
138
+ nearLimit: {
139
+ true: {
140
+ count: string;
141
+ };
142
+ };
143
+ }, {
144
+ root: string;
145
+ count: string;
146
+ }, undefined, {
147
+ nearLimit: {
148
+ true: {
149
+ count: string;
150
+ };
151
+ };
152
+ }, {
153
+ root: string;
154
+ count: string;
155
+ }, import("tailwind-variants").TVReturnTypeLike<{
156
+ nearLimit: {
157
+ true: {
158
+ count: string;
159
+ };
160
+ };
161
+ }, {
162
+ root: string;
163
+ count: string;
164
+ }>>;
119
165
  export type InputVariants = Parameters<typeof inputTheme>[0];
120
166
  export type InputSlots = keyof ReturnType<typeof inputTheme>;
121
167
  export type TextareaVariants = Parameters<typeof textareaTheme>[0];
@@ -6,6 +6,7 @@ var t = "w-full rounded-xl border border-border bg-input text-foreground transit
6
6
  input: "w-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
7
7
  leading: "flex shrink-0 items-center text-muted-foreground [&_svg]:size-4",
8
8
  trailing: "flex shrink-0 items-center gap-1.5 text-muted-foreground [&_svg]:size-4",
9
+ count: "text-xs tabular-nums",
9
10
  clear: "flex items-center rounded-md text-muted-foreground transition-[color,background-color,border-color,box-shadow] outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-3.5"
10
11
  },
11
12
  variants: {
@@ -23,7 +24,8 @@ var t = "w-full rounded-xl border border-border bg-input text-foreground transit
23
24
  input: "text-base"
24
25
  }
25
26
  },
26
- invalid: { true: { root: "border-red-500 focus-within:ring-red-500/40" } }
27
+ invalid: { true: { root: "border-red-500 focus-within:ring-red-500/40" } },
28
+ nearLimit: { true: { count: "text-danger" } }
27
29
  },
28
30
  defaultVariants: { size: "md" }
29
31
  }), r = e({
@@ -38,6 +40,12 @@ var t = "w-full rounded-xl border border-border bg-input text-foreground transit
38
40
  autosize: { true: "min-h-0 resize-none" }
39
41
  },
40
42
  defaultVariants: { size: "md" }
43
+ }), i = e({
44
+ slots: {
45
+ root: "grid gap-1.5",
46
+ count: "justify-self-end text-xs text-muted-foreground tabular-nums"
47
+ },
48
+ variants: { nearLimit: { true: { count: "text-danger" } } }
41
49
  });
42
50
  //#endregion
43
- export { t as fieldBase, n as inputTheme, r as textareaTheme };
51
+ export { t as fieldBase, n as inputTheme, i as textareaCountTheme, r as textareaTheme };
package/dist/theme/kbd.js CHANGED
@@ -4,7 +4,7 @@ var t = e({
4
4
  slots: {
5
5
  root: "inline-flex shrink-0 items-center",
6
6
  key: "inline-flex items-center justify-center rounded border border-current/25 text-center font-medium text-current",
7
- separator: "text-current/60"
7
+ separator: "text-current"
8
8
  },
9
9
  variants: { size: {
10
10
  xs: {
@@ -7,12 +7,12 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
7
7
  table?: import("tailwind-variants").ClassValue;
8
8
  line?: import("tailwind-variants").ClassValue;
9
9
  marker?: import("tailwind-variants").ClassValue;
10
+ tooltip?: import("tailwind-variants").ClassValue;
10
11
  plot?: import("tailwind-variants").ClassValue;
11
12
  grid?: import("tailwind-variants").ClassValue;
12
13
  tick?: import("tailwind-variants").ClassValue;
13
14
  category?: import("tailwind-variants").ClassValue;
14
15
  hit?: import("tailwind-variants").ClassValue;
15
- tooltip?: import("tailwind-variants").ClassValue;
16
16
  tooltipLabel?: import("tailwind-variants").ClassValue;
17
17
  tooltipValue?: import("tailwind-variants").ClassValue;
18
18
  band?: import("tailwind-variants").ClassValue;
@@ -29,12 +29,12 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
29
29
  table?: import("tailwind-variants").ClassValue;
30
30
  line?: import("tailwind-variants").ClassValue;
31
31
  marker?: import("tailwind-variants").ClassValue;
32
+ tooltip?: import("tailwind-variants").ClassValue;
32
33
  plot?: import("tailwind-variants").ClassValue;
33
34
  grid?: import("tailwind-variants").ClassValue;
34
35
  tick?: import("tailwind-variants").ClassValue;
35
36
  category?: import("tailwind-variants").ClassValue;
36
37
  hit?: import("tailwind-variants").ClassValue;
37
- tooltip?: import("tailwind-variants").ClassValue;
38
38
  tooltipLabel?: import("tailwind-variants").ClassValue;
39
39
  tooltipValue?: import("tailwind-variants").ClassValue;
40
40
  band?: import("tailwind-variants").ClassValue;
@@ -69,12 +69,12 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
69
69
  table?: import("tailwind-variants").ClassValue;
70
70
  line?: import("tailwind-variants").ClassValue;
71
71
  marker?: import("tailwind-variants").ClassValue;
72
+ tooltip?: import("tailwind-variants").ClassValue;
72
73
  plot?: import("tailwind-variants").ClassValue;
73
74
  grid?: import("tailwind-variants").ClassValue;
74
75
  tick?: import("tailwind-variants").ClassValue;
75
76
  category?: import("tailwind-variants").ClassValue;
76
77
  hit?: import("tailwind-variants").ClassValue;
77
- tooltip?: import("tailwind-variants").ClassValue;
78
78
  tooltipLabel?: import("tailwind-variants").ClassValue;
79
79
  tooltipValue?: import("tailwind-variants").ClassValue;
80
80
  band?: import("tailwind-variants").ClassValue;
@@ -5,7 +5,7 @@ var t = e({
5
5
  root: "inline-flex items-center gap-2",
6
6
  items: "flex items-center",
7
7
  item: "relative isolate shrink-0 rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
8
- empty: "text-muted-foreground/40",
8
+ empty: "text-muted-foreground/80",
9
9
  fill: "absolute inset-y-0 left-0 overflow-hidden text-warning",
10
10
  label: "text-sm text-muted-foreground tabular-nums"
11
11
  },
@@ -9,7 +9,7 @@ var t = e({
9
9
  tr: "border-b border-border transition-colors last:border-b-0",
10
10
  th: "border-b border-border px-3 py-3 text-start align-middle text-xs font-semibold tracking-wide text-muted-foreground uppercase",
11
11
  sortButton: "inline-flex cursor-pointer items-center gap-1.5 rounded-md tracking-wide uppercase transition-shadow outline-none focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-3.5 [&_svg]:shrink-0",
12
- sortIcon: "text-muted-foreground/70 transition-colors",
12
+ sortIcon: "text-muted-foreground/80 transition-colors",
13
13
  td: "px-3 py-3 align-middle text-foreground",
14
14
  gutter: "w-px px-3 py-3 align-middle",
15
15
  headGutter: "w-px border-b border-border px-3 py-3 align-middle",
@@ -15,6 +15,9 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
15
15
  info: {
16
16
  icon: string;
17
17
  };
18
+ loading: {
19
+ icon: string;
20
+ };
18
21
  };
19
22
  position: {
20
23
  'top-left': {
@@ -67,6 +70,9 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
67
70
  info: {
68
71
  icon: string;
69
72
  };
73
+ loading: {
74
+ icon: string;
75
+ };
70
76
  };
71
77
  position: {
72
78
  'top-left': {
@@ -119,6 +125,9 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
119
125
  info: {
120
126
  icon: string;
121
127
  };
128
+ loading: {
129
+ icon: string;
130
+ };
122
131
  };
123
132
  position: {
124
133
  'top-left': {
@@ -17,7 +17,8 @@ var t = e({
17
17
  success: { icon: "text-success" },
18
18
  warning: { icon: "text-warning" },
19
19
  danger: { icon: "text-danger" },
20
- info: { icon: "text-info" }
20
+ info: { icon: "text-info" },
21
+ loading: { icon: "text-muted-foreground [&_svg]:animate-spin" }
21
22
  },
22
23
  position: {
23
24
  "top-left": { viewport: "top-0 left-0" },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "iryx-ui",
3
3
  "type": "module",
4
- "version": "0.24.0",
4
+ "version": "0.25.0",
5
5
  "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
6
6
  "author": "therok1",
7
7
  "license": "MIT",