@glw907/cairn-cms 0.52.1 → 0.54.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 (45) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/dist/components/AdminLayout.svelte +58 -23
  3. package/dist/components/EditPage.svelte +456 -124
  4. package/dist/components/EditPage.svelte.d.ts +4 -2
  5. package/dist/components/EditorToolbar.svelte +29 -53
  6. package/dist/components/EditorToolbar.svelte.d.ts +3 -11
  7. package/dist/components/MarkdownEditor.svelte +163 -24
  8. package/dist/components/MarkdownEditor.svelte.d.ts +3 -0
  9. package/dist/components/MarkdownHelpDialog.svelte +5 -0
  10. package/dist/components/ShortcutsDialog.svelte +37 -0
  11. package/dist/components/ShortcutsDialog.svelte.d.ts +13 -0
  12. package/dist/components/ShortcutsGrid.svelte +18 -0
  13. package/dist/components/ShortcutsGrid.svelte.d.ts +23 -0
  14. package/dist/components/cairn-admin.css +199 -99
  15. package/dist/components/editor-folding.d.ts +7 -0
  16. package/dist/components/editor-folding.js +331 -0
  17. package/dist/components/editor-highlight.js +55 -6
  18. package/dist/components/editor-shortcuts.d.ts +16 -0
  19. package/dist/components/editor-shortcuts.js +36 -0
  20. package/dist/components/fonts/{Figtree-OFL.txt → IBMPlexSans-OFL.txt} +2 -2
  21. package/dist/components/fonts/ibm-plex-sans.woff2 +0 -0
  22. package/dist/components/markdown-directives.d.ts +17 -0
  23. package/dist/components/markdown-directives.js +41 -0
  24. package/dist/components/topbar-context.d.ts +13 -0
  25. package/dist/components/topbar-context.js +17 -0
  26. package/dist/sveltekit/static-admin-page.js +2 -2
  27. package/package.json +1 -1
  28. package/src/lib/components/AdminLayout.svelte +58 -23
  29. package/src/lib/components/EditPage.svelte +456 -124
  30. package/src/lib/components/EditorToolbar.svelte +29 -53
  31. package/src/lib/components/MarkdownEditor.svelte +163 -24
  32. package/src/lib/components/MarkdownHelpDialog.svelte +5 -0
  33. package/src/lib/components/ShortcutsDialog.svelte +37 -0
  34. package/src/lib/components/ShortcutsGrid.svelte +18 -0
  35. package/src/lib/components/cairn-admin.css +51 -14
  36. package/src/lib/components/editor-folding.ts +356 -0
  37. package/src/lib/components/editor-highlight.ts +54 -4
  38. package/src/lib/components/editor-shortcuts.ts +42 -0
  39. package/src/lib/components/fonts/{Figtree-OFL.txt → IBMPlexSans-OFL.txt} +2 -2
  40. package/src/lib/components/fonts/ibm-plex-sans.woff2 +0 -0
  41. package/src/lib/components/markdown-directives.ts +42 -0
  42. package/src/lib/components/topbar-context.ts +30 -0
  43. package/src/lib/sveltekit/static-admin-page.ts +2 -2
  44. package/dist/components/fonts/figtree.woff2 +0 -0
  45. package/src/lib/components/fonts/figtree.woff2 +0 -0
@@ -1,4 +1,4 @@
1
- @font-face{font-family:'Figtree Variable';font-style:normal;font-display:swap;font-weight:300 900;src:url('./fonts/figtree.woff2') format('woff2')}
1
+ @font-face{font-family:'IBM Plex Sans Variable';font-style:normal;font-display:swap;font-weight:100 700;src:url('./fonts/ibm-plex-sans.woff2') format('woff2')}
2
2
  @font-face{font-family:'Bricolage Grotesque Variable';font-style:normal;font-display:swap;font-weight:400 800;src:url('./fonts/bricolage-grotesque.woff2') format('woff2')}
3
3
  @font-face{font-family:'iA Writer Mono';font-style:normal;font-display:swap;font-weight:400;src:url('./fonts/ia-writer-mono-latin-400-normal.woff2') format('woff2')}
4
4
  @font-face{font-family:'iA Writer Mono';font-style:normal;font-display:swap;font-weight:700;src:url('./fonts/ia-writer-mono-latin-700-normal.woff2') format('woff2')}
@@ -51,15 +51,6 @@
51
51
  --tw-drop-shadow-color: initial;
