flarecms 0.1.2 → 0.2.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.
package/dist/style.css CHANGED
@@ -6,10 +6,25 @@
6
6
  --font-sans: 'Geist Variable', sans-serif;
7
7
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
8
  "Courier New", monospace;
9
+ --color-red-50: oklch(97.1% 0.013 17.38);
10
+ --color-red-200: oklch(88.5% 0.062 18.334);
11
+ --color-red-500: oklch(63.7% 0.237 25.331);
12
+ --color-red-600: oklch(57.7% 0.245 27.325);
13
+ --color-red-800: oklch(44.4% 0.177 26.899);
14
+ --color-amber-50: oklch(98.7% 0.022 95.277);
15
+ --color-amber-200: oklch(92.4% 0.12 95.746);
16
+ --color-amber-600: oklch(66.6% 0.179 58.318);
17
+ --color-amber-800: oklch(47.3% 0.137 46.201);
18
+ --color-green-50: oklch(98.2% 0.018 155.826);
19
+ --color-green-200: oklch(92.5% 0.084 155.995);
9
20
  --color-green-400: oklch(79.2% 0.209 151.711);
10
21
  --color-green-500: oklch(72.3% 0.219 149.579);
11
22
  --color-green-600: oklch(62.7% 0.194 149.214);
23
+ --color-green-800: oklch(44.8% 0.119 151.328);
24
+ --color-blue-50: oklch(97% 0.014 254.604);
25
+ --color-blue-200: oklch(88.2% 0.059 254.128);
12
26
  --color-blue-400: oklch(70.7% 0.165 254.624);
27
+ --color-blue-800: oklch(42.4% 0.199 265.638);
13
28
  --color-gray-500: oklch(55.1% 0.027 264.364);
14
29
  --color-black: #000;
15
30
  --color-white: #fff;
@@ -17,6 +32,7 @@
17
32
  --container-xs: 20rem;
18
33
  --container-sm: 24rem;
19
34
  --container-md: 28rem;
35
+ --container-2xl: 42rem;
20
36
  --text-xs: 0.75rem;
21
37
  --text-xs--line-height: calc(1 / 0.75);
22
38
  --text-sm: 0.875rem;
@@ -31,6 +47,8 @@
31
47
  --text-2xl--line-height: calc(2 / 1.5);
32
48
  --text-3xl: 1.875rem;
33
49
  --text-3xl--line-height: calc(2.25 / 1.875);
50
+ --text-4xl: 2.25rem;
51
+ --text-4xl--line-height: calc(2.5 / 2.25);
34
52
  --text-6xl: 3.75rem;
35
53
  --text-6xl--line-height: 1;
36
54
  --font-weight-medium: 500;
@@ -329,9 +347,15 @@
329
347
  .flare-admin .z-50 {
330
348
  z-index: 50;
331
349
  }
350
+ .flare-admin .col-span-full {
351
+ grid-column: 1 / -1;
352
+ }
332
353
  .flare-admin .col-start-2 {
333
354
  grid-column-start: 2;
334
355
  }
356
+ .flare-admin .row-1 {
357
+ grid-row: 1;
358
+ }
335
359
  .flare-admin .row-span-2 {
336
360
  grid-row: span 2 / span 2;
337
361
  }
@@ -362,9 +386,6 @@
362
386
  .flare-admin .-mx-4 {
363
387
  margin-inline: calc(var(--spacing) * -4);
364
388
  }
365
- .flare-admin .mx-1 {
366
- margin-inline: calc(var(--spacing) * 1);
367
- }
368
389
  .flare-admin .mx-2 {
369
390
  margin-inline: calc(var(--spacing) * 2);
370
391
  }
@@ -377,6 +398,9 @@
377
398
  .flare-admin .my-1 {
378
399
  margin-block: calc(var(--spacing) * 1);
379
400
  }
401
+ .flare-admin .my-4 {
402
+ margin-block: calc(var(--spacing) * 4);
403
+ }
380
404
  .flare-admin .mt-0 {
381
405
  margin-top: calc(var(--spacing) * 0);
382
406
  }
@@ -410,6 +434,9 @@
410
434
  .flare-admin .mt-auto {
411
435
  margin-top: auto;
412
436
  }
437
+ .flare-admin .mr-1 {
438
+ margin-right: calc(var(--spacing) * 1);
439
+ }
413
440
  .flare-admin .mr-2 {
414
441
  margin-right: calc(var(--spacing) * 2);
415
442
  }
@@ -585,6 +612,9 @@
585
612
  .flare-admin .h-14 {
586
613
  height: calc(var(--spacing) * 14);
587
614
  }
