@omnikit-js/ui 0.5.4 → 0.6.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 (48) hide show
  1. package/README.md +100 -255
  2. package/dist/components/client/index.d.mts +7 -0
  3. package/dist/components/client/index.mjs +6 -0
  4. package/dist/components/client/index.mjs.map +1 -0
  5. package/dist/components/server/index.d.mts +2 -0
  6. package/dist/components/server/index.mjs +201 -0
  7. package/dist/components/server/index.mjs.map +1 -0
  8. package/dist/index-D-5etDTV.d.mts +80 -0
  9. package/dist/index.d.mts +48 -0
  10. package/dist/index.mjs +204 -0
  11. package/dist/index.mjs.map +1 -0
  12. package/package.json +41 -77
  13. package/LICENSE +0 -21
  14. package/dist/styles.css +0 -2486
  15. package/dist/styles.isolated.css +0 -2643
  16. package/dist/styles.prefixed.css +0 -248
  17. package/src/components/BillingClient.tsx +0 -686
  18. package/src/components/BillingServer.tsx +0 -129
  19. package/src/components/PaymentMethodForm.tsx +0 -125
  20. package/src/components/SubscriptionConfirmModal.tsx +0 -213
  21. package/src/components/theme-provider.tsx +0 -11
  22. package/src/components/ui/alert.tsx +0 -59
  23. package/src/components/ui/avatar.tsx +0 -53
  24. package/src/components/ui/badge.tsx +0 -46
  25. package/src/components/ui/button.tsx +0 -59
  26. package/src/components/ui/card-brand-icon.tsx +0 -88
  27. package/src/components/ui/card.tsx +0 -92
  28. package/src/components/ui/chart.tsx +0 -353
  29. package/src/components/ui/dialog.tsx +0 -122
  30. package/src/components/ui/dropdown-menu.tsx +0 -257
  31. package/src/components/ui/input.tsx +0 -21
  32. package/src/components/ui/label.tsx +0 -24
  33. package/src/components/ui/navigation-menu.tsx +0 -168
  34. package/src/components/ui/progress.tsx +0 -31
  35. package/src/components/ui/radio-group.tsx +0 -44
  36. package/src/components/ui/select.tsx +0 -185
  37. package/src/components/ui/separator.tsx +0 -28
  38. package/src/components/ui/switch.tsx +0 -31
  39. package/src/components/ui/tabs.tsx +0 -66
  40. package/src/components/ui/textarea.tsx +0 -18
  41. package/src/components/ui/tooltip.tsx +0 -30
  42. package/src/index.ts +0 -13
  43. package/src/lib/utils.ts +0 -6
  44. package/src/styles/globals.css +0 -1
  45. package/src/styles/isolated.css +0 -316
  46. package/src/styles/main.css +0 -95
  47. package/src/styles/prefixed-main.css +0 -95
  48. package/src/styles/prefixed.css +0 -1