52
52
  --tw-drop-shadow-alpha: 100%;
53
53
  --tw-drop-shadow-size: initial;
54
- --tw-backdrop-blur: initial;
55
- --tw-backdrop-brightness: initial;
56
- --tw-backdrop-contrast: initial;
57
- --tw-backdrop-grayscale: initial;
58
- --tw-backdrop-hue-rotate: initial;
59
- --tw-backdrop-invert: initial;
60
- --tw-backdrop-opacity: initial;
61
- --tw-backdrop-saturate: initial;
62
- --tw-backdrop-sepia: initial;
63
54
  --tw-duration: initial;
64
55
  --tw-translate-x: 0;
65
56
  --tw-translate-y: 0;
@@ -102,6 +93,7 @@
102
93
  --tracking-wide: .025em;
103
94
  --leading-relaxed: 1.625;
104
95
  --radius-md: .375rem;
96
+ --radius-lg: .5rem;
105
97
  --radius-xl: .75rem;
106
98
  --animate-spin: spin 1s linear infinite;
107
99
  --default-transition-duration: .15s;
@@ -180,6 +172,10 @@
180
172
  outline-offset: -1px;
181
173
  }
182
174
 
175
+ :where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) .cairn-doc-title-dim:not(:focus) {
176
+ color: var(--cairn-focus-dim-ink);
177
+ }
178
+
183
179
  :where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) .menu li > button:not(.btn) {
184
180
  font: inherit;
185
181
  color: inherit;
@@ -188,8 +184,15 @@
188
184
  border: 0 solid;
189
185
  }
190
186
 
187
+ :where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) button:not(.btn) {
188
+ font: inherit;
189
+ color: inherit;
190
+ background-color: #0000;
191
+ border: 0 solid;
192
+ }
193
+
191
194
  :where([data-theme="cairn-admin"], [data-theme="cairn-admin-dark"]) :is(a, button, input, textarea, select, summary, [tabindex]) {
192
- scroll-margin-top: 8.5rem;
195
+ scroll-margin-top: 5.5rem;
193
196
  }
194
197
  }
195
198
 
@@ -2787,6 +2790,22 @@
2787
2790
  top: calc(var(--spacing) * 16);
2788
2791
  }
2789
2792
 
2793
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .top-\[0\.875rem\] {
2794
+ top: .875rem;
2795
+ }
2796
+
2797
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .right-0 {
2798
+ right: calc(var(--spacing) * 0);
2799
+ }
2800
+
2801
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .right-\[1\.125rem\] {
2802
+ right: 1.125rem;
2803
+ }
2804
+
2805
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bottom-0 {
2806
+ bottom: calc(var(--spacing) * 0);
2807
+ }
2808
+
2790
2809
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .join {
2791
2810
  --join-ss: 0;
2792
2811
  --join-se: 0;
@@ -3274,10 +3293,6 @@
3274
3293
  }
3275
3294
  }
3276
3295
 
3277
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .-mx-4 {
3278
- margin-inline: calc(var(--spacing) * -4);
3279
- }
3280
-
3281
3296
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .mx-auto {
3282
3297
  margin-inline: auto;
3283
3298
  }
@@ -3494,6 +3509,10 @@
3494
3509
  margin-bottom: calc(var(--spacing) * 3);
3495
3510
  }
3496
3511
 
3512
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .mb-3\.5 {
3513
+ margin-bottom: calc(var(--spacing) * 3.5);
3514
+ }
3515
+
3497
3516
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .mb-4 {
3498
3517
  margin-bottom: calc(var(--spacing) * 4);
3499
3518
  }
@@ -3518,6 +3537,14 @@
3518
3537
  margin-left: calc(var(--spacing) * 1);
3519
3538
  }
3520
3539
 
3540
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-1\.5 {
3541
+ margin-left: calc(var(--spacing) * 1.5);
3542
+ }
3543
+
3544
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-2 {
3545
+ margin-left: calc(var(--spacing) * 2);
3546
+ }
3547
+
3521
3548
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .ml-3 {
3522
3549
  margin-left: calc(var(--spacing) * 3);
3523
3550
  }
@@ -3874,6 +3901,10 @@
3874
3901
  display: inline;
3875
3902
  }
3876
3903
 
3904
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .inline-block {
3905
+ display: inline-block;
3906
+ }
3907
+
3877
3908
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .inline-flex {
3878
3909
  display: inline-flex;
3879
3910
  }