615
+ .flare-admin .h-24 {
616
+ height: calc(var(--spacing) * 24);
617
+ }
588
618
  .flare-admin .h-60 {
589
619
  height: calc(var(--spacing) * 60);
590
620
  }
@@ -695,6 +725,9 @@
695
725
  .flare-admin .max-w-\(--skeleton-width\) {
696
726
  max-width: var(--skeleton-width);
697
727
  }
728
+ .flare-admin .max-w-2xl {
729
+ max-width: var(--container-2xl);
730
+ }
698
731
  .flare-admin .max-w-\[240px\] {
699
732
  max-width: 240px;
700
733
  }
@@ -740,9 +773,6 @@
740
773
  .flare-admin .caption-bottom {
741
774
  caption-side: bottom;
742
775
  }
743
- .flare-admin .origin-\(--radix-popover-content-transform-origin\) {
744
- transform-origin: var(--radix-popover-content-transform-origin);
745
- }
746
776
  .flare-admin .origin-\(--transform-origin\) {
747
777
  transform-origin: var(--transform-origin);
748
778
  }
@@ -858,6 +888,9 @@
858
888
  .flare-admin .place-content-center {
859
889
  place-content: center;
860
890
  }
891
+ .flare-admin .items-baseline {
892
+ align-items: baseline;
893
+ }
861
894
  .flare-admin .items-center {
862
895
  align-items: center;
863
896
  }
@@ -1102,6 +1135,10 @@
1102
1135
  border-style: var(--tw-border-style);
1103
1136
  border-width: 2px;
1104
1137
  }
1138
+ .flare-admin .border-4 {
1139
+ border-style: var(--tw-border-style);
1140
+ border-width: 4px;
1141
+ }
1105
1142
  .flare-admin .border-t {
1106
1143
  border-top-style: var(--tw-border-style);
1107
1144
  border-top-width: 1px;
@@ -1122,9 +1159,15 @@
1122
1159
  --tw-border-style: none;
1123
1160
  border-style: none;
1124
1161
  }
1162
+ .flare-admin .border-amber-200 {
1163
+ border-color: var(--color-amber-200);
1164
+ }
1125
1165
  .flare-admin .border-background {
1126
1166
  border-color: var(--background);
1127
1167
  }
1168
+ .flare-admin .border-blue-200 {
1169
+ border-color: var(--color-blue-200);
1170
+ }
1128
1171
  .flare-admin .border-border {
1129
1172
  border-color: var(--border);
1130
1173
  }
@@ -1152,9 +1195,21 @@
1152
1195
  border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1153
1196
  }
1154
1197
  }
1198
+ .flare-admin .border-destructive\/50 {
1199
+ border-color: var(--destructive);
1200
+ @supports (color: color-mix(in lab, red, red)) {
1201
+ border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
1202
+ }
1203
+ }
1204
+ .flare-admin .border-green-200 {
1205
+ border-color: var(--color-green-200);
1206
+ }
1155
1207
  .flare-admin .border-input {
1156
1208
  border-color: var(--input);
1157
1209
  }
1210
+ .flare-admin .border-muted {
1211
+ border-color: var(--muted);
1212
+ }
1158
1213
  .flare-admin .border-muted-foreground\/5 {
1159
1214
  border-color: var(--muted-foreground);
1160
1215
  @supports (color: color-mix(in lab, red, red)) {
@@ -1194,15 +1249,24 @@
1194
1249
  border-color: color-mix(in oklab, var(--primary) 20%, transparent);
1195
1250
  }
1196
1251
  }
1252
+ .flare-admin .border-red-200 {
1253
+ border-color: var(--color-red-200);
1254
+ }
1197
1255
  .flare-admin .border-sidebar-border {
1198
1256
  border-color: var(--sidebar-border);
1199
1257
  }
1200
1258
  .flare-admin .border-transparent {
1201
1259
  border-color: transparent;
1202
1260
  }
1261
+ .flare-admin .border-t-transparent {
1262
+ border-top-color: transparent;
1263
+ }
1203
1264
  .flare-admin .bg-\[oklch\(0\.985_0_0\)\] {
1204
1265
  background-color: oklch(0.985 0 0);
1205
1266
  }
1267
+ .flare-admin .bg-amber-50 {
1268
+ background-color: var(--color-amber-50);
1269
+ }
1206
1270
  .flare-admin .bg-background {
1207
1271
  background-color: var(--background);
1208
1272
  }
@@ -1218,6 +1282,9 @@
1218
1282
  background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1219
1283
  }
1220
1284
  }
