@eqtylab/equality 0.0.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 (94) hide show
  1. package/LICENSE +190 -0
  2. package/dist/alert-dialog.module.module.css.module.css +275 -0
  3. package/dist/alert.module.module.css.module.css +112 -0
  4. package/dist/avatar.module.module.css.module.css +119 -0
  5. package/dist/badge.module.module.css.module.css +141 -0
  6. package/dist/bg-gradient.module.module.css.module.css +7 -0
  7. package/dist/button.module.module.css.module.css +253 -0
  8. package/dist/card-content-header.module.module.css.module.css +27 -0
  9. package/dist/card.module.module.css.module.css +246 -0
  10. package/dist/checkbox.module.module.css.module.css +124 -0
  11. package/dist/code-block.module.module.css.module.css +100 -0
  12. package/dist/command.module.module.css.module.css +210 -0
  13. package/dist/control-status-badge.module.module.css.module.css +49 -0
  14. package/dist/date-range-picker.module.module.css.module.css +147 -0
  15. package/dist/dialog.module.module.css.module.css +300 -0
  16. package/dist/display-field.module.module.css.module.css +250 -0
  17. package/dist/drawer.module.module.css.module.css +202 -0
  18. package/dist/dropdown-menu.module.module.css.module.css +271 -0
  19. package/dist/empty-table-state.module.module.css.module.css +34 -0
  20. package/dist/filter-dropdown.module.module.css.module.css +18 -0
  21. package/dist/form.module.module.css.module.css +35 -0
  22. package/dist/generated/color-vars.css +354 -0
  23. package/dist/generated/dark-tokens.css +105 -0
  24. package/dist/generated/global-dark-tokens.css +105 -0
  25. package/dist/generated/global-light-tokens.css +254 -0
  26. package/dist/generated/light-tokens.css +254 -0
  27. package/dist/generated/tailwind-tokens.css +252 -0
  28. package/dist/global-theme-config.css +15 -0
  29. package/dist/heading.module.module.css.module.css +41 -0
  30. package/dist/icon-button.module.module.css.module.css +196 -0
  31. package/dist/icon.module.module.css.module.css +155 -0
  32. package/dist/index.cjs +3419 -0
  33. package/dist/index.cjs.map +1 -0
  34. package/dist/index.d.cts +819 -0
  35. package/dist/index.d.ts +819 -0
  36. package/dist/index.js +3134 -0
  37. package/dist/index.js.map +1 -0
  38. package/dist/info-card.module.module.css.module.css +25 -0
  39. package/dist/input.module.module.css.module.css +231 -0
  40. package/dist/label.module.module.css.module.css +23 -0
  41. package/dist/list-or-grid-view-toggle.module.module.css.module.css +52 -0
  42. package/dist/loading-overlay.module.module.css.module.css +151 -0
  43. package/dist/metric-card.module.module.css.module.css +171 -0
  44. package/dist/motion-collapsible.module.module.css.module.css +4 -0
  45. package/dist/page-not-found.module.module.css.module.css +71 -0
  46. package/dist/pagination.module.module.css.module.css +21 -0
  47. package/dist/panel-label.module.module.css.module.css +17 -0
  48. package/dist/popover.module.module.css.module.css +136 -0
  49. package/dist/progress.module.module.css.module.css +32 -0
  50. package/dist/radial-graph.module.module.css.module.css +223 -0
  51. package/dist/radio-dropdown.module.module.css.module.css +16 -0
  52. package/dist/radio-group.module.module.css.module.css +118 -0
  53. package/dist/resource-badge.module.module.css.module.css +77 -0
  54. package/dist/scripts.cjs +116 -0
  55. package/dist/scripts.cjs.map +1 -0
  56. package/dist/scripts.d.cts +5 -0
  57. package/dist/scripts.d.ts +5 -0
  58. package/dist/scripts.js +114 -0
  59. package/dist/scripts.js.map +1 -0
  60. package/dist/scroll-area.module.module.css.module.css +46 -0
  61. package/dist/search-bar.module.module.css.module.css +9 -0
  62. package/dist/section-heading.module.module.css.module.css +42 -0
  63. package/dist/select.module.module.css.module.css +362 -0
  64. package/dist/separator.module.module.css.module.css +13 -0
  65. package/dist/sheet.module.module.css.module.css +377 -0
  66. package/dist/skeleton.module.module.css.module.css +11 -0
  67. package/dist/sort-button.module.module.css.module.css +42 -0
  68. package/dist/sort-selector.module.module.css.module.css +11 -0
  69. package/dist/spinner.module.module.css.module.css +82 -0
  70. package/dist/switch.module.module.css.module.css +226 -0
  71. package/dist/table-components.module.module.css.module.css +116 -0
  72. package/dist/table.module.module.css.module.css +145 -0
  73. package/dist/tabs-components.module.module.css.module.css +136 -0
  74. package/dist/tabs.module.module.css.module.css +139 -0
  75. package/dist/textarea.module.module.css.module.css +115 -0
  76. package/dist/theme/lib/utils.cjs +125 -0
  77. package/dist/theme/lib/utils.cjs.map +1 -0
  78. package/dist/theme/lib/utils.d.cts +26 -0
  79. package/dist/theme/lib/utils.d.ts +26 -0
  80. package/dist/theme/lib/utils.js +110 -0
  81. package/dist/theme/lib/utils.js.map +1 -0
  82. package/dist/theme-base.css +51 -0
  83. package/dist/theme-components.css +27 -0
  84. package/dist/theme-preflight-global.css +260 -0
  85. package/dist/theme-preflight-scoped.css +261 -0
  86. package/dist/theme-utilities.css +54 -0
  87. package/dist/theme.module.css +15 -0
  88. package/dist/theme.module.module.css.module.css +978 -0
  89. package/dist/toast-components.module.module.css.module.css +393 -0
  90. package/dist/toast.module.module.css.module.css +11 -0
  91. package/dist/tokens.css +3 -0
  92. package/dist/tooltip.module.module.css.module.css +139 -0
  93. package/dist/truncated-description.module.module.css.module.css +15 -0
  94. package/package.json +101 -0