@@ -3934,10 +3965,18 @@
3934
3965
  height: 70vh;
3935
3966
  }
3936
3967
 
3968
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .h-px {
3969
+ height: 1px;
3970
+ }
3971
+
3937
3972
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-h-\[60vh\] {
3938
3973
  max-height: 60vh;
3939
3974
  }
3940
3975
 
3976
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-16 {
3977
+ min-height: calc(var(--spacing) * 16);
3978
+ }
3979
+
3941
3980
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .min-h-64 {
3942
3981
  min-height: calc(var(--spacing) * 64);
3943
3982
  }
@@ -4032,6 +4071,10 @@
4032
4071
  width: calc(var(--spacing) * 80);
4033
4072
  }
4034
4073
 
4074
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-\[19rem\] {
4075
+ width: 19rem;
4076
+ }
4077
+
4035
4078
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .w-full {
4036
4079
  width: 100%;
4037
4080
  }
@@ -4052,8 +4095,16 @@
4052
4095
  max-width: 30%;
4053
4096
  }
4054
4097
 
4055
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[48rem\] {
4056
- max-width: 48rem;
4098
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[49rem\] {
4099
+ max-width: 49rem;
4100
+ }
4101
+
4102
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[56rem\] {
4103
+ max-width: 56rem;
4104
+ }
4105
+
4106
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-\[72ch\] {
4107
+ max-width: 72ch;
4057
4108
  }
4058
4109
 
4059
4110
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .max-w-full {
@@ -4178,6 +4229,10 @@
4178
4229
  appearance: none;
4179
4230
  }
4180
4231
 
4232
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .grid-cols-1 {
4233
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4234
+ }
4235
+
4181
4236
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .flex-col {
4182
4237
  flex-direction: column;
4183
4238
  }
@@ -4190,6 +4245,10 @@
4190
4245
  flex-wrap: wrap;
4191
4246
  }
4192
4247
 
4248
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .items-baseline {
4249
+ align-items: baseline;
4250
+ }
4251
+
4193
4252
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .items-center {
4194
4253
  align-items: center;
4195
4254
  }
@@ -4238,6 +4297,10 @@
4238
4297
  gap: calc(var(--spacing) * 3);
4239
4298
  }
4240
4299
 
4300
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-3\.5 {
4301
+ gap: calc(var(--spacing) * 3.5);
4302
+ }
4303
+
4241
4304
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-4 {
4242
4305
  gap: calc(var(--spacing) * 4);
4243
4306
  }
@@ -4256,22 +4319,14 @@
4256
4319
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
4257
4320
  }
4258
4321
 
4259
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-3 {
4260
- column-gap: calc(var(--spacing) * 3);
4261
- }
4262
-
4263
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-4 {
4264
- column-gap: calc(var(--spacing) * 4);
4322
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-x-8 {
4323
+ column-gap: calc(var(--spacing) * 8);
4265
4324
  }
4266
4325
 
4267
4326
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-y-1 {
4268
4327
  row-gap: calc(var(--spacing) * 1);
4269
4328
  }
4270
4329
 
4271
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .gap-y-2 {
4272
- row-gap: calc(var(--spacing) * 2);
4273
- }
4274
-
4275
4330
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .self-start {
4276
4331
  align-self: flex-start;
4277
4332
  }
@@ -4352,6 +4407,10 @@
4352
4407
  border-radius: 3.40282e38px;
4353
4408
  }
4354
4409
 
4410
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-lg {
4411
+ border-radius: var(--radius-lg);
4412
+ }
4413
+
4355
4414
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .rounded-md {
4356
4415
  border-radius: var(--radius-md);
4357
4416
  }
@@ -4395,6 +4454,11 @@
4395
4454
  border-bottom-width: 1px;
4396
4455
  }
4397
4456
 
4457
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-l {
4458
+ border-left-style: var(--tw-border-style);
4459
+ border-left-width: 1px;
4460
+ }
4461
+
4398
4462
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .border-none {
4399
4463
  --tw-border-style: none;
4400
4464
  border-style: none;
@@ -4469,16 +4533,6 @@
4469
4533
  }
4470
4534
  }
4471
4535
 
