create-omg 0.4.30 → 0.4.32
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.
- package/dist/template/bun.lock +640 -1
- package/dist/template/components.json +25 -0
- package/dist/template/package.json +6 -1
- package/dist/template/src/index.css +167 -0
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema.json",
|
|
3
|
+
"style": "base-nova",
|
|
4
|
+
"rsc": false,
|
|
5
|
+
"tsx": true,
|
|
6
|
+
"tailwind": {
|
|
7
|
+
"config": "",
|
|
8
|
+
"css": "src/index.css",
|
|
9
|
+
"baseColor": "neutral",
|
|
10
|
+
"cssVariables": true,
|
|
11
|
+
"prefix": ""
|
|
12
|
+
},
|
|
13
|
+
"iconLibrary": "lucide",
|
|
14
|
+
"rtl": false,
|
|
15
|
+
"aliases": {
|
|
16
|
+
"components": "@/components",
|
|
17
|
+
"utils": "@/lib/utils",
|
|
18
|
+
"ui": "@/components/ui",
|
|
19
|
+
"lib": "@/lib",
|
|
20
|
+
"hooks": "@/hooks"
|
|
21
|
+
},
|
|
22
|
+
"menuColor": "default",
|
|
23
|
+
"menuAccent": "subtle",
|
|
24
|
+
"registries": {}
|
|
25
|
+
}
|
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
"preview": "vite preview"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
+
"@base-ui/react": "^1.6.0",
|
|
14
|
+
"@fontsource-variable/geist": "^5.3.0",
|
|
13
15
|
"@omg-dev/ai": "^0.4.0",
|
|
14
16
|
"@omg-dev/auth": "^0.4.0",
|
|
15
17
|
"@omg-dev/db-collection": "^0.4.0",
|
|
@@ -19,12 +21,15 @@
|
|
|
19
21
|
"@omg-dev/sdk": "^0.4.0",
|
|
20
22
|
"@omg-dev/server": "^0.4.0",
|
|
21
23
|
"better-drizzle": "^0.1.1",
|
|
24
|
+
"class-variance-authority": "^0.7.1",
|
|
22
25
|
"clsx": "^2.1.1",
|
|
23
26
|
"drizzle-orm": "^0.45.2",
|
|
24
27
|
"lucide-react": "^1.16.0",
|
|
25
28
|
"react": "^19.2.4",
|
|
26
29
|
"react-dom": "^19.2.4",
|
|
27
|
-
"
|
|
30
|
+
"shadcn": "^4.15.0",
|
|
31
|
+
"tailwind-merge": "^3.5.0",
|
|
32
|
+
"tw-animate-css": "^1.4.0"
|
|
28
33
|
},
|
|
29
34
|
"devDependencies": {
|
|
30
35
|
"@eslint/js": "^9.39.4",
|
|
@@ -1 +1,168 @@
|
|
|
1
1
|
@import "tailwindcss";
|
|
2
|
+
@import "tw-animate-css";
|
|
3
|
+
@import "shadcn/tailwind.css";
|
|
4
|
+
@import "@fontsource-variable/geist";
|
|
5
|
+
|
|
6
|
+
/* ── vibes design-system lock ──────────────────────────────────────────────
|
|
7
|
+
Tailwind's default palette is removed: raw color utilities like
|
|
8
|
+
bg-indigo-600 / text-zinc-400 compile to NOTHING. Style with the
|
|
9
|
+
semantic tokens only (bg-background, bg-card, bg-primary,
|
|
10
|
+
text-muted-foreground, border-border, bg-destructive, …).
|
|
11
|
+
To change the look, switch the whole preset:
|
|
12
|
+
bunx --bun shadcn@latest init --preset <code> --force
|
|
13
|
+
Never hand-edit the token values in this file. */
|
|
14
|
+
@theme {
|
|
15
|
+
--color-*: initial;
|
|
16
|
+
--color-white: #fff;
|
|
17
|
+
--color-black: #000;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@custom-variant dark (&:is(.dark *));
|
|
21
|
+
|
|
22
|
+
@theme inline {
|
|
23
|
+
--font-heading: var(--font-sans);
|
|
24
|
+
--font-sans: "Geist Variable", sans-serif;
|
|
25
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
26
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
27
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
28
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
29
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
30
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
31
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
32
|
+
--color-sidebar: var(--sidebar);
|
|
33
|
+
--color-chart-5: var(--chart-5);
|
|
34
|
+
--color-chart-4: var(--chart-4);
|
|
35
|
+
--color-chart-3: var(--chart-3);
|
|
36
|
+
--color-chart-2: var(--chart-2);
|
|
37
|
+
--color-chart-1: var(--chart-1);
|
|
38
|
+
--color-ring: var(--ring);
|
|
39
|
+
--color-input: var(--input);
|
|
40
|
+
--color-border: var(--border);
|
|
41
|
+
--color-destructive: var(--destructive);
|
|
42
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
43
|
+
--color-accent: var(--accent);
|
|
44
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
45
|
+
--color-muted: var(--muted);
|
|
46
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
47
|
+
--color-secondary: var(--secondary);
|
|
48
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
49
|
+
--color-primary: var(--primary);
|
|
50
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
51
|
+
--color-popover: var(--popover);
|
|
52
|
+
--color-card-foreground: var(--card-foreground);
|
|
53
|
+
--color-card: var(--card);
|
|
54
|
+
--color-foreground: var(--foreground);
|
|
55
|
+
--color-background: var(--background);
|
|
56
|
+
--radius-sm: calc(var(--radius) * 0.6);
|
|
57
|
+
--radius-md: calc(var(--radius) * 0.8);
|
|
58
|
+
--radius-lg: var(--radius);
|
|
59
|
+
--radius-xl: calc(var(--radius) * 1.4);
|
|
60
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
61
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
62
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
:root {
|
|
66
|
+
color-scheme: light;
|
|
67
|
+
--background: oklch(1 0 0);
|
|
68
|
+
--foreground: oklch(0.145 0 0);
|
|
69
|
+
--card: oklch(1 0 0);
|
|
70
|
+
--card-foreground: oklch(0.145 0 0);
|
|
71
|
+
--popover: oklch(1 0 0);
|
|
72
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
73
|
+
--primary: oklch(0.205 0 0);
|
|
74
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
75
|
+
--secondary: oklch(0.97 0 0);
|
|
76
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
77
|
+
--muted: oklch(0.97 0 0);
|
|
78
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
79
|
+
--accent: oklch(0.97 0 0);
|
|
80
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
81
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
82
|
+
--border: oklch(0.922 0 0);
|
|
83
|
+
--input: oklch(0.922 0 0);
|
|
84
|
+
--ring: oklch(0.708 0 0);
|
|
85
|
+
--chart-1: oklch(0.87 0 0);
|
|
86
|
+
--chart-2: oklch(0.556 0 0);
|
|
87
|
+
--chart-3: oklch(0.439 0 0);
|
|
88
|
+
--chart-4: oklch(0.371 0 0);
|
|
89
|
+
--chart-5: oklch(0.269 0 0);
|
|
90
|
+
--radius: 0.625rem;
|
|
91
|
+
--sidebar: oklch(0.985 0 0);
|
|
92
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
93
|
+
--sidebar-primary: oklch(0.205 0 0);
|
|
94
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
95
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
96
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
97
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
98
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.dark {
|
|
102
|
+
color-scheme: dark;
|
|
103
|
+
--background: oklch(0.145 0 0);
|
|
104
|
+
--foreground: oklch(0.985 0 0);
|
|
105
|
+
--card: oklch(0.205 0 0);
|
|
106
|
+
--card-foreground: oklch(0.985 0 0);
|
|
107
|
+
--popover: oklch(0.205 0 0);
|
|
108
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
109
|
+
--primary: oklch(0.922 0 0);
|
|
110
|
+
--primary-foreground: oklch(0.205 0 0);
|
|
111
|
+
--secondary: oklch(0.269 0 0);
|
|
112
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
113
|
+
--muted: oklch(0.269 0 0);
|
|
114
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
115
|
+
--accent: oklch(0.269 0 0);
|
|
116
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
117
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
118
|
+
--border: oklch(1 0 0 / 10%);
|
|
119
|
+
--input: oklch(1 0 0 / 15%);
|
|
120
|
+
--ring: oklch(0.556 0 0);
|
|
121
|
+
--chart-1: oklch(0.87 0 0);
|
|
122
|
+
--chart-2: oklch(0.556 0 0);
|
|
123
|
+
--chart-3: oklch(0.439 0 0);
|
|
124
|
+
--chart-4: oklch(0.371 0 0);
|
|
125
|
+
--chart-5: oklch(0.269 0 0);
|
|
126
|
+
--sidebar: oklch(0.205 0 0);
|
|
127
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
128
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
129
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
130
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
131
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
132
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
133
|
+
--sidebar-ring: oklch(0.556 0 0);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@layer base {
|
|
137
|
+
* {
|
|
138
|
+
@apply border-border outline-ring/50;
|
|
139
|
+
}
|
|
140
|
+
body {
|
|
141
|
+
@apply bg-background text-foreground;
|
|
142
|
+
}
|
|
143
|
+
html {
|
|
144
|
+
@apply font-sans;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/* iOS "squishy" corners — continuous superellipse curvature (the soft
|
|
149
|
+
rounding Apple uses on app icons, cards, and controls). Pair with a
|
|
150
|
+
rounded-* utility, which sets the radius AND is the graceful fallback
|
|
151
|
+
for browsers without corner-shape support (Chromium 139+ today). */
|
|
152
|
+
@utility squircle {
|
|
153
|
+
corner-shape: superellipse(4);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@utility squircle-icon {
|
|
157
|
+
corner-shape: superellipse(5);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* iOS input-zoom guard — keep focused form controls at >=16px on touch so
|
|
161
|
+
Safari never zooms the page on focus (without disabling pinch-zoom). */
|
|
162
|
+
@media (pointer: coarse) {
|
|
163
|
+
input,
|
|
164
|
+
textarea,
|
|
165
|
+
select {
|
|
166
|
+
font-size: max(16px, 1rem);
|
|
167
|
+
}
|
|
168
|
+
}
|