@camox/ui 0.36.0 → 0.36.2

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 (86) hide show
  1. package/dist/components/alert-dialog.d.ts +58 -0
  2. package/dist/components/alert-dialog.js +96 -0
  3. package/dist/components/alert.d.ts +28 -0
  4. package/dist/components/alert.js +45 -0
  5. package/dist/components/avatar.d.ts +34 -0
  6. package/dist/components/avatar.js +52 -0
  7. package/dist/components/badge.d.ts +19 -0
  8. package/dist/components/badge.js +44 -0
  9. package/dist/components/button-group.d.ts +28 -0
  10. package/dist/components/button-group.js +43 -0
  11. package/dist/components/button.d.ts +18 -0
  12. package/dist/components/button.js +46 -0
  13. package/dist/components/command.d.ts +58 -0
  14. package/dist/components/command.js +89 -0
  15. package/dist/components/dialog.d.ts +53 -0
  16. package/dist/components/dialog.js +93 -0
  17. package/dist/components/dropdown-menu.d.ts +90 -0
  18. package/dist/components/dropdown-menu.js +138 -0
  19. package/dist/components/floating-toolbar.d.ts +9 -0
  20. package/dist/components/floating-toolbar.js +15 -0
  21. package/dist/components/input-group.d.ts +45 -0
  22. package/dist/components/input-group.js +82 -0
  23. package/dist/components/input.d.ts +11 -0
  24. package/dist/components/input.js +17 -0
  25. package/dist/components/kbd.d.ts +13 -0
  26. package/dist/components/kbd.js +21 -0
  27. package/dist/components/label.d.ts +10 -0
  28. package/dist/components/label.js +15 -0
  29. package/dist/components/panel.d.ts +50 -0
  30. package/dist/components/panel.js +56 -0
  31. package/dist/components/popover.d.ts +34 -0
  32. package/dist/components/popover.js +57 -0
  33. package/dist/components/select.d.ts +55 -0
  34. package/dist/components/select.js +99 -0
  35. package/dist/components/separator.d.ts +11 -0
  36. package/dist/components/separator.js +16 -0
  37. package/dist/components/sheet.d.ts +46 -0
  38. package/dist/components/sheet.js +93 -0
  39. package/dist/components/skeleton.d.ts +9 -0
  40. package/dist/components/skeleton.js +14 -0
  41. package/dist/components/spinner.d.ts +9 -0
  42. package/dist/components/spinner.js +16 -0
  43. package/dist/components/switch.d.ts +13 -0
  44. package/dist/components/switch.js +20 -0
  45. package/dist/components/tabs.d.ts +29 -0
  46. package/dist/components/tabs.js +46 -0
  47. package/dist/components/textarea.d.ts +10 -0
  48. package/dist/components/textarea.js +15 -0
  49. package/dist/components/toaster.d.ts +11 -0
  50. package/dist/components/toaster.js +21 -0
  51. package/dist/components/toggle.d.ts +18 -0
  52. package/dist/components/toggle.js +37 -0
  53. package/dist/components/tooltip.d.ts +25 -0
  54. package/dist/components/tooltip.js +42 -0
  55. package/dist/lib/utils.d.ts +10 -0
  56. package/dist/lib/utils.js +14 -0
  57. package/package.json +61 -58
  58. package/src/components/alert-dialog.tsx +0 -160
  59. package/src/components/alert.tsx +0 -73
  60. package/src/components/avatar.tsx +0 -91
  61. package/src/components/badge.tsx +0 -56
  62. package/src/components/button-group.tsx +0 -78
  63. package/src/components/button.tsx +0 -58
  64. package/src/components/command.tsx +0 -176
  65. package/src/components/dialog.tsx +0 -135
  66. package/src/components/dropdown-menu.tsx +0 -256
  67. package/src/components/floating-toolbar.tsx +0 -17
  68. package/src/components/input-group.tsx +0 -146
  69. package/src/components/input.tsx +0 -20
  70. package/src/components/kbd.tsx +0 -26
  71. package/src/components/label.tsx +0 -18
  72. package/src/components/panel.tsx +0 -109
  73. package/src/components/popover.tsx +0 -80
  74. package/src/components/select.tsx +0 -188
  75. package/src/components/separator.tsx +0 -20
  76. package/src/components/sheet.tsx +0 -127
  77. package/src/components/skeleton.tsx +0 -13
  78. package/src/components/spinner.tsx +0 -16
  79. package/src/components/switch.tsx +0 -30
  80. package/src/components/tabs.tsx +0 -73
  81. package/src/components/textarea.tsx +0 -18
  82. package/src/components/toaster.tsx +0 -24
  83. package/src/components/toggle.tsx +0 -43
  84. package/src/components/tooltip.tsx +0 -52
  85. package/src/lib/utils.ts +0 -15
  86. package/src/styles/globals.css +0 -144
