@node-core/ui-components 1.0.1-a459447336d99556960d6f9e1c997327b29e4974 → 1.0.1-b2d4fae0fc29bf3aeebacb37572f47a0a81dd8ed

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 (53) hide show
  1. package/Common/AlertBox/index.module.css +1 -76
  2. package/Common/AvatarGroup/Avatar/index.module.css +1 -59
  3. package/Common/AvatarGroup/Overlay/index.module.css +1 -37
  4. package/Common/AvatarGroup/index.module.css +1 -21
  5. package/Common/Badge/index.js +1 -3
  6. package/Common/Badge/index.module.css +1 -45
  7. package/Common/BadgeGroup/index.js +2 -2
  8. package/Common/BadgeGroup/index.module.css +1 -100
  9. package/Common/Banner/index.module.css +1 -44
  10. package/Common/BaseButton/index.module.css +1 -371
  11. package/Common/BaseCodeBox/index.module.css +1 -95
  12. package/Common/BaseCrossLink/index.module.css +1 -68
  13. package/Common/BaseLinkTabs/index.module.css +1 -76
  14. package/Common/BasePagination/Ellipsis/index.module.css +1 -15
  15. package/Common/BasePagination/PaginationListItem/index.module.css +1 -41
  16. package/Common/BasePagination/index.module.css +1 -39
  17. package/Common/Blockquote/index.module.css +1 -49
  18. package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -4
  19. package/Common/Breadcrumbs/BreadcrumbItem/index.module.css +1 -51
  20. package/Common/Breadcrumbs/BreadcrumbLink/index.module.css +1 -31
  21. package/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -9
  22. package/Common/ChangeHistory/index.module.css +1 -197
  23. package/Common/CodeTabs/index.module.css +1 -66
  24. package/Common/DataTag/index.module.css +1 -53
  25. package/Common/GlowingBackdrop/index.module.css +1 -129
  26. package/Common/LanguageDropDown/index.module.css +1 -150
  27. package/Common/Modal/index.module.css +1 -233
  28. package/Common/NodejsLogo/index.module.css +1 -4
  29. package/Common/Notification/index.module.css +1 -103
  30. package/Common/Preview/index.module.css +1 -282
  31. package/Common/Select/index.js +2 -4
  32. package/Common/Select/index.module.css +1 -327
  33. package/Common/Separator/index.module.css +1 -12
  34. package/Common/Skeleton/index.module.css +1 -126
  35. package/Common/Tabs/index.module.css +1 -71
  36. package/Common/ThemeToggle/index.module.css +1 -21
  37. package/Common/Tooltip/index.module.css +1 -132
  38. package/Containers/Article/index.module.css +1 -138
  39. package/Containers/Footer/index.js +2 -3
  40. package/Containers/Footer/index.module.css +1 -60
  41. package/Containers/MetaBar/index.module.css +1 -122
  42. package/Containers/NavBar/NavItem/index.module.css +1 -73
  43. package/Containers/NavBar/index.module.css +1 -204
  44. package/Containers/Sidebar/SidebarGroup/index.module.css +1 -191
  45. package/Containers/Sidebar/SidebarItem/index.js +1 -1
  46. package/Containers/Sidebar/SidebarItem/index.module.css +1 -66
  47. package/Containers/Sidebar/index.module.css +1 -47
  48. package/MDX/CodeTabs.js +11 -2
  49. package/Providers/NotificationProvider/index.js +16 -0
  50. package/Providers/NotificationProvider/index.module.css +2 -0
  51. package/package.json +5 -2
  52. package/styles/index.css +1 -1135
  53. package/Containers/DocSideBar/index.js +0 -1