@@ -0,0 +1,71 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .page-not-found {
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ padding-inline: calc(0.25rem * 8);
7
+ padding-block: calc(0.25rem * 16);
8
+ color: var(--color-text-primary);
9
+ }
10
+ .page-not-found-inner {
11
+ max-width: 36rem;
12
+ :where(& > :not(:last-child)) {
13
+ --tw-space-y-reverse: 0;
14
+ margin-block-start: calc(calc(0.25rem * 6) * var(--tw-space-y-reverse));
15
+ margin-block-end: calc(calc(0.25rem * 6) * calc(1 - var(--tw-space-y-reverse)));
16
+ }
17
+ padding-inline: calc(0.25rem * 4);
18
+ text-align: center;
19
+ }
20
+ .icon-container {
21
+ background-color: var(--color-yellow-800);
22
+ color: var(--color-yellow-400);
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ margin-inline: auto;
27
+ width: calc(0.25rem * 20);
28
+ height: calc(0.25rem * 20);
29
+ border-radius: calc(infinity * 1px);
30
+ }
31
+ .alert-icon {
32
+ width: calc(0.25rem * 10);
33
+ height: calc(0.25rem * 10);
34
+ }
35
+ .title {
36
+ font-size: 1.875rem;
37
+ line-height: var(--tw-leading, calc(2.25 / 1.875));
38
+ --tw-font-weight: 600;
39
+ font-weight: 600;
40
+ @media (width >= 40rem) {
41
+ font-size: 2.25rem;
42
+ line-height: var(--tw-leading, calc(2.5 / 2.25));
43
+ }
44
+ }
45
+ .description {
46
+ color: var(--color-text-secondary);
47
+ }
48
+ .actions {
49
+ display: flex;
50
+ flex-direction: column;
51
+ align-items: center;
52
+ justify-content: center;
53
+ gap: calc(0.25rem * 3);
54
+ @media (width >= 40rem) {
55
+ flex-direction: row;
56
+ }
57
+ padding-top: calc(0.25rem * 2);
58
+ }
59
+ .home-icon {
60
+ width: calc(0.25rem * 4);
61
+ height: calc(0.25rem * 4);
62
+ }
63
+ @property --tw-space-y-reverse {
64
+ syntax: "*";
65
+ inherits: false;
66
+ initial-value: 0;
67
+ }
68
+ @property --tw-font-weight {
69
+ syntax: "*";
70
+ inherits: false;
71
+ }
@@ -0,0 +1,21 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .pagination {
3
+ position: relative;
4
+ margin-top: calc(0.25rem * 4);
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: space-between;
8
+ }
9
+ .info-container {
10
+ font-size: 0.875rem;
11
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
12
+ color: var(--color-text-secondary);
13
+ display: flex;
14
+ align-items: center;
15
+ gap: calc(0.25rem * 2);
16
+ white-space: nowrap;
17
+ }
18
+ .page-navigation-container {
19
+ display: flex;
20
+ gap: calc(0.25rem * 1);
21
+ }
@@ -0,0 +1,17 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .panel-label {
3
+ font-size: 0.625rem;
4
+ --tw-font-weight: 600;
5
+ font-weight: 600;
6
+ --tw-tracking: 0.5px;
7
+ letter-spacing: 0.5px;
8
+ text-transform: uppercase;
9
+ }
10
+ @property --tw-font-weight {
11
+ syntax: "*";
12
+ inherits: false;
13
+ }
14
+ @property --tw-tracking {
15
+ syntax: "*";
16
+ inherits: false;
17
+ }
@@ -0,0 +1,136 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .popover-content {
3
+ background-color: var(--color-background-floating);
4
+ color: var(--color-text-primary);
5
+ --tw-outline-style: none;
6
+ outline-style: none;
7
+ @media (forced-colors: active) {
8
+ outline: 2px solid transparent;
9
+ outline-offset: 2px;
10
+ }
11
+ border-style: var(--tw-border-style);
12
+ border-width: 1px;
13
+ border-color: var(--color-border-floating);
14
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
15
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
16
+ --tw-shadow-color: rgba(0, 0, 0, 0.15);
17
+ @supports (color: color-mix(in lab, red, red)) {
18
+ --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
19
+ }
20
+ z-index: 50;
21
+ width: calc(0.25rem * 72);
22
+ border-radius: var(--radius-md, 0.375rem);
23
+ padding: calc(0.25rem * 4);
24
+ transform-origin: var(--radix-popover-content-transform-origin);
25
+ &[data-state="open"] {
26
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
27
+ }
28
+ &[data-state="open"] {
29
+ --tw-enter-opacity: calc(0/100);
30
+ --tw-enter-opacity: 0;
31
+ }
32
+ &[data-state="open"] {
33
+ --tw-enter-scale: calc(95*1%);
34
+ --tw-enter-scale: .95;
35
+ }
36
+ &[data-state="closed"] {
37
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
38
+ }
39
+ &[data-state="closed"] {
40
+ --tw-exit-opacity: calc(0/100);
41
+ --tw-exit-opacity: 0;
42
+ }
43
+ &[data-state="closed"] {
44
+ --tw-exit-scale: calc(95*1%);
45
+ --tw-exit-scale: .95;
46
+ }
47
+ }
48
+ .popover-arrow {
49
+ height: calc(0.25rem * 2);
50
+ width: calc(0.25rem * 4);
51
+ fill: var(--color-text-secondary);
52
+ }
53
+ @property --tw-border-style {
54
+ syntax: "*";
55
+ inherits: false;
56
+ initial-value: solid;
57
+ }
58
+ @property --tw-shadow {
59
+ syntax: "*";
60
+ inherits: false;
61
+ initial-value: 0 0 #0000;
62
+ }
63
+ @property --tw-shadow-color {
64
+ syntax: "*";
65
+ inherits: false;
66
+ }
67
+ @property --tw-shadow-alpha {
68
+ syntax: "<percentage>";
69
+ inherits: false;
70
+ initial-value: 100%;
71
+ }
72
+ @property --tw-inset-shadow {
73
+ syntax: "*";
74
+ inherits: false;
75
+ initial-value: 0 0 #0000;
76
+ }
77
+ @property --tw-inset-shadow-color {
78
+ syntax: "*";
79
+ inherits: false;
80
+ }
81
+ @property --tw-inset-shadow-alpha {
82
+ syntax: "<percentage>";
83
+ inherits: false;
84
+ initial-value: 100%;
85
+ }
86
+ @property --tw-ring-color {
87
+ syntax: "*";
88
+ inherits: false;
89
+ }
90
+ @property --tw-ring-shadow {
91
+ syntax: "*";
92
+ inherits: false;
93
+ initial-value: 0 0 #0000;
94
+ }
95
+ @property --tw-inset-ring-color {
96
+ syntax: "*";
97
+ inherits: false;
98
+ }
99
+ @property --tw-inset-ring-shadow {
100
+ syntax: "*";
101
+ inherits: false;
102
+ initial-value: 0 0 #0000;
103
+ }
104
+ @property --tw-ring-inset {
105
+ syntax: "*";
106
+ inherits: false;
107
+ }
108
+ @property --tw-ring-offset-width {
109
+ syntax: "<length>";
110
+ inherits: false;
111
+ initial-value: 0px;
112
+ }
113
+ @property --tw-ring-offset-color {
114
+ syntax: "*";
115
+ inherits: false;
116
+ initial-value: #fff;
117
+ }
118
+ @property --tw-ring-offset-shadow {
119
+ syntax: "*";
120
+ inherits: false;
121
+ initial-value: 0 0 #0000;
122
+ }
123
+ @keyframes enter {
124
+ from {
125
+ opacity: var(--tw-enter-opacity,1);
126
+ transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
127
+ filter: blur(var(--tw-enter-blur,0));
128
+ }
129
+ }
130
+ @keyframes exit {
131
+ to {
132
+ opacity: var(--tw-exit-opacity,1);
133
+ transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
134
+ filter: blur(var(--tw-exit-blur,0));
135
+ }
136
+ }
@@ -0,0 +1,32 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .progress {
3
+ background-color: var(--color-greyscale-800);
4
+ position: relative;
5
+ overflow: hidden;
6
+ height: calc(0.25rem * 1.5);
7
+ width: 100%;
8
+ border-radius: calc(infinity * 1px);
9
+ }
10
+ .progress-indicator {
11
+ width: 100%;
12
+ height: 100%;
13
+ flex: 1;
14
+ transition-property: all;
15
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
16
+ transition-duration: var(--tw-duration, 150ms);
17
+ }
18
+ .primary {
19
+ background-color: var(--color-brand-primary);
20
+ }
21
+ .secondary {
22
+ background-color: var(--color-brand-secondary);
23
+ }
24
+ .green {
25
+ background-color: var(--color-brand-green);
26
+ }
27
+ .red {
28
+ background-color: var(--color-brand-red);
29
+ }
30
+ .yellow {
31
+ background-color: var(--color-brand-yellow);
32
+ }
@@ -0,0 +1,223 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .radial-graph {
3
+ position: relative;
4
+ aspect-ratio: 1 / 1;
5
+ width: 100%;
6
+ }
7
+ .radial-graph.sm {
8
+ height: calc(0.25rem * 36);
9
+ width: max-content;
10
+ }
11
+ .radial-graph.md {
12
+ height: calc(0.25rem * 40);
13
+ width: max-content;
14
+ }
15
+ .radial-graph.lg {
16
+ height: calc(0.25rem * 44);
17
+ width: max-content;
18
+ }
19
+ .bars-container {
20
+ position: absolute;
21
+ inset: calc(0.25rem * 0);
22
+ --tw-translate-x: calc(1/2 * 100%);
23
+ translate: var(--tw-translate-x) var(--tw-translate-y);
24
+ }
25
+ .bar {
26
+ position: absolute;
27
+ height: calc(1/2 * 100%);
28
+ width: 2px;
29
+ transform-origin: bottom;
30
+ }
31
+ .bar-inner {
32
+ position: absolute;
33
+ top: calc(0.25rem * 0);
34
+ right: calc(0.25rem * 0);
35
+ left: calc(0.25rem * 0);
36
+ height: calc(3/4 * 100%);
37
+ overflow: hidden;
38
+ border-radius: calc(infinity * 1px);
39
+ transition-property: transform, translate, scale, rotate;
40
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
41
+ transition-duration: var(--tw-duration, 150ms);
42
+ }
43
+ .bar-inner--active {
44
+ --tw-scale-y: 100%;
45
+ scale: var(--tw-scale-x) var(--tw-scale-y);
46
+ animation: grow-in 800ms ease-in-out backwards;
47
+ will-change: transform;
48
+ }
49
+ .bar-inner--inactive {
50
+ --tw-scale-y: 0.75;
51
+ scale: var(--tw-scale-x) var(--tw-scale-y);
52
+ }
53
+ .bar-background {
54
+ position: absolute;
55
+ inset: calc(0.25rem * 0);
56
+ --tw-gradient-position: to bottom;
57
+ @supports (background-image: linear-gradient(in lab, red, red)) {
58
+ --tw-gradient-position: to bottom in oklab;
59
+ }
60
+ background-image: linear-gradient(var(--tw-gradient-stops));
61
+ --tw-gradient-from: var(--color-greyscale-800);
62
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
63
+ --tw-gradient-to-position: 50%;
64
+ }
65
+ .bar-gradient {
66
+ position: absolute;
67
+ inset: calc(0.25rem * 0);
68
+ --tw-gradient-position: to bottom;
69
+ @supports (background-image: linear-gradient(in lab, red, red)) {
70
+ --tw-gradient-position: to bottom in oklab;
71
+ }
72
+ background-image: linear-gradient(var(--tw-gradient-stops));
73
+ --tw-gradient-to-position: 50%;
74
+ transition-property: opacity;
75
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
76
+ transition-duration: var(--tw-duration, 150ms);
77
+ }
78
+ .bar-gradient--primary {
79
+ --tw-gradient-from: var(--color-brand-primary);
80
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
81
+ }
82
+ .bar-gradient--success {
83
+ --tw-gradient-from: var(--color-brand-green);
84
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
85
+ }
86
+ .bar-gradient--danger {
87
+ --tw-gradient-from: var(--color-brand-red);
88
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
89
+ }
90
+ .bar-gradient--warning {
91
+ --tw-gradient-from: var(--color-brand-yellow);
92
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
93
+ }
94
+ .bar-gradient--active {
95
+ opacity: 100%;
96
+ animation: fade-in 800ms ease-in-out backwards;
97
+ will-change: opacity;
98
+ }
99
+ .bar-gradient--inactive {
100
+ opacity: 0%;
101
+ }
102
+ .label-container {
103
+ position: absolute;
104
+ inset: calc(0.25rem * 0);
105
+ display: flex;
106
+ flex-direction: column;
107
+ align-items: center;
108
+ justify-content: center;
109
+ }
110
+ .label {
111
+ font-size: 3rem;
112
+ line-height: var(--tw-leading, 1);
113
+ --tw-font-weight: 500;
114
+ font-weight: 500;
115
+ }
116
+ .label.sm {
117
+ font-size: 1.5rem;
118
+ line-height: var(--tw-leading, calc(2 / 1.5));
119
+ }
120
+ .label.md {
121
+ font-size: 1.875rem;
122
+ line-height: var(--tw-leading, calc(2.25 / 1.875));
123
+ }
124
+ .label.lg {
125
+ font-size: 2.25rem;
126
+ line-height: var(--tw-leading, calc(2.5 / 2.25));
127
+ }
128
+ .sub-label {
129
+ font-size: 0.875rem;
130
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
131
+ }
132
+ @property --tw-translate-x {
133
+ syntax: "*";
134
+ inherits: false;
135
+ initial-value: 0;
136
+ }
137
+ @property --tw-translate-y {
138
+ syntax: "*";
139
+ inherits: false;
140
+ initial-value: 0;
141
+ }
142
+ @property --tw-translate-z {
143
+ syntax: "*";
144
+ inherits: false;
145
+ initial-value: 0;
146
+ }
147
+ @property --tw-scale-x {
148
+ syntax: "*";
149
+ inherits: false;
150
+ initial-value: 1;
151
+ }
152
+ @property --tw-scale-y {
153
+ syntax: "*";
154
+ inherits: false;
155
+ initial-value: 1;
156
+ }
157
+ @property --tw-scale-z {
158
+ syntax: "*";
159
+ inherits: false;
160
+ initial-value: 1;
161
+ }
162
+ @property --tw-gradient-position {
163
+ syntax: "*";
164
+ inherits: false;
165
+ }
166
+ @property --tw-gradient-from {
167
+ syntax: "<color>";
168
+ inherits: false;
169
+ initial-value: #0000;
170
+ }
171
+ @property --tw-gradient-via {
172
+ syntax: "<color>";
173
+ inherits: false;
174
+ initial-value: #0000;
175
+ }
176
+ @property --tw-gradient-to {
177
+ syntax: "<color>";
178
+ inherits: false;
179
+ initial-value: #0000;
180
+ }
181
+ @property --tw-gradient-stops {
182
+ syntax: "*";
183
+ inherits: false;
184
+ }
185
+ @property --tw-gradient-via-stops {
186
+ syntax: "*";
187
+ inherits: false;
188
+ }
189
+ @property --tw-gradient-from-position {
190
+ syntax: "<length-percentage>";
191
+ inherits: false;
192
+ initial-value: 0%;
193
+ }
194
+ @property --tw-gradient-via-position {
195
+ syntax: "<length-percentage>";
196
+ inherits: false;
197
+ initial-value: 50%;
198
+ }
199
+ @property --tw-gradient-to-position {
200
+ syntax: "<length-percentage>";
201
+ inherits: false;
202
+ initial-value: 100%;
203
+ }
204
+ @property --tw-font-weight {
205
+ syntax: "*";
206
+ inherits: false;
207
+ }
208
+ @keyframes grow-in {
209
+ from {
210
+ transform: scaleY(0.75);
211
+ }
212
+ to {
213
+ transform: scaleY(1);
214
+ }
215
+ }
216
+ @keyframes fade-in {
217
+ 0% {
218
+ opacity: 0;
219
+ }
220
+ 100% {
221
+ opacity: 1;
222
+ }
223
+ }
@@ -0,0 +1,16 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .selector-button-inner {
3
+ display: flex;
4
+ align-items: center;
5
+ gap: calc(0.25rem * 1);
6
+ text-transform: capitalize;
7
+ }
8
+ .chevron-icon {
9
+ color: var(--color-text-secondary);
10
+ }
11
+ .dropdown-menu-content {
12
+ max-height: calc(0.25rem * 80);
13
+ width: calc(0.25rem * 56);
14
+ min-width: calc(0.25rem * 36);
15
+ overflow: auto;
16
+ }
@@ -0,0 +1,118 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .radio-group {
3
+ display: grid;
4
+ gap: calc(0.25rem * 2);
5
+ }
6
+ .radio-group-item {
7
+ border-style: var(--tw-border-style);
8
+ border-width: 1px;
9
+ border-color: var(--color-text-primary);
10
+ color: var(--color-text-primary);
11
+ aspect-ratio: 1 / 1;
12
+ width: calc(0.25rem * 4);
13
+ height: calc(0.25rem * 4);
14
+ border-radius: calc(infinity * 1px);
15
+ --tw-ring-offset-color: var(--color-background);
16
+ &:focus-visible {
17
+ --tw-ring-color: var(--color-focus-ring);
18
+ }
19
+ &:focus-visible {
20
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
21
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
22
+ }
23
+ &:focus-visible {
24
+ --tw-ring-offset-width: 2px;
25
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
26
+ }
27
+ &:focus-visible {
28
+ --tw-outline-style: none;
29
+ outline-style: none;
30
+ }
31
+ &:disabled {
32
+ cursor: not-allowed;
33
+ }
34
+ &:disabled {
35
+ opacity: 50%;
36
+ }
37
+ }
38
+ .radio-group-item-indicator {
39
+ display: flex;
40
+ align-items: center;
41
+ justify-content: center;
42
+ }
43
+ .indicator-icon {
44
+ width: calc(0.25rem * 2.5);
45
+ height: calc(0.25rem * 2.5);
46
+ fill: currentcolor;
47
+ color: currentcolor;
48
+ }
49
+ @property --tw-border-style {
50
+ syntax: "*";
51
+ inherits: false;
52
+ initial-value: solid;
53
+ }
54
+ @property --tw-shadow {
55
+ syntax: "*";
56
+ inherits: false;
57
+ initial-value: 0 0 #0000;
58
+ }
59
+ @property --tw-shadow-color {
60
+ syntax: "*";
61
+ inherits: false;
62
+ }
63
+ @property --tw-shadow-alpha {
64
+ syntax: "<percentage>";
65
+ inherits: false;
66
+ initial-value: 100%;
67
+ }
68
+ @property --tw-inset-shadow {
69
+ syntax: "*";
70
+ inherits: false;
71
+ initial-value: 0 0 #0000;
72
+ }
73
+ @property --tw-inset-shadow-color {
74
+ syntax: "*";
75
+ inherits: false;
76
+ }
77
+ @property --tw-inset-shadow-alpha {
78
+ syntax: "<percentage>";
79
+ inherits: false;
80
+ initial-value: 100%;
81
+ }
82
+ @property --tw-ring-color {
83
+ syntax: "*";
84
+ inherits: false;
85
+ }
86
+ @property --tw-ring-shadow {
87
+ syntax: "*";
88
+ inherits: false;
89
+ initial-value: 0 0 #0000;
90
+ }
91
+ @property --tw-inset-ring-color {
92
+ syntax: "*";
93
+ inherits: false;
94
+ }
95
+ @property --tw-inset-ring-shadow {
96
+ syntax: "*";
97
+ inherits: false;
98
+ initial-value: 0 0 #0000;
99
+ }
100
+ @property --tw-ring-inset {
101
+ syntax: "*";
102
+ inherits: false;
103
+ }
104
+ @property --tw-ring-offset-width {
105
+ syntax: "<length>";
106
+ inherits: false;
107
+ initial-value: 0px;
108
+ }
109
+ @property --tw-ring-offset-color {
110
+ syntax: "*";
111
+ inherits: false;
112
+ initial-value: #fff;
113
+ }
114
+ @property --tw-ring-offset-shadow {
115
+ syntax: "*";
116
+ inherits: false;
117
+ initial-value: 0 0 #0000;
118
+ }
@@ -0,0 +1,77 @@
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
+ .badge--agent {
3
+ background-color: var(--color-resource-background-agent);
4
+ color: var(--color-resource-text-agent);
5
+ }
6
+ .badge--benchmark {
7
+ background-color: var(--color-resource-background-benchmark);
8
+ color: var(--color-resource-text-benchmark);
9
+ }
10
+ .badge--code {
11
+ background-color: var(--color-resource-background-code);
12
+ color: var(--color-resource-text-code);
13
+ }
14
+ .badge--compute {
15
+ background-color: var(--color-resource-background-compute);
16
+ color: var(--color-resource-text-compute);
17
+ }
18
+ .badge--database {
19
+ background-color: var(--color-resource-background-database);
20
+ color: var(--color-resource-text-database);
21
+ }
22
+ .badge--dataset {
23
+ background-color: var(--color-resource-background-dataset);
24
+ color: var(--color-resource-text-dataset);
25
+ }
26
+ .badge--document {
27
+ background-color: var(--color-resource-background-document);
28
+ color: var(--color-resource-text-document);
29
+ }
30
+ .badge--guard {
31
+ background-color: var(--color-resource-background-guard);
32
+ color: var(--color-resource-text-guard);
33
+ }
34
+ .badge--guardrail {
35
+ background-color: var(--color-resource-background-guardrail);
36
+ color: var(--color-resource-text-guardrail);
37
+ }
38
+ .badge--inference {
39
+ background-color: var(--color-resource-background-inference);
40
+ color: var(--color-resource-text-inference);
41
+ }
42
+ .badge--model {
43
+ background-color: var(--color-resource-background-model);
44
+ color: var(--color-resource-text-model);
45
+ }
46
+ .badge--prompt {
47
+ background-color: var(--color-resource-background-prompt);
48
+ color: var(--color-resource-text-prompt);
49
+ }
50
+ .badge--system-prompt {
51
+ background-color: var(--color-resource-background-system-prompt);
52
+ color: var(--color-resource-text-system-prompt);
53
+ }
54
+ .badge--context {
55
+ background-color: var(--color-resource-background-context);
56
+ color: var(--color-resource-text-context);
57
+ }
58
+ .badge--reasoning {
59
+ background-color: var(--color-resource-background-reasoning);
60
+ color: var(--color-resource-text-reasoning);
61
+ }
62
+ .badge--token {
63
+ background-color: var(--color-resource-background-token);
64
+ color: var(--color-resource-text-token);
65
+ }
66
+ .badge--tools {
67
+ background-color: var(--color-resource-background-tools);
68
+ color: var(--color-resource-text-tools);
69
+ }
70
+ .badge--system-parameters {
71
+ background-color: var(--color-resource-background-system-parameters);
72
+ color: var(--color-resource-text-system-parameters);
73
+ }
74
+ .badge--unknown {
75
+ background-color: var(--color-resource-background-unknown);
76
+ color: var(--color-resource-text-unknown);
77
+ }