@omnikit-js/ui 0.5.5 → 0.6.1

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 (52) hide show
  1. package/README.md +100 -255
  2. package/dist/chunk-FPLMULY5.mjs +436 -0
  3. package/dist/chunk-FPLMULY5.mjs.map +1 -0
  4. package/dist/chunk-MQEH3FTA.mjs +196 -0
  5. package/dist/chunk-MQEH3FTA.mjs.map +1 -0
  6. package/dist/components/client/index.d.mts +40 -0
  7. package/dist/components/client/index.mjs +8 -0
  8. package/dist/components/client/index.mjs.map +1 -0
  9. package/dist/components/server/index.d.mts +2 -0
  10. package/dist/components/server/index.mjs +4 -0
  11. package/dist/components/server/index.mjs.map +1 -0
  12. package/dist/index-CsOyTW-D.d.mts +87 -0
  13. package/dist/index.d.mts +47 -0
  14. package/dist/index.mjs +4 -0
  15. package/dist/index.mjs.map +1 -0
  16. package/package.json +41 -77
  17. package/LICENSE +0 -21
  18. package/dist/styles.css +0 -2506
  19. package/dist/styles.isolated.css +0 -2643
  20. package/dist/styles.prefixed.css +0 -248
  21. package/src/components/BillingClient.tsx +0 -686
  22. package/src/components/BillingServer.tsx +0 -129
  23. package/src/components/PaymentMethodForm.tsx +0 -125
  24. package/src/components/SubscriptionConfirmModal.tsx +0 -213
  25. package/src/components/theme-provider.tsx +0 -11
  26. package/src/components/ui/alert.tsx +0 -59
  27. package/src/components/ui/avatar.tsx +0 -53
  28. package/src/components/ui/badge.tsx +0 -46
  29. package/src/components/ui/button.tsx +0 -59
  30. package/src/components/ui/card-brand-icon.tsx +0 -88
  31. package/src/components/ui/card.tsx +0 -92
  32. package/src/components/ui/chart.tsx +0 -353
  33. package/src/components/ui/dialog.tsx +0 -122
  34. package/src/components/ui/dropdown-menu.tsx +0 -257
  35. package/src/components/ui/input.tsx +0 -21
  36. package/src/components/ui/label.tsx +0 -24
  37. package/src/components/ui/navigation-menu.tsx +0 -168
  38. package/src/components/ui/progress.tsx +0 -31
  39. package/src/components/ui/radio-group.tsx +0 -44
  40. package/src/components/ui/select.tsx +0 -185
  41. package/src/components/ui/separator.tsx +0 -28
  42. package/src/components/ui/switch.tsx +0 -31
  43. package/src/components/ui/tabs.tsx +0 -66
  44. package/src/components/ui/textarea.tsx +0 -18
  45. package/src/components/ui/tooltip.tsx +0 -30
  46. package/src/index.ts +0 -13
  47. package/src/lib/utils.ts +0 -6
  48. package/src/styles/globals.css +0 -1
  49. package/src/styles/isolated.css +0 -316
  50. package/src/styles/main.css +0 -122
  51. package/src/styles/prefixed-main.css +0 -95
  52. package/src/styles/prefixed.css +0 -1
package/src/styles/main.css DELETED
@@ -1,122 +0,0 @@
1
- @import "./globals.css";
2
-
3
- /* Override card styles to remove large borders */
4
- [data-slot="card"] {
5
- background-color: transparent !important;
6
- border: none !important;
7
- box-shadow: none !important;
8
- }
9
-
10
- /* Specific styles for pricing cards */
11
- .pricing-card {
12
- background-color: rgba(255, 255, 255, 0.05) !important;
13
- border: 1px solid rgba(255, 255, 255, 0.1) !important;
14
- border-radius: 0.75rem !important;
15
- }
16
-
17
- .pricing-card.current {
18
- border-color: #3b82f6 !important;
19
- background-color: rgba(59, 130, 246, 0.1) !important;
20
- }
21
-
22
- /* Dark mode pricing card styles */
23
- @media (prefers-color-scheme: dark) {
24
- .pricing-card {
25
- background-color: rgba(31, 41, 55, 0.5) !important;
26
- border-color: rgba(255, 255, 255, 0.1) !important;
27
- }
28
- }
29
-
30
- /* Essential component-specific styles only */
31
-
32
- /* Pricing text styles */
33
- span.omnikit-price-text {
34
- font-size: 2rem !important;
35
- line-height: 1 !important;
36
- font-weight: 700 !important;
37
- letter-spacing: -0.025em !important;
38
- display: inline-block !important;
39
- }
40
-
41
- .omnikit-price-units {
42
- font-size: 0.875rem;
43
- line-height: 1.25rem;
44
- color: #6b7280;
45
- font-weight: 400;
46
- margin-left: 0.25rem;
47
- }
48
-
49
- /* Feature value styles */
50
- .omnikit-feature-value {
51
- font-weight: 600;
52
- color: #111827;
53
- }
54
-
55
- .omnikit-feature-value.unlimited {
56
- color: #10b981;
57
- }
58
-
59
- /* Badge styles */
60
- .omnikit-badge {
61
- display: inline-flex;
62
- align-items: center;
63
- border-radius: 9999px;
64
- padding: 0.25rem 0.75rem;
65
- font-size: 0.75rem;
66
- font-weight: 600;
67
- transition: all 150ms;
68
- }
69
-
70
- .omnikit-badge.popular {
71
- background-color: #fbbf24;
72
- color: #78350f;
73
- }
74
-
75
- /* Modal overlay */
76
- .omnikit-modal-overlay {
77
- position: fixed;
78
- inset: 0;
79
- background-color: rgba(0, 0, 0, 0.5);
80
- z-index: 50;
81
- }
82
-
83
- /* Modal content */
84
- .omnikit-modal-content {
85
- position: fixed;
86
- left: 50%;
87
- top: 50%;
88
- transform: translate(-50%, -50%);
89
- background-color: white;
90
- padding: 1.5rem;
91
- border-radius: 0.5rem;
92
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
93
- z-index: 50;
94
- max-width: 500px;
95
- width: 90%;
96
- max-height: 90vh;
97
- overflow-y: auto;
98
- }
99
-
100
- /* Form input styles */
101
- .omnikit-input {
102
- width: 100%;
103
- padding: 0.5rem;
104
- border: 1px solid #e5e7eb;
105
- border-radius: 0.375rem;
106
- font-size: 0.875rem;
107
- transition: border-color 150ms;
108
- }
109
-
110
- .omnikit-input:focus {
111
- outline: none;
112
- border-color: #3b82f6;
113
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
114
- }
115
-
116
- .omnikit-input.error {
117
- border-color: #ef4444;
118
- }
119
-
120
- .omnikit-input.error:focus {
121
- box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
122
- }
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);