4472
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/90 {
4473
- background-color: var(--color-base-200);
4474
- }
4475
-
4476
- @supports (color: color-mix(in lab, red, red)) {
4477
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-200\/90 {
4478
- background-color: color-mix(in oklab, var(--color-base-200) 90%, transparent);
4479
- }
4480
- }
4481
-
4482
4536
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-base-content\/\[0\.04\] {
4483
4537
  background-color: var(--color-base-content);
4484
4538
  }
@@ -4507,6 +4561,10 @@
4507
4561
  }
4508
4562
  }
4509
4563
 
4564
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-success {
4565
+ background-color: var(--color-success);
4566
+ }
4567
+
4510
4568
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .bg-transparent {
4511
4569
  background-color: #0000;
4512
4570
  }
@@ -4606,6 +4664,10 @@
4606
4664
  }
4607
4665
  }
4608
4666
 
4667
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-1 {
4668
+ padding-inline: calc(var(--spacing) * 1);
4669
+ }
4670
+
4609
4671
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-1\.5 {
4610
4672
  padding-inline: calc(var(--spacing) * 1.5);
4611
4673
  }
@@ -4614,6 +4676,10 @@
4614
4676
  padding-inline: calc(var(--spacing) * 2);
4615
4677
  }
4616
4678
 
4679
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-2\.5 {
4680
+ padding-inline: calc(var(--spacing) * 2.5);
4681
+ }
4682
+
4617
4683
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .px-3 {
4618
4684
  padding-inline: calc(var(--spacing) * 3);
4619
4685
  }
@@ -4630,6 +4696,10 @@
4630
4696
  padding-inline: calc(var(--spacing) * 6);
4631
4697
  }
4632
4698
 
4699
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-0 {
4700
+ padding-block: calc(var(--spacing) * 0);
4701
+ }
4702
+
4633
4703
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-1 {
4634
4704
  padding-block: calc(var(--spacing) * 1);
4635
4705
  }
@@ -4642,10 +4712,6 @@
4642
4712
  padding-block: calc(var(--spacing) * 2);
4643
4713
  }
4644
4714
 
4645
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-3 {
4646
- padding-block: calc(var(--spacing) * 3);
4647
- }
4648
-
4649
4715
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-3\.5 {
4650
4716
  padding-block: calc(var(--spacing) * 3.5);
4651
4717
  }
@@ -4674,6 +4740,10 @@
4674
4740
  padding-block: calc(var(--spacing) * 16);
4675
4741
  }
4676
4742
 
4743
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-\[5px\] {
4744
+ padding-block: 5px;
4745
+ }
4746
+
4677
4747
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .py-px {
4678
4748
  padding-block: 1px;
4679
4749
  }
@@ -4686,6 +4756,10 @@
4686
4756
  padding-right: calc(var(--spacing) * 3);
4687
4757
  }
4688
4758
 
4759
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pl-3 {
4760
+ padding-left: calc(var(--spacing) * 3);
4761
+ }
4762
+
4689
4763
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .pl-5 {
4690
4764
  padding-left: calc(var(--spacing) * 5);
4691
4765
  }
@@ -4706,6 +4780,10 @@
4706
4780
  font-family: var(--font-display);
4707
4781
  }
4708
4782
 
4783
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-\[family-name\:var\(--font-editor\,ui-monospace\,monospace\)\] {
4784
+ font-family: var(--font-editor, ui-monospace,monospace);
4785
+ }
4786
+
4709
4787
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .font-mono {
4710
4788
  font-family: var(--font-mono);
4711
4789
  }
@@ -4752,6 +4830,10 @@
4752
4830
  }
4753
4831
  }
4754
4832
 
4833
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.75rem\] {
4834
+ font-size: .75rem;
4835
+ }
4836
+
4755
4837
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[0\.625rem\] {
4756
4838
  font-size: .625rem;
4757
4839
  }
@@ -4764,6 +4846,16 @@
4764
4846
  font-size: .8125rem;
4765
4847
  }
4766
4848
 
4849
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .text-\[1\.0625rem\] {
4850
+ font-size: 1.0625rem;
4851
+ }
4852
+
4853
+ @layer daisyui.l1.l2 {
4854
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .textarea-sm {
4855
+ font-size: max(var(--font-size, .75rem), .75rem);
4856
+ }
4857
+ }
4858
+
4767
4859
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .leading-relaxed {
4768
4860
  --tw-leading: var(--leading-relaxed);
4769
4861
  line-height: var(--leading-relaxed);
@@ -4923,6 +5015,20 @@
4923
5015
  text-decoration-line: underline;
4924
5016
  }
4925
5017
 