@@ -1,248 +0,0 @@
1
- /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
- @layer theme, base, components, utilities;
3
- @layer theme {
4
- :root, :host {
5
- --tw-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
- --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
- "Courier New", monospace;
9
- --tw-color-red-500: oklch(63.7% 0.237 25.331);
10
- --tw-color-red-600: oklch(57.7% 0.245 27.325);
11
- --tw-default-font-family: var(--tw-font-sans);
12
- --tw-default-mono-font-family: var(--tw-font-mono);
13
- }
14
- }
15
- @layer base {
16
- *, ::after, ::before, ::backdrop, ::file-selector-button {
17
- box-sizing: border-box;
18
- margin: 0;
19
- padding: 0;
20
- border: 0 solid;
21
- }
22
- html, :host {
23
- line-height: 1.5;
24
- -webkit-text-size-adjust: 100%;
25
- tab-size: 4;
26
- font-family: var(--tw-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
27
- font-feature-settings: var(--tw-default-font-feature-settings, normal);
28
- font-variation-settings: var(--tw-default-font-variation-settings, normal);
29
- -webkit-tap-highlight-color: transparent;
30
- }
31
- hr {
32
- height: 0;
33
- color: inherit;
34
- border-top-width: 1px;
35
- }
36
- abbr:where([title]) {
37
- -webkit-text-decoration: underline dotted;
38
- text-decoration: underline dotted;
39
- }
40
- h1, h2, h3, h4, h5, h6 {
41
- font-size: inherit;
42
- font-weight: inherit;
43
- }
44
- a {
45
- color: inherit;
46
- -webkit-text-decoration: inherit;
47
- text-decoration: inherit;
48
- }
49
- b, strong {
50
- font-weight: bolder;
51
- }
52
- code, kbd, samp, pre {
53
- font-family: var(--tw-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
54
- font-feature-settings: var(--tw-default-mono-font-feature-settings, normal);
55
- font-variation-settings: var(--tw-default-mono-font-variation-settings, normal);
56
- font-size: 1em;
57
- }
58
- small {
59
- font-size: 80%;
60
- }
61
- sub, sup {
62
- font-size: 75%;
63
- line-height: 0;
64
- position: relative;
65
- vertical-align: baseline;
66
- }
67
- sub {
68
- bottom: -0.25em;
69
- }
70
- sup {
71
- top: -0.5em;
72
- }
73
- table {
74
- text-indent: 0;
75
- border-color: inherit;
76
- border-collapse: collapse;
77
- }
78
- :-moz-focusring {
79
- outline: auto;
80
- }
81
- progress {
82
- vertical-align: baseline;
83
- }
84
- summary {
85
- display: list-item;
86
- }
87
- ol, ul, menu {
88
- list-style: none;
89
- }
90
- img, svg, video, canvas, audio, iframe, embed, object {
91
- display: block;
92
- vertical-align: middle;
93
- }
94
- img, video {
95
- max-width: 100%;
96
- height: auto;
97
- }
98
- button, input, select, optgroup, textarea, ::file-selector-button {
99
- font: inherit;
100
- font-feature-settings: inherit;
101
- font-variation-settings: inherit;
102
- letter-spacing: inherit;
103
- color: inherit;
104
- border-radius: 0;
105
- background-color: transparent;
106
- opacity: 1;
107
- }
108
- :where(select:is([multiple], [size])) optgroup {
109
- font-weight: bolder;
110
- }
111
- :where(select:is([multiple], [size])) optgroup option {
112
- padding-inline-start: 20px;
113
- }
114
- ::file-selector-button {
115
- margin-inline-end: 4px;
116
- }
117
- ::placeholder {
118
- opacity: 1;
119
- }
120
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
121
- ::placeholder {
122
- color: currentcolor;
123
- @supports (color: color-mix(in lab, red, red)) {
124
- color: color-mix(in oklab, currentcolor 50%, transparent);
125
- }
126
- }
127
- }
128
- textarea {
129
- resize: vertical;
130
- }
131
- ::-webkit-search-decoration {
132
- -webkit-appearance: none;
133
- }
134
- ::-webkit-date-and-time-value {
135
- min-height: 1lh;
136
- text-align: inherit;
137
- }
138
- ::-webkit-datetime-edit {
139
- display: inline-flex;
140
- }
141
- ::-webkit-datetime-edit-fields-wrapper {
142
- padding: 0;
143
- }
144
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
145
- padding-block: 0;
146
- }
147
- :-moz-ui-invalid {
148
- box-shadow: none;
149
- }
150
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
151
- appearance: button;
152
- }
153
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
154
- height: auto;
155
- }
156
- [hidden]:where(:not([hidden="until-found"])) {
157
- display: none !important;
158
- }
159
- }
160
- @layer utilities {
161
- .tw\:flex {
162
- display: flex;
163
- }
164
- .tw\:bg-red-500 {
165
- background-color: var(--tw-color-red-500);
166
- }
167
- .tw\:hover\:bg-red-600 {
168
- &:hover {
169
- @media (hover: hover) {
170
- background-color: var(--tw-color-red-600);
171
- }
172
- }
173
- }
174
- }
175
- span.omnikit-price-text {
176
- font-size: 2rem !important;
177
- line-height: 1 !important;
178
- font-weight: 700 !important;
179
- letter-spacing: -0.025em !important;
180
- display: inline-block !important;
181
- }
182
- .omnikit-price-units {
183
- font-size: 0.875rem;
184
- line-height: 1.25rem;
185
- color: #6b7280;
186
- font-weight: 400;
187
- margin-left: 0.25rem;
188
- }
189
- .omnikit-feature-value {
190
- font-weight: 600;
191
- color: #111827;
192
- }
193
- .omnikit-feature-value.unlimited {
194
- color: #10b981;
195
- }
196
- .omnikit-badge {
197
- display: inline-flex;
198
- align-items: center;
199
- border-radius: 9999px;
200
- padding: 0.25rem 0.75rem;
201
- font-size: 0.75rem;
202
- font-weight: 600;
203
- transition: all 150ms;
204
- }
205
- .omnikit-badge.popular {
206
- background-color: #fbbf24;
207
- color: #78350f;
208
- }
209
- .omnikit-modal-overlay {
210
- position: fixed;
211
- inset: 0;
212
- background-color: rgba(0, 0, 0, 0.5);
213
- z-index: 50;
214
- }
215
- .omnikit-modal-content {
216
- position: fixed;
217
- left: 50%;
218
- top: 50%;
219
- transform: translate(-50%, -50%);
220
- background-color: white;
221
- padding: 1.5rem;
222
- border-radius: 0.5rem;
223
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
224
- z-index: 50;
225
- max-width: 500px;
226
- width: 90%;
227
- max-height: 90vh;
228
- overflow-y: auto;
229
- }
230
- .omnikit-input {
231
- width: 100%;
232
- padding: 0.5rem;
233
- border: 1px solid #e5e7eb;
234
- border-radius: 0.375rem;
235
- font-size: 0.875rem;
236
- transition: border-color 150ms;
237
- }
238
- .omnikit-input:focus {
239
- outline: none;
240
- border-color: #3b82f6;
241
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
242
- }
243
- .omnikit-input.error {
244
- border-color: #ef4444;
245
- }
246
- .omnikit-input.error:focus {
247
- box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
248
- }