@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
package/src/styles/main.css DELETED
@@ -1,95 +0,0 @@
1
- @import "./globals.css";
2
-
3
- /* Essential component-specific styles only */
4
-
5
- /* Pricing text styles */
6
- span.omnikit-price-text {
7
- font-size: 2rem !important;
8
- line-height: 1 !important;
9
- font-weight: 700 !important;
10
- letter-spacing: -0.025em !important;
11
- display: inline-block !important;
12
- }
13
-
14
- .omnikit-price-units {
15
- font-size: 0.875rem;
16
- line-height: 1.25rem;
17
- color: #6b7280;
18
- font-weight: 400;
19
- margin-left: 0.25rem;
20
- }
21
-
22
- /* Feature value styles */
23
- .omnikit-feature-value {
24
- font-weight: 600;
25
- color: #111827;
26
- }
27
-
28
- .omnikit-feature-value.unlimited {
29
- color: #10b981;
30
- }
31
-
32
- /* Badge styles */
33
- .omnikit-badge {
34
- display: inline-flex;
35
- align-items: center;
36
- border-radius: 9999px;
37
- padding: 0.25rem 0.75rem;
38
- font-size: 0.75rem;
39
- font-weight: 600;
40
- transition: all 150ms;
41
- }
42
-
43
- .omnikit-badge.popular {
44
- background-color: #fbbf24;
45
- color: #78350f;
46
- }
47
-
48
- /* Modal overlay */
49
- .omnikit-modal-overlay {
50
- position: fixed;
51
- inset: 0;
52
- background-color: rgba(0, 0, 0, 0.5);
53
- z-index: 50;
54
- }
55
-
56
- /* Modal content */
57
- .omnikit-modal-content {
58
- position: fixed;
59
- left: 50%;
60
- top: 50%;
61
- transform: translate(-50%, -50%);
62
- background-color: white;
63
- padding: 1.5rem;
64
- border-radius: 0.5rem;
65
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
66
- z-index: 50;
67
- max-width: 500px;
68
- width: 90%;
69
- max-height: 90vh;
70
- overflow-y: auto;
71
- }
72
-
73
- /* Form input styles */
74
- .omnikit-input {
75
- width: 100%;
76
- padding: 0.5rem;
77
- border: 1px solid #e5e7eb;
78
- border-radius: 0.375rem;
79
- font-size: 0.875rem;
80
- transition: border-color 150ms;
81
- }
82
-
83
- .omnikit-input:focus {
84
- outline: none;
85
- border-color: #3b82f6;
86
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
87
- }
88
-
89
- .omnikit-input.error {
90
- border-color: #ef4444;
91
- }
92
-
93
- .omnikit-input.error:focus {
94
- box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
95
- }
package/src/styles/prefixed-main.css DELETED
@@ -1,95 +0,0 @@
1
- @import "./prefixed.css";
2
-
3
- /* Essential component-specific styles only */
4
-
5
- /* Pricing text styles */
6
- span.omnikit-price-text {
7
- font-size: 2rem !important;
8
- line-height: 1 !important;
9
- font-weight: 700 !important;
10
- letter-spacing: -0.025em !important;
11
- display: inline-block !important;
12
- }
13
-
14
- .omnikit-price-units {
15
- font-size: 0.875rem;
16
- line-height: 1.25rem;
17
- color: #6b7280;
18
- font-weight: 400;
19
- margin-left: 0.25rem;
20
- }
21
-
22
- /* Feature value styles */
23
- .omnikit-feature-value {
24
- font-weight: 600;
25
- color: #111827;
26
- }
27
-
28
- .omnikit-feature-value.unlimited {
29
- color: #10b981;
30
- }
31
-
32
- /* Badge styles */
33
- .omnikit-badge {
34
- display: inline-flex;
35
- align-items: center;
36
- border-radius: 9999px;
37
- padding: 0.25rem 0.75rem;
38
- font-size: 0.75rem;
39
- font-weight: 600;
40
- transition: all 150ms;
41
- }
42
-
43
- .omnikit-badge.popular {
44
- background-color: #fbbf24;
45
- color: #78350f;
46
- }
47
-
48
- /* Modal overlay */
49
- .omnikit-modal-overlay {
50
- position: fixed;
51
- inset: 0;
52
- background-color: rgba(0, 0, 0, 0.5);
53
- z-index: 50;
54
- }
55
-
56
- /* Modal content */
57
- .omnikit-modal-content {
58
- position: fixed;
59
- left: 50%;
60
- top: 50%;
61
- transform: translate(-50%, -50%);
62
- background-color: white;
63
- padding: 1.5rem;
64
- border-radius: 0.5rem;
65
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
66
- z-index: 50;
67
- max-width: 500px;
68
- width: 90%;
69
- max-height: 90vh;
70
- overflow-y: auto;
71
- }
72
-
73
- /* Form input styles */
74
- .omnikit-input {
75
- width: 100%;
76
- padding: 0.5rem;
77
- border: 1px solid #e5e7eb;
78
- border-radius: 0.375rem;
79
- font-size: 0.875rem;
80
- transition: border-color 150ms;
81
- }
82
-
83
- .omnikit-input:focus {
84
- outline: none;
85
- border-color: #3b82f6;
86
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
87
- }
88
-
89
- .omnikit-input.error {
90
- border-color: #ef4444;
91
- }
92
-
93
- .omnikit-input.error:focus {
94
- box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
95
- }
package/src/styles/prefixed.css DELETED
@@ -1 +0,0 @@
1
- @import "tailwindcss" prefix(tw);