5018
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-decoration-color\:color-mix\(in_oklab\,currentColor_40\%\,transparent\)\] {
5019
+ text-decoration-color: currentColor;
5020
+ }
5021
+
5022
+ @supports (color: color-mix(in lab, red, red)) {
5023
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-decoration-color\:color-mix\(in_oklab\,currentColor_40\%\,transparent\)\] {
5024
+ text-decoration-color: color-mix(in oklab,currentColor 40%,transparent);
5025
+ }
5026
+ }
5027
+
5028
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .\[text-underline-offset\:2px\] {
5029
+ text-underline-offset: 2px;
5030
+ }
5031
+
4926
5032
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .opacity-0 {
4927
5033
  opacity: 0;
4928
5034
  }
@@ -5018,11 +5124,6 @@
5018
5124
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
5019
5125
  }
5020
5126
 
5021
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .backdrop-blur {
5022
- --tw-backdrop-blur: blur(8px);
5023
- backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
5024
- }
5025
-
5026
5127
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .transition {
5027
5128
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
5028
5129
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -5181,6 +5282,18 @@
5181
5282
  }
5182
5283
  }
5183
5284
 
5285
+ @media (hover: hover) {
5286
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.06\]:hover {
5287
+ background-color: var(--color-base-content);
5288
+ }
5289
+
5290
+ @supports (color: color-mix(in lab, red, red)) {
5291
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.06\]:hover {
5292
+ background-color: color-mix(in oklab, var(--color-base-content) 6%, transparent);
5293
+ }
5294
+ }
5295
+ }
5296
+
5184
5297
  @media (hover: hover) {
5185
5298
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:bg-base-content\/\[0\.08\]:hover {
5186
5299
  background-color: var(--color-base-content);
@@ -5193,6 +5306,12 @@
5193
5306
  }
5194
5307
  }
5195
5308
 
5309
+ @media (hover: hover) {
5310
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:text-\[var\(--color-primary\)\]:hover {
5311
+ color: var(--color-primary);
5312
+ }
5313
+ }
5314
+
5196
5315
  @media (hover: hover) {
5197
5316
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .hover\:text-base-content:hover {
5198
5317
  color: var(--color-base-content);
@@ -5247,6 +5366,12 @@
5247
5366
  }
5248
5367
  }
5249
5368
 
5369
+ @media (width >= 40rem) {
5370
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:grid-cols-2 {
5371
+ grid-template-columns: repeat(2, minmax(0, 1fr));
5372
+ }
5373
+ }
5374
+
5250
5375
  @media (width >= 40rem) {
5251
5376
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .sm\:grid-cols-\[1fr_1fr_auto_auto\] {
5252
5377
  grid-template-columns: 1fr 1fr auto auto;
@@ -5359,12 +5484,6 @@
5359
5484
  }
5360
5485
  }
5361
5486
 
5362
- @media (width >= 64rem) {
5363
- :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:-mx-8 {
5364
- margin-inline: calc(var(--spacing) * -8);
5365
- }
5366
- }
5367
-
5368
5487
  @media (width >= 64rem) {
5369
5488
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:mt-0 {
5370
5489
  margin-top: calc(var(--spacing) * 0);
@@ -5383,6 +5502,12 @@
5383
5502
  }
5384
5503
  }
5385
5504
 
5505
+ @media (width >= 64rem) {
5506
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:grid-cols-\[1fr_17rem\] {
5507
+ grid-template-columns: 1fr 17rem;
5508
+ }
5509
+ }
5510
+
5386
5511
  @media (width >= 64rem) {
5387
5512
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:grid-cols-\[1fr_20rem\] {
5388
5513
  grid-template-columns: 1fr 20rem;
@@ -5426,6 +5551,18 @@
5426
5551
  }
5427
5552
  }
5428
5553
 