package/src/styles/globals.css DELETED
@@ -1,144 +0,0 @@
1
- @custom-variant dark (&:is(.dark *));
2
- @source "../";
3
-
4
- :root,
5
- .camox-studio-theme {
6
- --background: oklch(1 0 0);
7
- --foreground: theme(--color-zinc-950);
8
- --card: oklch(1 0 0);
9
- --card-foreground: theme(--color-zinc-950);
10
- --popover: oklch(1 0 0);
11
- --popover-foreground: theme(--color-zinc-950);
12
- --primary: theme(--color-emerald-500);
13
- --primary-foreground: theme(--color-emerald-50);
14
- --secondary: theme(--color-zinc-100);
15
- --secondary-foreground: theme(--color-zinc-900);
16
- --muted: theme(--color-zinc-100);
17
- --muted-foreground: theme(--color-zinc-500);
18
- --accent: oklch(95% 0.004 286);
19
- --accent-foreground: oklch(20% 0.006 286);
20
- --destructive: theme(--color-red-600);
21
- --destructive-foreground: theme(--color-red-600);
22
- --border: theme(--color-zinc-200);
23
- --input: theme(--color-zinc-200);
24
- --ring: theme(--color-zinc-400);
25
- --chart-1: theme(--color-orange-600);
26
- --chart-2: theme(--color-teal-600);
27
- --chart-3: theme(--color-cyan-900);
28
- --chart-4: theme(--color-amber-400);
29
- --chart-5: theme(--color-amber-500);
30
- --radius: 0.7rem;
31
- --sidebar: theme(--color-zinc-50);
32
- --sidebar-foreground: theme(--color-zinc-950);
33
- --sidebar-primary: theme(--color-zinc-900);
34
- --sidebar-primary-foreground: theme(--color-zinc-50);
35
- --sidebar-accent: theme(--color-zinc-100);
36
- --sidebar-accent-foreground: theme(--color-zinc-900);
37
- --sidebar-border: theme(--color-zinc-200);
38
- --sidebar-ring: theme(--color-zinc-400);
39
- }
40
-
41
- .dark,
42
- .camox-studio-theme.dark {
43
- --background: theme(--color-zinc-950);
44
- --foreground: theme(--color-zinc-50);
45
- --card: theme(--color-zinc-900);
46
- --card-foreground: theme(--color-zinc-50);
47
- --popover: oklch(17.5% 0.0055 285.85);
48
- --popover-foreground: theme(--color-zinc-50);
49
- --primary: theme(--color-emerald-600);
50
- --primary-foreground: theme(--color-emerald-50);
51
- --secondary: theme(--color-zinc-800);
52
- --secondary-foreground: theme(--color-zinc-50);
53
- --muted: theme(--color-zinc-800);
54
- --muted-foreground: theme(--color-zinc-400);
55
- --accent: oklch(24.2% 0.006 286);
56
- --accent-foreground: theme(--color-zinc-50);
57
- --destructive: theme(--color-red-400);
58
- --destructive-foreground: theme(--color-red-500);
59
- --border: oklch(1 0 0 / 10%);
60
- --input: oklch(1 0 0 / 15%);
61
- --ring: theme(--color-zinc-500);
62
- --chart-1: theme(--color-blue-700);
63
- --chart-2: theme(--color-emerald-500);
64
- --chart-3: theme(--color-amber-500);
65
- --chart-4: theme(--color-purple-500);
66
- --chart-5: theme(--color-rose-600);
67
- --sidebar: theme(--color-zinc-900);
68
- --sidebar-foreground: theme(--color-zinc-50);
69
- --sidebar-primary: theme(--color-blue-700);
70
- --sidebar-primary-foreground: theme(--color-zinc-50);
71
- --sidebar-accent: theme(--color-zinc-800);
72
- --sidebar-accent-foreground: theme(--color-zinc-50);
73
- --sidebar-border: oklch(1 0 0 / 10%);
74
- --sidebar-ring: theme(--color-zinc-500);
75
- }
76
-
77
- @theme inline {
78
- --color-background: var(--background);
79
- --color-foreground: var(--foreground);
80
- --color-card: var(--card);
81
- --color-card-foreground: var(--card-foreground);
82
- --color-popover: var(--popover);
83
- --color-popover-foreground: var(--popover-foreground);
84
- --color-primary: var(--primary);
85
- --color-primary-foreground: var(--primary-foreground);
86
- --color-secondary: var(--secondary);
87
- --color-secondary-foreground: var(--secondary-foreground);
88
- --color-muted: var(--muted);
89
- --color-muted-foreground: var(--muted-foreground);
90
- --color-accent: var(--accent);
91
- --color-accent-foreground: var(--accent-foreground);
92
- --color-destructive: var(--destructive);
93
- --color-destructive-foreground: var(--destructive-foreground);
94
- --color-border: var(--border);
95
- --color-input: var(--input);
96
- --color-ring: var(--ring);
97
- --color-chart-1: var(--chart-1);
98
- --color-chart-2: var(--chart-2);
99
- --color-chart-3: var(--chart-3);
100
- --color-chart-4: var(--chart-4);
101
- --color-chart-5: var(--chart-5);
102
- --radius-sm: calc(var(--radius) - 4px);
103
- --radius-md: calc(var(--radius) - 2px);
104
- --radius-lg: var(--radius);
105
- --radius-xl: calc(var(--radius) + 4px);
106
- --color-sidebar: var(--sidebar);
107
- --color-sidebar-foreground: var(--sidebar-foreground);
108
- --color-sidebar-primary: var(--sidebar-primary);
109
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
110
- --color-sidebar-accent: var(--sidebar-accent);
111
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
112
- --color-sidebar-border: var(--sidebar-border);
113
- --color-sidebar-ring: var(--sidebar-ring);
114
- }
115
-
116
- @layer base {
117
- * {
118
- @apply border-border outline-ring/50;
119
- }
120
-
121
- body {
122
- @apply bg-background text-foreground m-0;
123
- font-family:
124
- "Inter",
125
- -apple-system,
126
- BlinkMacSystemFont,
127
- "Segoe UI",
128
- "Roboto",
129
- "Oxygen",
130
- "Ubuntu",
131
- "Cantarell",
132
- "Fira Sans",
133
- "Droid Sans",
134
- "Helvetica Neue",
135
- sans-serif;
136
- -webkit-font-smoothing: antialiased;
137
- -moz-osx-font-smoothing: grayscale;
138
- }
139
-
140
- a:focus-visible,
141
- button:focus-visible {
142
- @apply outline-ring ring-ring/50 rounded-md ring-3 outline-1 -outline-offset-1;
143
- }
144
- }