@@ -1,42 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .listItem,
3
- .listItem:link,
4
- .listItem:active {
5
- display: flex;
6
- width: calc(var(--spacing, 0.25rem)*10);
7
- height: calc(var(--spacing, 0.25rem)*10);
8
- cursor: pointer;
9
- align-items: center;
10
- justify-content: center;
11
- border-radius: var(--radius-sm, 0.25rem);
12
- padding-inline: calc(var(--spacing, 0.25rem)*3);
13
- padding-block: calc(var(--spacing, 0.25rem)*2.5);
14
- color: var(--color-neutral-800, #556066);
15
- @media (prefers-reduced-motion: no-preference) {
16
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
17
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
18
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
19
- }
20
- &:where([data-theme=dark], [data-theme=dark] *) {
21
- color: var(--color-neutral-200, #e9edf0);
22
- }
23
- &[aria-current="page"] {
24
- cursor: default;
25
- }
26
- &[aria-current="page"] {
27
- background-color: var(--color-green-600, #417e38);
28
- }
29
- &[aria-current="page"] {
30
- color: var(--color-white, #fff);
31
- }
32
- &:hover:not([aria-current='page']) {
33
- background-color: var(--color-neutral-100, #f6f7f9);
34
- color: var(--color-neutral-800, #556066);
35
- &:where([data-theme=dark], [data-theme=dark] *) {
36
- background-color: var(--color-neutral-900, #2c3437);
37
- }
38
- &:where([data-theme=dark], [data-theme=dark] *) {
39
- color: var(--color-neutral-200, #e9edf0);
40
- }
41
- }
42
- }
2
+ .listItem,.listItem:link,.listItem:active{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);cursor:pointer;border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);color:var(--color-neutral-800,#556066);justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.listItem,.listItem:link,.listItem:active{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}:is(.listItem,.listItem:link,.listItem:active):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}:is(.listItem,.listItem:link,.listItem:active)[aria-current=page]{cursor:default;background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}:is(.listItem,.listItem:link,.listItem:active):hover:not([aria-current=page]){background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-800,#556066)}:is(.listItem,.listItem:link,.listItem:active):hover:not([aria-current=page]):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}
@@ -1,40 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .pagination {
3
- display: grid;
4
- align-items: center;
5
- justify-content: space-between;
6
- row-gap: calc(var(--spacing, 0.25rem)*5);
7
- grid-template-areas: 'pages pages pages''prev . next';
8
- @media (width >= 48rem) {
9
- row-gap: calc(var(--spacing, 0.25rem)*0);
10
- }
11
- @media (width >= 48rem) {
12
- grid-template-areas: 'prev pages next';
13
- }
14
- }
15
- .previousButton,
16
- .nextButton {
17
- font-size: var(--text-sm, 0.875rem);
18
- line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
19
- }
20
- .previousButton {
21
- grid-area: prev;
22
- }
23
- .nextButton {
24
- grid-area: next;
25
- }
26
- .arrowIcon {
27
- height: calc(var(--spacing, 0.25rem)*5);
28
- flex-shrink: 0;
29
- color: var(--color-neutral-600, #929fa5);
30
- &:where([data-theme=dark], [data-theme=dark] *) {
31
- color: var(--color-neutral-400, #cbd4d9);
32
- }
33
- }
34
- .list {
35
- display: flex;
36
- list-style-type: none;
37
- justify-content: center;
38
- gap: calc(var(--spacing, 0.25rem)*1);
39
- grid-area: pages;
40
- }
2
+ .pagination{justify-content:space-between;align-items:center;row-gap:calc(var(--spacing,.25rem)*5);grid-template-areas:"pages pages pages""prev.next";display:grid}@media (min-width:48rem){.pagination{row-gap:calc(var(--spacing,.25rem)*0);grid-template-areas:"prev pages next"}}.previousButton,.nextButton{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.previousButton{grid-area:prev}.nextButton{grid-area:next}.arrowIcon{height:calc(var(--spacing,.25rem)*5);color:var(--color-neutral-600,#929fa5);flex-shrink:0}.arrowIcon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.list{justify-content:center;gap:calc(var(--spacing,.25rem)*1);grid-area:pages;list-style-type:none;display:flex}
@@ -1,50 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .wrapper {
3
- display: flex;
4
- max-width: var(--container-2xl, 42rem);
5
- flex-direction: column;
6
- align-items: flex-start;
7
- gap: calc(var(--spacing, 0.25rem)*4);
8
- align-self: stretch;
9
- border-left-style: var(--tw-border-style);
10
- border-left-width: 2px;
11
- border-color: var(--color-green-600, #417e38);
12
- padding-block: calc(var(--spacing, 0.25rem)*2);
13
- padding-left: calc(var(--spacing, 0.25rem)*5);
14
- font-size: var(--text-lg, 1.125rem);
15
- line-height: var(--tw-leading, var(--text-lg--line-height, 1.55556));
16
- --tw-font-weight: var(--font-weight-semibold, 600);
17
- font-weight: var(--font-weight-semibold, 600);
18
- color: var(--color-neutral-900, #2c3437);
19
- &:where([data-theme=dark], [data-theme=dark] *) {
20
- border-color: var(--color-green-400, #84ba64);
21
- }
22
- &:where([data-theme=dark], [data-theme=dark] *) {
23
- color: var(--color-white, #fff);
24
- }
25
- & cite {
26
- font-size: var(--text-base, 1rem);
27
- line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
28
- --tw-font-weight: var(--font-weight-regular, 400);
29
- font-weight: var(--font-weight-regular, 400);
30
- font-style: normal;
31
- &::before {
32
- --tw-content: '— ';
33
- content: var(--tw-content);
34
- }
35
- }
36
- }
37
- @property --tw-border-style {
38
- syntax: "*";
39
- inherits: false;
40
- initial-value: solid;
41
- }
42
- @property --tw-font-weight {
43
- syntax: "*";
44
- inherits: false;
45
- }
46
- @property --tw-content {
47
- syntax: "*";
48
- inherits: false;
49
- initial-value: "";
50
- }
2
+ .wrapper{max-width:var(--container-2xl,42rem);align-items:flex-start;gap:calc(var(--spacing,.25rem)*4);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-green-600,#417e38);padding-block:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437);flex-direction:column;align-self:stretch;display:flex}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-400,#84ba64);color:var(--color-white,#fff)}.wrapper cite{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);font-style:normal}.wrapper cite:before{--tw-content:"— ";content:var(--tw-content)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@@ -1,5 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .icon {
3
- width: calc(var(--spacing, 0.25rem)*4);
4
- height: calc(var(--spacing, 0.25rem)*4);
5
- }
2
+ .icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}
@@ -1,52 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .item {
3
- display: flex;
4
- max-width: fit-content;
5
- align-items: center;
6
- gap: calc(var(--spacing, 0.25rem)*5);
7
- overflow: hidden;
8
- text-overflow: ellipsis;
9
- white-space: nowrap;
10
- font-size: var(--text-sm, 0.875rem);
11
- line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
12
- --tw-font-weight: var(--font-weight-medium, 500);
13
- font-weight: var(--font-weight-medium, 500);
14
- &:last-child {
15
- width: 100%;
16
- }
17
- a {
18
- flex-shrink: 1;
19
- flex-grow: 1;
20
- }
21
- &,
22
- > a,
23
- > a:hover {
24
- color: var(--color-neutral-800, #556066);
25
- @media (prefers-reduced-motion: no-preference) {
26
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
27
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
28
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
29
- }
30
- &:where([data-theme=dark], [data-theme=dark] *) {
31
- color: var(--color-neutral-200, #e9edf0);
32
- }
33
- }
34
- &.visuallyHidden {
35
- display: none;
36
- }
37
- .separator {
38
- width: calc(var(--spacing, 0.25rem)*4);
39
- height: calc(var(--spacing, 0.25rem)*4);
40
- max-width: fit-content;
41
- flex-shrink: 0;
42
- flex-grow: 1;
43
- color: var(--color-neutral-600, #929fa5);
44
- &:where([data-theme=dark], [data-theme=dark] *) {
45
- color: var(--color-neutral-400, #cbd4d9);
46
- }
47
- }
48
- }
49
- @property --tw-font-weight {
50
- syntax: "*";
51
- inherits: false;
52
- }
2
+ .item{align-items:center;gap:calc(var(--spacing,.25rem)*5);text-overflow:ellipsis;white-space:nowrap;max-width:fit-content;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:flex;overflow:hidden}.item:last-child{width:100%}.item a{flex-grow:1;flex-shrink:1}.item,.item>a,.item>a:hover{color:var(--color-neutral-800,#556066)}@media (prefers-reduced-motion:no-preference){.item,.item>a,.item>a:hover{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}:is(.item,.item>a,.item>a:hover):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item.visuallyHidden{display:none}.item .separator{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);max-width:fit-content;color:var(--color-neutral-600,#929fa5);flex-grow:1;flex-shrink:0}.item .separator:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -1,32 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .link {
3
- max-width: fit-content;
4
- overflow: hidden;
5
- text-overflow: ellipsis;
6
- white-space: nowrap;
7
- &.active {
8
- border-radius: 0.25rem;
9
- background-color: var(--color-green-600, #417e38);
10
- padding-inline: calc(var(--spacing, 0.25rem)*2);
11
- padding-block: calc(var(--spacing, 0.25rem)*1);
12
- --tw-font-weight: var(--font-weight-semibold, 600);
13
- font-weight: var(--font-weight-semibold, 600);
14
- color: var(--color-white, #fff);
15
- @media (prefers-reduced-motion: no-preference) {
16
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
17
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
18
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
19
- }
20
- &:where([data-theme=dark], [data-theme=dark] *) {
21
- color: var(--color-white, #fff);
22
- }
23
- &:hover {
24
- background-color: var(--color-green-700, #2c682c);
25
- color: var(--color-white, #fff);
26
- }
27
- }
28
- }
29
- @property --tw-font-weight {
30
- syntax: "*";
31
- inherits: false;
32
- }
2
+ .link{text-overflow:ellipsis;white-space:nowrap;max-width:fit-content;overflow:hidden}.link.active{background-color:var(--color-green-600,#417e38);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);border-radius:.25rem}@media (prefers-reduced-motion:no-preference){.link.active{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.link.active:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.link.active:hover{background-color:var(--color-green-700,#2c682c);color:var(--color-white,#fff)}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -1,10 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .list {
3
- display: flex;
4
- width: 100vw;
5
- gap: calc(var(--spacing, 0.25rem)*5);
6
- padding-inline: calc(var(--spacing, 0.25rem)*6);
7
- @media (width >= 670px) {
8
- width: 100%;
9
- }
10
- }
2
+ .list{gap:calc(var(--spacing,.25rem)*5);width:100vw;padding-inline:calc(var(--spacing,.25rem)*6);display:flex}@media (min-width:670px){.list{width:100%}}
@@ -1,198 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .summary {
3
- display: flex;
4
- height: calc(var(--spacing, 0.25rem)*9);
5
- cursor: pointer;
6
- align-items: center;
7
- gap: calc(var(--spacing, 0.25rem)*2);
8
- border-radius: var(--radius-md, 0.375rem);
9
- border-style: var(--tw-border-style);
10
- border-width: 1px;
11
- border-color: var(--color-neutral-200, #e9edf0);
12
- padding: calc(var(--spacing, 0.25rem)*2);
13
- font-size: var(--text-sm, 0.875rem);
14
- line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
15
- color: var(--color-neutral-700, #6e7b83);
16
- --tw-outline-style: none;
17
- outline-style: none;
18
- @media (forced-colors: active) {
19
- outline: 2px solid transparent;
20
- outline-offset: 2px;
21
- }
22
- -webkit-user-select: none;
23
- user-select: none;
24
- @media (prefers-reduced-motion: no-preference) {
25
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
26
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
27
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
28
- }
29
- &:where([data-theme=dark], [data-theme=dark] *) {
30
- border-color: var(--color-neutral-900, #2c3437);
31
- }
32
- &:where([data-theme=dark], [data-theme=dark] *) {
33
- color: var(--color-neutral-300, #d9e1e4);
34
- }
35
- &:hover,
36
- &:focus-visible {
37
- background-color: var(--color-neutral-100, #f6f7f9);
38
- &:where([data-theme=dark], [data-theme=dark] *) {
39
- background-color: var(--color-neutral-900, #2c3437);
40
- }
41
- }
42
- }
43
- .dropdownContentWrapper {
44
- position: absolute;
45
- top: 100%;
46
- right: calc(var(--spacing, 0.25rem)*0);
47
- z-index: 50;
48
- margin-top: calc(var(--spacing, 0.25rem)*1);
49
- max-height: calc(var(--spacing, 0.25rem)*80);
50
- width: calc(var(--spacing, 0.25rem)*52);
51
- overflow: hidden;
52
- border-radius: var(--radius-sm, 0.25rem);
53
- border-style: var(--tw-border-style);
54
- border-width: 1px;
55
- border-color: var(--color-neutral-200, #e9edf0);
56
- background-color: var(--color-white, #fff);
57
- --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in srgb, #101828 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in srgb, #101828 8%, transparent));
58
- @supports (color: color-mix(in lab, red, red)) {
59
- --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 8%, transparent));
60
- }
61
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
62
- &:where([data-theme=dark], [data-theme=dark] *) {
63
- border-color: var(--color-neutral-900, #2c3437);
64
- }
65
- &:where([data-theme=dark], [data-theme=dark] *) {
66
- background-color: var(--color-neutral-950, #0d121c);
67
- }
68
- }
69
- .dropdownContentInner {
70
- max-height: calc(var(--spacing, 0.25rem)*80);
71
- width: calc(var(--spacing, 0.25rem)*52);
72
- overflow-y: auto;
73
- }
74
- .dropdownItem {
75
- display: block;
76
- padding-inline: calc(var(--spacing, 0.25rem)*2.5);
77
- padding-block: calc(var(--spacing, 0.25rem)*1.5);
78
- font-size: var(--text-sm, 0.875rem);
79
- line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
80
- --tw-font-weight: var(--font-weight-medium, 500);
81
- font-weight: var(--font-weight-medium, 500);
82
- color: var(--color-neutral-800, #556066);
83
- text-decoration-line: none;
84
- --tw-outline-style: none;
85
- outline-style: none;
86
- @media (forced-colors: active) {
87
- outline: 2px solid transparent;
88
- outline-offset: 2px;
89
- }
90
- @media (prefers-reduced-motion: no-preference) {
91
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
92
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
93
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
94
- }
95
- &:where([data-theme=dark], [data-theme=dark] *) {
96
- color: var(--color-white, #fff);
97
- }
98
- &:hover,
99
- &:focus-visible {
100
- background-color: var(--color-green-600, #417e38);
101
- color: var(--color-white, #fff);
102
- }
103
- }
104
- .dropdownLabel {
105
- display: block;
106
- font-size: var(--text-sm, 0.875rem);
107
- line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
108
- --tw-leading: var(--leading-tight, 1.25);
109
- line-height: var(--leading-tight, 1.25);
110
- --tw-font-weight: var(--font-weight-medium, 500);
111
- font-weight: var(--font-weight-medium, 500);
112
- }
113
- .dropdownVersions {
114
- display: block;
115
- font-size: var(--text-xs, 0.75rem);
116
- line-height: var(--tw-leading, var(--text-xs--line-height, 1.33333));
117
- --tw-leading: var(--leading-tight, 1.25);
118
- line-height: var(--leading-tight, 1.25);
119
- opacity: 75%;
120
- }
121
- @property --tw-border-style {
122
- syntax: "*";
123
- inherits: false;
124
- initial-value: solid;
125
- }
126
- @property --tw-shadow {
127
- syntax: "*";
128
- inherits: false;
129
- initial-value: 0 0 #0000;
130
- }
131
- @property --tw-shadow-color {
132
- syntax: "*";
133
- inherits: false;
134
- }
135
- @property --tw-shadow-alpha {
136
- syntax: "<percentage>";
137
- inherits: false;
138
- initial-value: 100%;
139
- }
140
- @property --tw-inset-shadow {
141
- syntax: "*";
142
- inherits: false;
143
- initial-value: 0 0 #0000;
144
- }
145
- @property --tw-inset-shadow-color {
146
- syntax: "*";
147
- inherits: false;
148
- }
149
- @property --tw-inset-shadow-alpha {
150
- syntax: "<percentage>";
151
- inherits: false;
152
- initial-value: 100%;
153
- }
154
- @property --tw-ring-color {
155
- syntax: "*";
156
- inherits: false;
157
- }
158
- @property --tw-ring-shadow {
159
- syntax: "*";
160
- inherits: false;
161
- initial-value: 0 0 #0000;
162
- }
163
- @property --tw-inset-ring-color {
164
- syntax: "*";
165
- inherits: false;
166
- }
167
- @property --tw-inset-ring-shadow {
168
- syntax: "*";
169
- inherits: false;
170
- initial-value: 0 0 #0000;
171
- }
172
- @property --tw-ring-inset {
173
- syntax: "*";
174
- inherits: false;
175
- }
176
- @property --tw-ring-offset-width {
177
- syntax: "<length>";
178
- inherits: false;
179
- initial-value: 0px;
180
- }
181
- @property --tw-ring-offset-color {
182
- syntax: "*";
183
- inherits: false;
184
- initial-value: #fff;
185
- }
186
- @property --tw-ring-offset-shadow {
187
- syntax: "*";
188
- inherits: false;
189
- initial-value: 0 0 #0000;
190
- }
191
- @property --tw-font-weight {
192
- syntax: "*";
193
- inherits: false;
194
- }
195
- @property --tw-leading {
196
- syntax: "*";
197
- inherits: false;
198
- }
2
+ .summary{height:calc(var(--spacing,.25rem)*9);cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-700,#6e7b83);--tw-outline-style:none;outline-style:none;display:flex}@media (forced-colors:active){.summary{outline-offset:2px;outline:2px solid #0000}}.summary{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:no-preference){.summary{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.summary:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-300,#d9e1e4)}.summary:hover,.summary:focus-visible{background-color:var(--color-neutral-100,#f6f7f9)}:is(.summary:hover,.summary:focus-visible):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.dropdownContentWrapper{top:100%;right:calc(var(--spacing,.25rem)*0);z-index:50;margin-top:calc(var(--spacing,.25rem)*1);max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*52);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);position:absolute;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dropdownContentWrapper{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)3%,transparent)),0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)8%,transparent))}}.dropdownContentWrapper{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dropdownContentWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.dropdownContentInner{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*52);overflow-y:auto}.dropdownItem{padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066);--tw-outline-style:none;outline-style:none;text-decoration-line:none;display:block}@media (forced-colors:active){.dropdownItem{outline-offset:2px;outline:2px solid #0000}}@media (prefers-reduced-motion:no-preference){.dropdownItem{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.dropdownItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.dropdownItem:hover,.dropdownItem:focus-visible{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.dropdownLabel{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:block}.dropdownVersions{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);opacity:.75;display:block}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}
@@ -1,67 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .root {
3
- > [role='tabpanel'] > :first-child {
4
- border-top-left-radius: 0;
5
- border-top-right-radius: 0;
6
- }
7
- > div:nth-of-type(1) {
8
- display: flex;
9
- border-top-left-radius: 0.25rem;
10
- border-top-right-radius: 0.25rem;
11
- border-inline-style: var(--tw-border-style);
12
- border-inline-width: 1px;
13
- border-top-style: var(--tw-border-style);
14
- border-top-width: 1px;
15
- border-color: var(--color-neutral-900, #2c3437);
16
- background-color: var(--color-neutral-950, #0d121c);
17
- padding-inline: calc(var(--spacing, 0.25rem)*2);
18
- padding-top: calc(var(--spacing, 0.25rem)*3);
19
- @media (width >= 48rem) {
20
- padding-inline: calc(var(--spacing, 0.25rem)*4);
21
- }
22
- .trigger {
23
- border-bottom-style: var(--tw-border-style);
24
- border-bottom-width: 1px;
25
- border-bottom-color: transparent;
26
- padding-inline: calc(var(--spacing, 0.25rem)*1);
27
- color: var(--color-neutral-200, #e9edf0);
28
- &[data-state='active'] {
29
- border-bottom-color: var(--color-green-400, #84ba64);
30
- color: var(--color-green-400, #84ba64);
31
- }
32
- }
33
- .link {
34
- display: none;
35
- align-items: center;
36
- gap: calc(var(--spacing, 0.25rem)*2);
37
- text-align: center;
38
- color: var(--color-neutral-200, #e9edf0);
39
- @media (prefers-reduced-motion: no-preference) {
40
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
41
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
42
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
43
- }
44
- @media (width >= 64rem) {
45
- display: flex;
46
- }
47
- & > .icon {
48
- width: calc(var(--spacing, 0.25rem)*4);
49
- height: calc(var(--spacing, 0.25rem)*4);
50
- color: var(--color-neutral-300, #d9e1e4);
51
- }
52
- &:is(:link, :visited) {
53
- &:hover {
54
- color: var(--color-neutral-400, #cbd4d9);
55
- & > .icon {
56
- color: var(--color-neutral-600, #929fa5);
57
- }
58
- }
59
- }
60
- }
61
- }
62
- }
63
- @property --tw-border-style {
64
- syntax: "*";
65
- inherits: false;
66
- initial-value: solid;
67
- }
2
+ .root>[role=tabpanel]>:first-child{border-top-left-radius:0;border-top-right-radius:0}.root>div:first-of-type{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);padding-inline:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*3);border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex}@media (min-width:48rem){.root>div:first-of-type{padding-inline:calc(var(--spacing,.25rem)*4)}}.root>div:first-of-type .trigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);color:var(--color-neutral-200,#e9edf0);border-bottom-width:1px;border-bottom-color:#0000}.root>div:first-of-type .trigger[data-state=active]{border-bottom-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}.root>div:first-of-type .link{align-items:center;gap:calc(var(--spacing,.25rem)*2);text-align:center;color:var(--color-neutral-200,#e9edf0);display:none}@media (prefers-reduced-motion:no-preference){.root>div:first-of-type .link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@media (min-width:64rem){.root>div:first-of-type .link{display:flex}}.root>div:first-of-type .link>.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-300,#d9e1e4)}.root>div:first-of-type .link:is(:link,:visited):hover{color:var(--color-neutral-400,#cbd4d9)}.root>div:first-of-type .link:is(:link,:visited):hover>.icon{color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -1,54 +1,2 @@
1
1
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- .dataTag {
3
- display: flex;
4
- align-items: center;
5
- justify-content: center;
6
- border-radius: calc(infinity*1px);
7
- --tw-font-weight: var(--font-weight-semibold, 600);
8
- font-weight: var(--font-weight-semibold, 600);
9
- color: var(--color-white, #fff);
10
- &.lg {
11
- width: calc(var(--spacing, 0.25rem)*12);
12
- height: calc(var(--spacing, 0.25rem)*12);
13
- font-size: var(--text-2xl, 1.5rem);
14
- line-height: var(--tw-leading, var(--text-2xl--line-height, 1.33333));
15
- }
16
- &.md {
17
- width: calc(var(--spacing, 0.25rem)*10);
18
- height: calc(var(--spacing, 0.25rem)*10);
19
- font-size: var(--text-xl, 1.25rem);
20
- line-height: var(--tw-leading, var(--text-xl--line-height, 1.4));
21
- }
22
- &.sm {
23
- width: calc(var(--spacing, 0.25rem)*8);
24
- height: calc(var(--spacing, 0.25rem)*8);
25
- }
26
- &.event {
27
- background-color: var(--color-accent1-600, #9756d6);
28
- }
29
- &.method {
30
- background-color: var(--color-info-600, #0c7bb3);
31
- }
32
- &.property {
33
- background-color: var(--color-green-600, #417e38);
34
- }
35
- &.class {
36
- background-color: var(--color-warning-600, #ae5f00);
37
- }
38
- &.module {
39
- background-color: var(--color-red-600, oklch(0.577 0.245 27.325));
40
- }
41
- &.classMethod {
42
- background-color: var(--color-blue-600, oklch(0.546 0.245 262.881));
43
- }
44
- &.ctor {
45
- background-color: var(--color-accent2-600, #d6246e);
46
- }
47
- &.global {
48
- background-color: var(--color-amber-600, oklch(0.666 0.179 58.318));
49
- }
50
- }
51
- @property --tw-font-weight {
52
- syntax: "*";
53
- inherits: false;
54
- }
2
+ .dataTag{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}.dataTag.lg{width:calc(var(--spacing,.25rem)*12);height:calc(var(--spacing,.25rem)*12);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.dataTag.md{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.dataTag.sm{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8)}.dataTag.event{background-color:var(--color-accent1-600,#9756d6)}.dataTag.method{background-color:var(--color-info-600,#0c7bb3)}.dataTag.property{background-color:var(--color-green-600,#417e38)}.dataTag.class{background-color:var(--color-warning-600,#ae5f00)}.dataTag.module{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}.dataTag.classMethod{background-color:var(--color-blue-600,oklch(54.6% .245 262.881))}.dataTag.ctor{background-color:var(--color-accent2-600,#d6246e)}.dataTag.global{background-color:var(--color-amber-600,oklch(66.6% .179 58.318))}@property --tw-font-weight{syntax:"*";inherits:false}