5554
+ @media (width >= 64rem) {
5555
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:px-10 {
5556
+ padding-inline: calc(var(--spacing) * 10);
5557
+ }
5558
+ }
5559
+
5560
+ @media (width >= 64rem) {
5561
+ :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .lg\:py-8 {
5562
+ padding-block: calc(var(--spacing) * 8);
5563
+ }
5564
+ }
5565
+
5429
5566
  @starting-style {
5430
5567
  :where([data-theme='cairn-admin'], [data-theme='cairn-admin-dark']) .starting\:-translate-y-2 {
5431
5568
  --tw-translate-y: calc(var(--spacing) * -2);
@@ -5442,7 +5579,7 @@
5442
5579
 
5443
5580
  [data-theme="cairn-admin"] {
5444
5581
  color-scheme: light;
5445
- --font-body: "Figtree Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
5582
+ --font-body: "IBM Plex Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
5446
5583
  --font-display: "Bricolage Grotesque Variable", var(--font-body);
5447
5584
  --font-editor: "iA Writer Mono", ui-monospace, monospace;
5448
5585
  font-family: var(--font-body);
@@ -5467,6 +5604,10 @@
5467
5604
  --cairn-directive-ink-active: oklch(46% .16 300);
5468
5605
  --cairn-code-chip: oklch(94.5% .008 75);
5469
5606
  --cairn-focus-dim-ink: oklch(66% .01 75);
5607
+ --cairn-focus-dim-rail-1: 24%;
5608
+ --cairn-focus-dim-rail-2: 28%;
5609
+ --cairn-focus-dim-rail-3: 32%;
5610
+ --cairn-focus-dim-rail-active: 36%;
5470
5611
  --color-neutral: oklch(32% .012 75);
5471
5612
  --color-neutral-content: oklch(96% .004 75);
5472
5613
  --color-info: oklch(52% .12 240);
@@ -5493,7 +5634,7 @@
5493
5634
 
5494
5635
  [data-theme="cairn-admin-dark"] {
5495
5636
  color-scheme: dark;
5496
- --font-body: "Figtree Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
5637
+ --font-body: "IBM Plex Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
5497
5638
  --font-display: "Bricolage Grotesque Variable", var(--font-body);
5498
5639
  --font-editor: "iA Writer Mono", ui-monospace, monospace;
5499
5640
  font-family: var(--font-body);
@@ -5518,6 +5659,10 @@
5518
5659
  --cairn-directive-ink-active: oklch(82% .14 300);
5519
5660
  --cairn-code-chip: oklch(29.5% .012 75);
5520
5661
  --cairn-focus-dim-ink: oklch(53% .01 75);
5662
+ --cairn-focus-dim-rail-1: 21%;
5663
+ --cairn-focus-dim-rail-2: 25%;
5664
+ --cairn-focus-dim-rail-3: 29%;
5665
+ --cairn-focus-dim-rail-active: 33%;
5521
5666
  --color-neutral: oklch(80% .01 75);
5522
5667
  --color-neutral-content: oklch(22% .008 75);
5523
5668
  --color-info: oklch(72% .12 240);
@@ -5920,51 +6065,6 @@
5920
6065
  inherits: false
5921
6066
  }
5922
6067
 
5923
- @property --tw-backdrop-blur {
5924
- syntax: "*";
5925
- inherits: false
5926
- }
5927
-
5928
- @property --tw-backdrop-brightness {
5929
- syntax: "*";
5930
- inherits: false
5931
- }
5932
-
5933
- @property --tw-backdrop-contrast {
5934
- syntax: "*";
5935
- inherits: false
5936
- }
5937
-
5938
- @property --tw-backdrop-grayscale {
5939
- syntax: "*";
5940
- inherits: false
5941
- }
5942
-
5943
- @property --tw-backdrop-hue-rotate {
5944
- syntax: "*";
5945
- inherits: false
5946
- }
5947
-
5948
- @property --tw-backdrop-invert {
5949
- syntax: "*";
5950
- inherits: false
5951
- }
5952
-
5953
- @property --tw-backdrop-opacity {
5954
- syntax: "*";
5955
- inherits: false
5956
- }
5957
-
5958
- @property --tw-backdrop-saturate {
5959
- syntax: "*";
5960
- inherits: false
5961
- }
5962
-
5963
- @property --tw-backdrop-sepia {
5964
- syntax: "*";
5965
- inherits: false
5966
- }
5967
-
5968
6068
  @property --tw-duration {
5969
6069
  syntax: "*";
5970
6070
  inherits: false
@@ -0,0 +1,7 @@
1
+ import { type Extension } from '@codemirror/state';
2
+ /**
3
+ * The cairn fold extension: the CodeMirror fold system with the pill placeholder, the chevron and
4
+ * wash affordance, the safety invariant, and the Ctrl+Shift+[ / ] keymap. Session-local and never
5
+ * persisted: the fold state lives in CodeMirror's foldState field, which this never serializes.
6
+ */
7
+ export declare function cairnFolding(): Extension;