1285
+ .flare-admin .bg-blue-50 {
1286
+ background-color: var(--color-blue-50);
1287
+ }
1221
1288
  .flare-admin .bg-border {
1222
1289
  background-color: var(--border);
1223
1290
  }
@@ -1245,6 +1312,9 @@
1245
1312
  background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
1246
1313
  }
1247
1314
  }
1315
+ .flare-admin .bg-green-50 {
1316
+ background-color: var(--color-green-50);
1317
+ }
1248
1318
  .flare-admin .bg-green-500 {
1249
1319
  background-color: var(--color-green-500);
1250
1320
  }
@@ -1311,6 +1381,9 @@
1311
1381
  background-color: color-mix(in oklab, var(--primary) 20%, transparent);
1312
1382
  }
1313
1383
  }
1384
+ .flare-admin .bg-red-50 {
1385
+ background-color: var(--color-red-50);
1386
+ }
1314
1387
  .flare-admin .bg-secondary {
1315
1388
  background-color: var(--secondary);
1316
1389
  }
@@ -1435,6 +1508,9 @@
1435
1508
  .flare-admin .px-4 {
1436
1509
  padding-inline: calc(var(--spacing) * 4);
1437
1510
  }
1511
+ .flare-admin .px-5 {
1512
+ padding-inline: calc(var(--spacing) * 5);
1513
+ }
1438
1514
  .flare-admin .px-6 {
1439
1515
  padding-inline: calc(var(--spacing) * 6);
1440
1516
  }
@@ -1578,6 +1654,10 @@
1578
1654
  font-size: var(--text-3xl);
1579
1655
  line-height: var(--tw-leading, var(--text-3xl--line-height));
1580
1656
  }
1657
+ .flare-admin .text-4xl {
1658
+ font-size: var(--text-4xl);
1659
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1660
+ }
1581
1661
  .flare-admin .text-6xl {
1582
1662
  font-size: var(--text-6xl);
1583
1663
  line-height: var(--tw-leading, var(--text-6xl--line-height));
@@ -1693,12 +1773,21 @@
1693
1773
  .flare-admin .whitespace-nowrap {
1694
1774
  white-space: nowrap;
1695
1775
  }
1776
+ .flare-admin .text-amber-600 {
1777
+ color: var(--color-amber-600);
1778
+ }
1779
+ .flare-admin .text-amber-800 {
1780
+ color: var(--color-amber-800);
1781
+ }
1696
1782
  .flare-admin .text-background {
1697
1783
  color: var(--background);
1698
1784
  }
1699
1785
  .flare-admin .text-blue-400 {
1700
1786
  color: var(--color-blue-400);
1701
1787
  }
1788
+ .flare-admin .text-blue-800 {
1789
+ color: var(--color-blue-800);
1790
+ }
1702
1791
  .flare-admin .text-card-foreground {
1703
1792
  color: var(--card-foreground);
1704
1793
  }
@@ -1741,9 +1830,15 @@
1741
1830
  .flare-admin .text-green-400 {
1742
1831
  color: var(--color-green-400);
1743
1832
  }
1833
+ .flare-admin .text-green-500 {
1834
+ color: var(--color-green-500);
1835
+ }
1744
1836
  .flare-admin .text-green-600 {
1745
1837
  color: var(--color-green-600);
1746
1838
  }
1839
+ .flare-admin .text-green-800 {
1840
+ color: var(--color-green-800);
1841
+ }
1747
1842
  .flare-admin .text-muted-foreground {
1748
1843
  color: var(--muted-foreground);
1749
1844
  }
@@ -1810,6 +1905,15 @@
1810
1905
  color: color-mix(in oklab, var(--primary) 70%, transparent);
1811
1906
  }
1812
1907
  }
1908
+ .flare-admin .text-red-500 {
1909
+ color: var(--color-red-500);
1910
+ }
1911
+ .flare-admin .text-red-600 {
1912
+ color: var(--color-red-600);
1913
+ }
1914
+ .flare-admin .text-red-800 {
1915
+ color: var(--color-red-800);
1916
+ }
1813
1917
  .flare-admin .text-secondary-foreground {
1814
1918
  color: var(--secondary-foreground);
1815
1919
  }
@@ -2038,6 +2142,11 @@
2038
2142
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2039
2143
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2040
2144
  }
2145
+ .flare-admin .transition-shadow {
2146
+ transition-property: box-shadow;
2147
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2148
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2149
+ }
2041
2150
  .flare-admin .transition-transform {
2042
2151
  transition-property: transform, translate, scale, rotate;
2043
2152
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2162,6 +2271,13 @@
2162
2271
  }
2163
2272
  }
2164
2273
  }
