@adamosuiteservices/ui 2.11.21 → 2.12.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 (50) hide show
  1. package/dist/{button-BzVY7053.js → button-CMWUcYpz.js} +54 -54
  2. package/dist/button-CmLeuaI0.cjs +75 -0
  3. package/dist/button-group.cjs +6 -6
  4. package/dist/button-group.js +20 -20
  5. package/dist/button.cjs +1 -1
  6. package/dist/button.js +1 -1
  7. package/dist/{calendar-IAVS_7up.cjs → calendar-DUvRetFW.cjs} +1 -1
  8. package/dist/{calendar-BIttOd3g.js → calendar-yJWQTCer.js} +1 -1
  9. package/dist/calendar.cjs +1 -1
  10. package/dist/calendar.js +1 -1
  11. package/dist/combobox-BhDOduAb.cjs +40 -0
  12. package/dist/{combobox-DI-WK3Ng.js → combobox-CYOGlfQe.js} +91 -88
  13. package/dist/combobox.cjs +1 -1
  14. package/dist/combobox.js +1 -1
  15. package/dist/components/ui/button/button.d.ts +1 -1
  16. package/dist/components/ui/input-otp/index.d.ts +1 -0
  17. package/dist/components/ui/input-otp/input-otp.d.ts +11 -0
  18. package/dist/components/ui/input-otp.d.ts +11 -0
  19. package/dist/context-menu.cjs +38 -36
  20. package/dist/context-menu.js +54 -52
  21. package/dist/date-picker-selector.cjs +1 -1
  22. package/dist/date-picker-selector.js +4 -4
  23. package/dist/dropdown-menu.cjs +48 -52
  24. package/dist/dropdown-menu.js +164 -168
  25. package/dist/{input-DFvZLcgm.js → input-BCiOr4Fy.js} +7 -6
  26. package/dist/{input-CWDpI1Ua.cjs → input-Bz5k4w94.cjs} +7 -6
  27. package/dist/input-group.cjs +5 -5
  28. package/dist/input-group.js +10 -10
  29. package/dist/input-otp.cjs +68 -0
  30. package/dist/input-otp.js +384 -0
  31. package/dist/input.cjs +1 -1
  32. package/dist/input.js +1 -1
  33. package/dist/pagination.cjs +2 -2
  34. package/dist/pagination.js +4 -3
  35. package/dist/select.cjs +22 -20
  36. package/dist/select.js +112 -111
  37. package/dist/sidebar.cjs +1 -1
  38. package/dist/sidebar.js +1 -1
  39. package/dist/styles.css +1 -1
  40. package/docs/components/ui/button-group.md +986 -984
  41. package/docs/components/ui/button.md +1156 -1137
  42. package/docs/components/ui/combobox.md +33 -2
  43. package/docs/components/ui/command.md +484 -454
  44. package/docs/components/ui/context-menu.md +574 -540
  45. package/docs/components/ui/dropdown-menu.md +743 -709
  46. package/docs/components/ui/input.md +362 -362
  47. package/docs/components/ui/select.md +357 -352
  48. package/package.json +8 -3
  49. package/dist/button-B_VHdPPV.cjs +0 -76
  50. package/dist/combobox-DplJzBX6.cjs +0 -37
@@ -6,18 +6,16 @@ import { c as o } from "./index-BqtVL8d-.js";
6
6
  import "react";