2274
+ .flare-admin .group-hover\:opacity-20 {
2275
+ .flare-admin &:is(:where(.group):hover *) {
2276
+ @media (hover: hover) {
2277
+ opacity: 20%;
2278
+ }
2279
+ }
2280
+ }
2165
2281
  .flare-admin .group-hover\:opacity-100 {
2166
2282
  .flare-admin &:is(:where(.group):hover *) {
2167
2283
  @media (hover: hover) {
@@ -2974,6 +3090,13 @@
2974
3090
  }
2975
3091
  }
2976
3092
  }
3093
+ .flare-admin .hover\:opacity-90 {
3094
+ .flare-admin &:hover {
3095
+ @media (hover: hover) {
3096
+ opacity: 90%;
3097
+ }
3098
+ }
3099
+ }
2977
3100
  .flare-admin .hover\:opacity-100 {
2978
3101
  .flare-admin &:hover {
2979
3102
  @media (hover: hover) {
@@ -2997,6 +3120,14 @@
2997
3120
  }
2998
3121
  }
2999
3122
  }
3123
+ .flare-admin .hover\:shadow-md {
3124
+ .flare-admin &:hover {
3125
+ @media (hover: hover) {
3126
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3127
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3128
+ }
3129
+ }
3130
+ }
3000
3131
  .flare-admin .hover\:shadow-primary\/10 {
3001
3132
  .flare-admin &:hover {
3002
3133
  @media (hover: hover) {
@@ -3903,6 +4034,11 @@
3903
4034
  width: 130px;
3904
4035
  }
3905
4036
  }
4037
+ .flare-admin .sm\:w-auto {
4038
+ @media (width >= 40rem) {
4039
+ width: auto;
4040
+ }
4041
+ }
3906
4042
  .flare-admin .sm\:max-w-\[540px\] {
3907
4043
  @media (width >= 40rem) {
3908
4044
  max-width: 540px;
@@ -3987,6 +4123,11 @@
3987
4123
  width: auto;
3988
4124
  }
3989
4125
  }
4126
+ .flare-admin .md\:grid-cols-2 {
4127
+ @media (width >= 48rem) {
4128
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4129
+ }
4130
+ }
3990
4131
  .flare-admin .md\:grid-cols-3 {
3991
4132
  @media (width >= 48rem) {
3992
4133
  grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -4104,6 +4245,16 @@
4104
4245
  flex-direction: row;
4105
4246
  }
4106
4247
  }
4248
+ .flare-admin .xl\:col-span-2 {
4249
+ @media (width >= 80rem) {
4250
+ grid-column: span 2 / span 2;
4251
+ }
4252
+ }
4253
+ .flare-admin .xl\:col-span-3 {
4254
+ @media (width >= 80rem) {
4255
+ grid-column: span 3 / span 3;
4256
+ }
4257
+ }
4107
4258
  .flare-admin .xl\:col-span-5 {
4108
4259
  @media (width >= 80rem) {
4109
4260
  grid-column: span 5 / span 5;
@@ -4114,6 +4265,11 @@
4114
4265
  grid-column: span 7 / span 7;
4115
4266
  }
4116
4267
  }
4268
+ .flare-admin .xl\:grid-cols-3 {
4269
+ @media (width >= 80rem) {
4270
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4271
+ }
4272
+ }
4117
4273
  .flare-admin .ltr\:-translate-x-1\/2 {
4118
4274
  .flare-admin &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
4119
4275
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
@@ -5048,7 +5204,7 @@
5048
5204
  .flare-admin {
5049
5205
  font-family: 'Geist Variable', sans-serif;
5050
5206
  }
5051
- .flare-admin button:not(:disabled),
5207
+ .flare-admin button:not(:disabled),
5052
5208
  .flare-admin [role="button"]:not(:disabled) {
5053
5209
  cursor: pointer;
5054
5210
  }
@@ -1,8 +1,8 @@
1
- /**
2
- * Type declarations for the FlareCMS prefixed stylesheet.
3
- * This allows importing the CSS file as a side-effect in TypeScript projects.
4
- */
5
- declare module 'flarecms/style.css' {
6
- const content: any;
7
- export default content;
8
- }
1
+ /**
2
+ * Type declarations for the FlareCMS prefixed stylesheet.
3
+ * This allows importing the CSS file as a side-effect in TypeScript projects.
4
+ */
5
+ declare module 'flarecms/style.css' {
6
+ const content: any;
7
+ export default content;
8
+ }
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "flarecms",
3
- "version": "0.1.2",
3
+ "version": "0.2.1",
4
4
  "license": "MIT",
5
- "description": "FlareCMS Monorepo: A lightweight CsMS for the AI era.",
5
+ "description": "FlareCMS Monorepo: A lightweight CMS for the AI era.",
6
6
  "files": [
7
7
  "dist"
8
8
  ],
@@ -41,19 +41,18 @@
41
41
  ".": "./dist/index.js",
42
42
  "./server": "./dist/server/index.js",
43
43
  "./client": "./dist/client/index.js",
44
+ "./auth": "./dist/auth/index.js",
45
+ "./db": "./dist/db/index.js",
46
+ "./cli": "./dist/cli/index.js",
47
+ "./plugins": "./dist/plugins/index.js",
44
48
  "./style.css": {
45
49
  "types": "./dist/style.css.d.ts",
46
50
  "default": "./dist/style.css"
47
- },
48
- "./auth": "./dist/auth/index.js",
49
- "./db": "./dist/db/index.js",
50
- "./cli": "./dist/cli/index.js"
51
+ }
51
52
  },