7
7
  const c = o(
8
8
  `
9
- adm:inline-flex adm:shrink-0 adm:items-center adm:justify-center adm:gap-2
10
- adm:rounded-md adm:text-sm adm:font-semibold adm:whitespace-nowrap
9
+ adm:inline-flex adm:items-center adm:justify-center adm:gap-2
10
+ adm:rounded-[12px] adm:text-sm adm:font-semibold adm:whitespace-nowrap
11
11
  adm:transition-all adm:outline-none
12
- adm:focus-visible:border-ring adm:focus-visible:ring-[3px]
13
- adm:focus-visible:ring-ring/50
12
+ adm:focus-visible:ring-[3px] adm:focus-visible:ring-ring/50
14
13
  adm:disabled:pointer-events-none adm:disabled:opacity-50
15
14
  adm:aria-invalid:border-destructive adm:aria-invalid:ring-destructive/20
16
15
  adm:dark:aria-invalid:ring-destructive/40
17
16
  adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
18
- adm:[&_svg:not([class*=size-])]:size-4
19
- adm:[&>[data-slot=icon]]:pointer-events-none
20
- adm:[&>[data-slot=icon]]:shrink-0 adm:[&>[data-slot=icon]]:text-lg
17
+ adm:[&_svg:not([class*=size-])]:size-5
18
+ adm:[&>[data-slot=icon]]:shrink-0 adm:[&>[data-slot=icon]]:text-2xl
21
19
  `,
22
20
  {
23
21
  variants: {
@@ -27,11 +25,11 @@ const c = o(
27
25
  adm:hover:bg-primary-700
28
26
  `,
29
27
  success: `
30
- adm:bg-success adm:text-white
31
- adm:hover:bg-success-700
32
- adm:focus-visible:ring-success/20
33
- adm:dark:bg-success/60 adm:dark:focus-visible:ring-success/40
34
- `,
28
+ adm:bg-success adm:text-white
29
+ adm:hover:bg-success-700
30
+ adm:focus-visible:ring-success/20
31
+ adm:dark:bg-success/60 adm:dark:focus-visible:ring-success/40
32
+ `,
35
33
  "success-medium": `
36
34
  adm:bg-success-50 adm:text-success
37
35
  adm:hover:bg-success/20
@@ -39,11 +37,11 @@ const c = o(
39
37
  adm:dark:bg-success-50/60 adm:dark:focus-visible:ring-success/40
40
38
  `,
41
39
  warning: `
42
- adm:bg-warning adm:text-white
43
- adm:hover:bg-warning-700
44
- adm:focus-visible:ring-warning/20
45
- adm:dark:bg-warning/60 adm:dark:focus-visible:ring-warning/40
46
- `,
40
+ adm:bg-warning adm:text-white
41
+ adm:hover:bg-warning-700
42
+ adm:focus-visible:ring-warning/20
43
+ adm:dark:bg-warning/60 adm:dark:focus-visible:ring-warning/40
44
+ `,
47
45
  "warning-medium": `
48
46
  adm:bg-warning-50 adm:text-warning
49
47
  adm:hover:bg-warning/20
@@ -51,12 +49,11 @@ const c = o(
51
49
  adm:dark:bg-warning-50/60 adm:dark:focus-visible:ring-warning/40
52
50
  `,
53
51
  destructive: `
54
- adm:bg-destructive adm:text-white
55
- adm:hover:bg-destructive-700
56
- adm:focus-visible:ring-destructive/20
57
- adm:dark:bg-destructive/60
58
- adm:dark:focus-visible:ring-destructive/40
59
- `,
52
+ adm:bg-destructive adm:text-white
53
+ adm:hover:bg-destructive-700
54
+ adm:focus-visible:ring-destructive/20
55
+ adm:dark:bg-destructive/60 adm:dark:focus-visible:ring-destructive/40
56
+ `,
60
57
  "destructive-medium": `
61
58
  adm:bg-destructive-50 adm:text-destructive
62
59
  adm:hover:bg-destructive/20
@@ -65,45 +62,48 @@ const c = o(
65
62
  adm:dark:focus-visible:ring-destructive/40
66
63
  `,
67
64
  outline: `
68
- adm:border adm:bg-background adm:shadow-xs
69
- adm:hover:bg-accent adm:hover:text-accent-foreground
70
- adm:dark:border-input adm:dark:bg-input/30
71
- adm:dark:hover:bg-input/50
72
- `,
65
+ adm:border adm:bg-background adm:shadow-xs
66
+ adm:hover:bg-accent adm:hover:text-accent-foreground
67
+ adm:aria-invalid:border-destructive
68
+ adm:aria-invalid:ring-destructive/20
69
+ adm:dark:border-input adm:dark:bg-input/30 adm:dark:hover:bg-input/50
70
+ adm:dark:aria-invalid:ring-destructive/40
71
+ `,
73
72
  secondary: `
74
- adm:bg-secondary adm:text-secondary-foreground
75
- adm:hover:bg-primary-200
76
- `,
73
+ adm:bg-secondary adm:text-secondary-foreground
74
+ adm:hover:bg-primary-200
75
+ `,
77
76
  ghost: `
78
- adm:text-primary
79
- adm:hover:bg-primary-50 adm:hover:text-primary
80
- adm:dark:hover:bg-primary-50/20
81
- `,
77
+ adm:text-primary
78
+ adm:hover:bg-primary-50
79
+ adm:dark:hover:bg-primary-50/20
80
+ `,
82
81
  "ghost-neutral": `
83
- adm:hover:bg-accent adm:hover:text-accent-foreground
84
- adm:dark:hover:bg-accent/50
85
- `,
86
- link: "adm:text-primary adm:underline-offset-4"
82
+ adm:hover:bg-accent adm:hover:text-accent-foreground
83
+ adm:dark:hover:bg-accent/50
84
+ `,
85
+ link: "adm:text-primary",
86
+ "link-neutral": "adm:text-foreground"
87
87
  },
88
88
  size: {
89
89
  default: `
90
- adm:h-9 adm:px-4 adm:py-2
91
- adm:has-[>[data-slot=icon]]:px-3
92
- adm:has-[>svg]:px-3
90
+ adm:h-10 adm:px-4
91
+ adm:has-[>[data-slot=icon]]:px-3.5
92
+ adm:has-[>svg]:px-3.5
93
93
  `,
94
94
  sm: `
95
- adm:h-8 adm:gap-1.5 adm:rounded-md adm:px-3
95
+ adm:h-9 adm:px-3
96
96
  adm:has-[>[data-slot=icon]]:px-2.5
97
97
  adm:has-[>svg]:px-2.5
98
98
  `,
99
99
  lg: `
100
- adm:h-10 adm:rounded-md adm:px-6
101
- adm:has-[>[data-slot=icon]]:px-4
102
- adm:has-[>svg]:px-4
100
+ adm:h-11 adm:px-6
101
+ adm:has-[>[data-slot=icon]]:px-5
102
+ adm:has-[>svg]:px-5
103
103
  `,
104
- icon: "adm:size-9",
105
- "icon-sm": "adm:size-8",
106
- "icon-lg": "adm:size-10"
104
+ icon: "adm:size-10",
105
+ "icon-sm": "adm:size-9",
106
+ "icon-lg": "adm:size-11"
107
107
  }
108
108
  },
109
109
  defaultVariants: {
@@ -116,16 +116,16 @@ function p({
116
116
  className: a,
117
117
  variant: d,
118
118
  size: e,
119
- asChild: r = !1,
120
- ...s
119
+ asChild: i = !1,
120
+ ...r
121
121
  }) {
122
- const i = r ? m : "button";
122
+ const s = i ? m : "button";
123
123
  return /* @__PURE__ */ t.jsx(
124
- i,
124
+ s,
125
125
  {
126
126
  "data-slot": "button",
127
127
  className: n(c({ variant: d, size: e, className: a })),
128
- ...s
128
+ ...r
129
129
  }
130
130
  );
131
131
  }
@@ -0,0 +1,75 @@
1
+ "use client";"use strict";const n=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./index-CjyiloO7.cjs"),c=require("./index-DoxiiusW.cjs"),o=require("./index-BTzZJcis.cjs");require("react");const a=o.cva(`
2
+ adm:inline-flex adm:items-center adm:justify-center adm:gap-2
3
+ adm:rounded-[12px] adm:text-sm adm:font-semibold adm:whitespace-nowrap
4
+ adm:transition-all adm:outline-none
5
+ adm:focus-visible:ring-[3px] adm:focus-visible:ring-ring/50
6
+ adm:disabled:pointer-events-none adm:disabled:opacity-50
7
+ adm:aria-invalid:border-destructive adm:aria-invalid:ring-destructive/20
8
+ adm:dark:aria-invalid:ring-destructive/40
9
+ adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
10
+ adm:[&_svg:not([class*=size-])]:size-5
11
+ adm:[&>[data-slot=icon]]:shrink-0 adm:[&>[data-slot=icon]]:text-2xl
12
+ `,{variants:{variant:{default:`
13
+ adm:bg-primary adm:text-primary-foreground
14
+ adm:hover:bg-primary-700
15
+ `,success:`
16
+ adm:bg-success adm:text-white
17
+ adm:hover:bg-success-700
18
+ adm:focus-visible:ring-success/20
19
+ adm:dark:bg-success/60 adm:dark:focus-visible:ring-success/40
20
+ `,"success-medium":`
21
+ adm:bg-success-50 adm:text-success
22
+ adm:hover:bg-success/20
23
+ adm:focus-visible:ring-success/20
24
+ adm:dark:bg-success-50/60 adm:dark:focus-visible:ring-success/40
25
+ `,warning:`
26
+ adm:bg-warning adm:text-white
27
+ adm:hover:bg-warning-700
28
+ adm:focus-visible:ring-warning/20
29
+ adm:dark:bg-warning/60 adm:dark:focus-visible:ring-warning/40
30
+ `,"warning-medium":`
31
+ adm:bg-warning-50 adm:text-warning
32
+ adm:hover:bg-warning/20
33
+ adm:focus-visible:ring-warning/20
34
+ adm:dark:bg-warning-50/60 adm:dark:focus-visible:ring-warning/40
35
+ `,destructive:`
36
+ adm:bg-destructive adm:text-white
37
+ adm:hover:bg-destructive-700
38
+ adm:focus-visible:ring-destructive/20
39
+ adm:dark:bg-destructive/60 adm:dark:focus-visible:ring-destructive/40
40
+ `,"destructive-medium":`
41
+ adm:bg-destructive-50 adm:text-destructive
42
+ adm:hover:bg-destructive/20
43
+ adm:focus-visible:ring-destructive/20
44
+ adm:dark:bg-destructive-50/60
45
+ adm:dark:focus-visible:ring-destructive/40
46
+ `,outline:`
47
+ adm:border adm:bg-background adm:shadow-xs
48
+ adm:hover:bg-accent adm:hover:text-accent-foreground
49
+ adm:aria-invalid:border-destructive
50
+ adm:aria-invalid:ring-destructive/20
51
+ adm:dark:border-input adm:dark:bg-input/30 adm:dark:hover:bg-input/50
52
+ adm:dark:aria-invalid:ring-destructive/40
53
+ `,secondary:`
54
+ adm:bg-secondary adm:text-secondary-foreground
55
+ adm:hover:bg-primary-200
56
+ `,ghost:`
57
+ adm:text-primary
58
+ adm:hover:bg-primary-50
59
+ adm:dark:hover:bg-primary-50/20
60
+ `,"ghost-neutral":`
61
+ adm:hover:bg-accent adm:hover:text-accent-foreground
62
+ adm:dark:hover:bg-accent/50
63
+ `,link:"adm:text-primary","link-neutral":"adm:text-foreground"},size:{default:`
64
+ adm:h-10 adm:px-4
65
+ adm:has-[>[data-slot=icon]]:px-3.5
66
+ adm:has-[>svg]:px-3.5
67
+ `,sm:`
68
+ adm:h-9 adm:px-3
69
+ adm:has-[>[data-slot=icon]]:px-2.5
70
+ adm:has-[>svg]:px-2.5
71
+ `,lg:`
72
+ adm:h-11 adm:px-6
73
+ adm:has-[>[data-slot=icon]]:px-5
74
+ adm:has-[>svg]:px-5
75
+ `,icon:"adm:size-10","icon-sm":"adm:size-9","icon-lg":"adm:size-11"}},defaultVariants:{variant:"default",size:"default"}});function u({className:d,variant:e,size:i,asChild:r=!1,...s}){const t=r?m.Slot:"button";return n.jsxRuntimeExports.jsx(t,{"data-slot":"button",className:c.cn(a({variant:e,size:i,className:d})),...s})}exports.Button=u;exports.buttonVariants=a;
@@ -2,7 +2,7 @@
2
2
  adm:flex adm:w-fit adm:items-stretch
3
3
  adm:has-[>[data-slot=button-group]]:gap-2
4
4
  adm:[&>*]:focus-visible:relative adm:[&>*]:focus-visible:z-10
5
- adm:has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md
5
+ adm:has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[12px]
6
6
  adm:[&>[data-slot=select-trigger]:not([class*=w-])]:w-fit
7
7
  adm:[&>input]:flex-1
8
8
  `,{variants:{orientation:{horizontal:`
@@ -15,13 +15,13 @@
15
15
  adm:[&>*:not(:first-child)]:border-t-0
16
16
  adm:[&>*:not(:last-child)]:rounded-b-none
17
17
  `}},defaultVariants:{orientation:"horizontal"}});function l({className:a,orientation:t,...e}){return o.jsxRuntimeExports.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:r.cn(n({orientation:t}),a),...e})}function m({className:a,asChild:t=!1,...e}){const d=t?s.Slot:"div";return o.jsxRuntimeExports.jsx(d,{className:r.cn(`
18
- adm:flex adm:items-center adm:gap-2 adm:rounded-md adm:border
19
- adm:bg-muted adm:px-4 adm:text-sm adm:font-medium adm:shadow-xs
18
+ adm:flex adm:h-10 adm:items-center adm:gap-2 adm:rounded-[12px]
19
+ adm:border adm:bg-muted adm:px-4 adm:text-sm adm:font-medium
20
+ adm:shadow-xs
21
+ adm:*:data-[slot=icon]:shrink-0 adm:*:data-[slot=icon]:text-lg
20
22
  adm:[&_svg]:pointer-events-none
21
23
  adm:[&_svg:not([class*=size-])]:size-4
22
- adm:[&>[data-slot=icon]]:pointer-events-none
23
- adm:[&>[data-slot=icon]]:text-lg
24
24
  `,a),...e})}function c({className:a,orientation:t="vertical",...e}){return o.jsxRuntimeExports.jsx(i.Separator,{"data-slot":"button-group-separator",orientation:t,className:r.cn(`
25
- adm:relative adm:!m-0 adm:self-stretch adm:bg-input
25
+ adm:relative adm:m-0! adm:self-stretch adm:bg-input
26
26
  adm:data-[orientation=vertical]:h-auto
27
27
  `,a),...e})}exports.ButtonGroup=l;exports.ButtonGroupSeparator=c;exports.ButtonGroupText=m;exports.buttonGroupVariants=n;
@@ -1,15 +1,15 @@
1
1
  "use client";
2
- import { j as e } from "./jsx-runtime-BzflLqGi.js";
2
+ import { j as d } from "./jsx-runtime-BzflLqGi.js";
3
3
  import { S as n } from "./index-BvLQnI56.js";
4
4
  import { S as s } from "./separator-CsaqP20m.js";
5
- import { c as d } from "./index-CRiPKpXj.js";
5
+ import { c as r } from "./index-CRiPKpXj.js";
6
6
  import { c as i } from "./index-BqtVL8d-.js";
7
7
  const m = i(
8
8
  `
9
9
  adm:flex adm:w-fit adm:items-stretch
10
10
  adm:has-[>[data-slot=button-group]]:gap-2
11
11
  adm:[&>*]:focus-visible:relative adm:[&>*]:focus-visible:z-10
12
- adm:has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md
12
+ adm:has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[12px]
13
13
  adm:[&>[data-slot=select-trigger]:not([class*=w-])]:w-fit
14
14
  adm:[&>input]:flex-1
15
15
  `,
@@ -39,34 +39,34 @@ function h({
39
39
  orientation: t,
40
40
  ...o
41
41
  }) {
42
- return /* @__PURE__ */ e.jsx(
42
+ return /* @__PURE__ */ d.jsx(
43
43
  "div",
44
44
  {
45
45
  role: "group",
46
46
  "data-slot": "button-group",
47
47
  "data-orientation": t,
48
- className: d(m({ orientation: t }), a),
48
+ className: r(m({ orientation: t }), a),
49
49
  ...o
50
50
  }
51
51
  );
52
52
  }
53
- function g({
53
+ function x({
54
54
  className: a,
55
55
  asChild: t = !1,
56
56
  ...o
57
57
  }) {
58
- const r = t ? n : "div";
59
- return /* @__PURE__ */ e.jsx(
60
- r,
58
+ const e = t ? n : "div";
59
+ return /* @__PURE__ */ d.jsx(
60
+ e,
61
61
  {
62
- className: d(
62
+ className: r(
63
63
  `
64
- adm:flex adm:items-center adm:gap-2 adm:rounded-md adm:border
65
- adm:bg-muted adm:px-4 adm:text-sm adm:font-medium adm:shadow-xs
64
+ adm:flex adm:h-10 adm:items-center adm:gap-2 adm:rounded-[12px]
65
+ adm:border adm:bg-muted adm:px-4 adm:text-sm adm:font-medium
66
+ adm:shadow-xs
67
+ adm:*:data-[slot=icon]:shrink-0 adm:*:data-[slot=icon]:text-lg
66
68
  adm:[&_svg]:pointer-events-none
67
69
  adm:[&_svg:not([class*=size-])]:size-4
68
- adm:[&>[data-slot=icon]]:pointer-events-none
69
- adm:[&>[data-slot=icon]]:text-lg
70
70
  `,
71
71
  a
72
72
  ),
@@ -74,19 +74,19 @@ function g({
74
74
  }
75
75
  );
76
76
  }
77
- function v({
77
+ function g({
78
78
  className: a,
79
79
  orientation: t = "vertical",
80
80
  ...o
81
81
  }) {
82
- return /* @__PURE__ */ e.jsx(
82
+ return /* @__PURE__ */ d.jsx(
83
83
  s,
84
84
  {
85
85
  "data-slot": "button-group-separator",
86
86
  orientation: t,
87
- className: d(
87
+ className: r(
88
88
  `
89
- adm:relative adm:!m-0 adm:self-stretch adm:bg-input
89
+ adm:relative adm:m-0! adm:self-stretch adm:bg-input
90
90
  adm:data-[orientation=vertical]:h-auto
91
91
  `,
92
92
  a
@@ -97,7 +97,7 @@ function v({
97
97
  }
98
98
  export {
99
99
  h as ButtonGroup,
100
- v as ButtonGroupSeparator,
101
- g as ButtonGroupText,
100
+ g as ButtonGroupSeparator,
101
+ x as ButtonGroupText,
102
102
  m as buttonGroupVariants
103
103
  };
package/dist/button.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-B_VHdPPV.cjs");exports.Button=t.Button;exports.buttonVariants=t.buttonVariants;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-CmLeuaI0.cjs");exports.Button=t.Button;exports.buttonVariants=t.buttonVariants;
package/dist/button.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as o, b as n } from "./button-BzVY7053.js";
1
+ import { B as o, b as n } from "./button-CMWUcYpz.js";
2
2
  export {
3
3
  o as Button,
4
4
  n as buttonVariants