52
- "dependencies": {},
53
- "devDependencies": {
54
- "@clack/prompts": "^0.7.0",
55
- "@cloudflare/workers-types": "^4.20241022.0",
56
- "@fontsource-variable/geist": "^5.2.8",
53
+ "dependencies": {
54
+ "@base-ui/react": "^1.0.0-alpha.5",
55
+ "@clack/prompts": "^1.2.0",
57
56
  "@nanostores/persistent": "^1.3.3",
58
57
  "@nanostores/query": "^0.3.4",
59
58
  "@nanostores/react": "^1.1.0",
@@ -62,11 +61,6 @@
62
61
  "@oslojs/encoding": "^1.1.0",
63
62
  "@simplewebauthn/browser": "^13.3.0",
64
63
  "@simplewebauthn/server": "^13.3.0",
65
- "@tailwindcss/cli": "^4.0.0",
66
- "@tailwindcss/postcss": "^4.2.2",
67
- "@tanstack/react-virtual": "^3.13.23",
68
- "@types/bun": "latest",
69
- "autoprefixer": "^10.4.27",
70
64
  "class-variance-authority": "^0.7.1",
71
65
  "clsx": "^2.1.1",
72
66
  "fuse.js": "^7.3.0",
@@ -77,31 +71,30 @@
77
71
  "nanostores": "^1.2.0",
78
72
  "next-themes": "^0.4.6",
79
73
  "picocolors": "^1.0.0",
80
- "postcss": "^8.5.9",
81
- "postcss-prefix-selector": "^2.1.1",
82
- "shadcn": "^4.2.0",
83
74
  "sonner": "^2.0.7",
84
75
  "tailwind-merge": "^3.5.0",
85
- "tailwindcss": "^4.0.0",
86
- "tw-animate-css": "^1.4.0",
87
76
  "ulidx": "^2.4.1",
88
77
  "usehooks-ts": "^3.1.1",
89
- "zod": "^4.3.6"
78
+ "zod": "^4.3.6",
79
+ "lucide-react": "^1.7.0"
80
+ },
81
+ "devDependencies": {
82
+ "@cloudflare/workers-types": "^4.20241022.0",
83
+ "@fontsource-variable/geist": "^5.2.8",
84
+ "@tailwindcss/cli": "^4.0.0",
85
+ "@tailwindcss/postcss": "^4.2.2",
86
+ "@tanstack/react-virtual": "^3.13.23",
87
+ "@types/bun": "latest",
88
+ "@types/node": "^25.6.0",
89
+ "autoprefixer": "^10.4.27",
90
+ "postcss": "^8.5.9",
91
+ "postcss-prefix-selector": "^2.1.1",
92
+ "shadcn": "^4.2.0",
93
+ "tailwindcss": "^4.0.0",
94
+ "tw-animate-css": "^1.4.0"
90
95
  },
91
96
  "peerDependencies": {
92
- "@base-ui/react": "^1.3.0",
93
- "@hono/react-renderer": "^0.1.0",
94
- "@radix-ui/react-avatar": "^1.1.11",
95
- "@radix-ui/react-dialog": "^1.1.15",
96
- "@radix-ui/react-label": "^2.1.8",
97
- "@radix-ui/react-popover": "^1.1.15",
98
- "@radix-ui/react-separator": "^1.1.8",
99
- "@radix-ui/react-slot": "^1.2.4",
100
- "@radix-ui/react-tabs": "^1.1.13",
101
- "@radix-ui/react-tooltip": "^1.2.8",
102
97
  "hono": "^4.6.0",
103
- "lucide-react": "^1.7.0",
104
- "radix-ui": "^1.4.3",
105
98
  "react": "^18.3.1",
106
99
  "react-dom": "^18.3.1"
107
100
  }