@select-org/select-post-builder 1.0.7 → 1.1.0

package/dist/post-builder.css

@@ -93,36 +93,19 @@
     --color-red-50: oklch(97.1% .013 17.38);
     --color-red-100: oklch(93.6% .032 17.717);
     --color-red-300: oklch(80.8% .114 19.571);
-    --color-amber-100: oklch(96.2% .059 95.617);
     --color-amber-400: oklch(82.8% .189 84.429);
     --color-amber-600: oklch(66.6% .179 58.318);
-    --color-amber-900: oklch(41.4% .112 45.904);
-    --color-amber-950: oklch(27.9% .077 45.635);
-    --color-emerald-100: oklch(95% .052 163.051);
-    --color-emerald-900: oklch(37.8% .077 168.94);
-    --color-emerald-950: oklch(26.2% .051 172.552);
     --color-blue-50: oklch(97% .014 254.604);
-    --color-blue-100: oklch(93.2% .032 255.585);
-    --color-blue-200: oklch(88.2% .059 254.128);
     --color-blue-300: oklch(80.9% .105 251.813);
     --color-blue-400: oklch(70.7% .165 254.624);
     --color-blue-500: oklch(62.3% .214 259.815);
     --color-blue-600: oklch(54.6% .245 262.881);
     --color-blue-700: oklch(48.8% .243 264.376);
     --color-blue-900: oklch(37.9% .146 265.522);
-    --color-blue-950: oklch(28.2% .091 267.935);
     --color-violet-500: oklch(60.6% .25 292.717);
     --color-violet-600: oklch(54.1% .281 293.009);
-    --color-purple-100: oklch(94.6% .033 307.174);
-    --color-purple-200: oklch(90.2% .063 306.703);
-    --color-purple-300: oklch(82.7% .119 306.383);
     --color-purple-400: oklch(71.4% .203 305.504);
     --color-purple-600: oklch(55.8% .288 302.321);
-    --color-purple-700: oklch(49.6% .265 301.924);
-    --color-purple-900: oklch(38.1% .176 304.987);
-    --color-rose-100: oklch(94.1% .03 12.58);
-    --color-rose-900: oklch(41% .159 10.272);
-    --color-rose-950: oklch(27.1% .105 12.094);
     --color-gray-50: oklch(98.5% .002 247.839);
     --color-gray-100: oklch(96.7% .003 264.542);
     --color-gray-200: oklch(92.8% .006 264.531);
@@ -462,7 +445,7 @@ body {
   }
 
 [data-theme="select-post-builder"] .ProseMirror p.is-empty:only-child {
-    min-height: 5em;
+    min-height: calc(var(--spacing) * 40);
   }
 
 [data-theme="select-post-builder"] .\@container\/card-header {
@@ -629,6 +612,40 @@ body {
     grid-row-start: 1;
   }
 
+[data-theme="select-post-builder"] .container {
+    width: 100%;
+  }
+
+@media (min-width: 40rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 40rem;
+    }
+  }
+
+@media (min-width: 48rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 48rem;
+    }
+  }
+
+@media (min-width: 64rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 64rem;
+    }
+  }
+
+@media (min-width: 80rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 80rem;
+    }
+  }
+
+@media (min-width: 96rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 96rem;
+    }
+  }
+
 [data-theme="select-post-builder"] .\!m-0 {
     margin: calc(var(--spacing) * 0) !important;
   }
@@ -1362,10 +1379,6 @@ body {
     margin-top: auto;
   }
 
-[data-theme="select-post-builder"] .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
-  }
-
 [data-theme="select-post-builder"] .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -1596,10 +1609,6 @@ body {
     height: 1px;
   }
 
-[data-theme="select-post-builder"] .\!max-h-\[calc\(100dvh-7rem\)\] {
-    max-height: calc(100dvh - 7rem) !important;
-  }
-
 [data-theme="select-post-builder"] .max-h-\(--radix-dropdown-menu-content-available-height\) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
@@ -1616,6 +1625,10 @@ body {
     max-height: calc(100dvh - 7rem);
   }
 
+[data-theme="select-post-builder"] .max-h-\[calc\(100dvh-7rem\)\]\! {
+    max-height: calc(100dvh - 7rem) !important;
+  }
+
 [data-theme="select-post-builder"] .max-h-full {
     max-height: 100%;
   }
@@ -1624,6 +1637,10 @@ body {
     min-height: calc(var(--spacing) * 16);
   }
 
+[data-theme="select-post-builder"] .min-h-44 {
+    min-height: calc(var(--spacing) * 44);
+  }
+
 [data-theme="select-post-builder"] .min-h-60 {
     min-height: calc(var(--spacing) * 60);
   }
@@ -1824,6 +1841,10 @@ body {
     cursor: grab;
   }
 
+[data-theme="select-post-builder"] .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
 [data-theme="select-post-builder"] .cursor-pointer {
     cursor: pointer;
   }
@@ -2114,15 +2135,31 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .border-primary {
+[data-theme="select-post-builder"] .border-primary, [data-theme="select-post-builder"] .border-primary\/50 {
     border-color: var(--primary);
   }
 
+@supports (color: color-mix(in lab, red, red)) {
+    [data-theme="select-post-builder"] .border-primary\/50 {
+      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
+    }
+  }
+
 [data-theme="select-post-builder"] .border-transparent {
     border-color: #0000;
   }
 
-[data-theme="select-post-builder"] .bg-accent, [data-theme="select-post-builder"] .bg-accent\/20 {
+[data-theme="select-post-builder"] .bg-accent, [data-theme="select-post-builder"] .bg-accent\/10 {
+    background-color: var(--accent);
+  }
+
+@supports (color: color-mix(in lab, red, red)) {
+    [data-theme="select-post-builder"] .bg-accent\/10 {
+      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
+    }
+  }
+
+[data-theme="select-post-builder"] .bg-accent\/20 {
     background-color: var(--accent);
   }
 
@@ -2152,10 +2189,6 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .bg-amber-100 {
-    background-color: var(--color-amber-100);
-  }
-
 [data-theme="select-post-builder"] .bg-background, [data-theme="select-post-builder"] .bg-background\/80 {
     background-color: var(--background);
   }
@@ -2190,10 +2223,6 @@ body {
     background-color: var(--color-blue-50);
   }
 
-[data-theme="select-post-builder"] .bg-blue-100 {
-    background-color: var(--color-blue-100);
-  }
-
 [data-theme="select-post-builder"] .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -2210,10 +2239,6 @@ body {
     background-color: var(--destructive);
   }
 
-[data-theme="select-post-builder"] .bg-emerald-100 {
-    background-color: var(--color-emerald-100);
-  }
-
 [data-theme="select-post-builder"] .bg-foreground {
     background-color: var(--foreground);
   }
@@ -2274,6 +2299,16 @@ body {
     background-color: var(--primary-send);
   }
 
+[data-theme="select-post-builder"] .bg-primary\/5 {
+    background-color: var(--primary);
+  }
+
+@supports (color: color-mix(in lab, red, red)) {
+    [data-theme="select-post-builder"] .bg-primary\/5 {
+      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+    }
+  }
+
 [data-theme="select-post-builder"] .bg-primary\/10 {
     background-color: var(--primary);
   }
@@ -2294,18 +2329,10 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .bg-purple-100 {
-    background-color: var(--color-purple-100);
-  }
-
 [data-theme="select-post-builder"] .bg-red-50 {
     background-color: var(--color-red-50);
   }
 
-[data-theme="select-post-builder"] .bg-rose-100 {
-    background-color: var(--color-rose-100);
-  }
-
 [data-theme="select-post-builder"] .bg-secondary {
     background-color: var(--secondary);
   }
@@ -2629,10 +2656,6 @@ body {
     color: var(--color-amber-600);
   }
 
-[data-theme="select-post-builder"] .text-amber-900 {
-    color: var(--color-amber-900);
-  }
-
 [data-theme="select-post-builder"] .text-background {
     color: var(--background);
   }
@@ -2645,10 +2668,6 @@ body {
     color: var(--color-blue-700);
   }
 
-[data-theme="select-post-builder"] .text-blue-900 {
-    color: var(--color-blue-900);
-  }
-
 [data-theme="select-post-builder"] .text-card-foreground {
     color: var(--card-foreground);
   }
@@ -2657,10 +2676,6 @@ body {
     color: var(--destructive);
   }
 
-[data-theme="select-post-builder"] .text-emerald-900 {
-    color: var(--color-emerald-900);
-  }
-
 [data-theme="select-post-builder"] .text-foreground {
     color: var(--foreground);
   }
@@ -2737,18 +2752,10 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .text-purple-700 {
-    color: var(--color-purple-700);
-  }
-
 [data-theme="select-post-builder"] .text-red-300 {
     color: var(--color-red-300);
   }
 
-[data-theme="select-post-builder"] .text-rose-900 {
-    color: var(--color-rose-900);
-  }
-
 [data-theme="select-post-builder"] .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
@@ -2761,6 +2768,10 @@ body {
     color: var(--color-white);
   }
 
+[data-theme="select-post-builder"] .lowercase {
+    text-transform: lowercase;
+  }
+
 [data-theme="select-post-builder"] .uppercase {
     text-transform: uppercase;
   }
@@ -2793,6 +2804,10 @@ body {
     opacity: .7;
   }
 
+[data-theme="select-post-builder"] .opacity-75 {
+    opacity: .75;
+  }
+
 [data-theme="select-post-builder"] .opacity-100 {
     opacity: 1;
   }
@@ -2871,6 +2886,11 @@ body {
     outline-width: 1px;
   }
 
+[data-theme="select-post-builder"] .blur {
+    --tw-blur: blur(8px);
+    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, );
+  }
+
 [data-theme="select-post-builder"] .filter {
     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, );
   }
@@ -3191,16 +3211,6 @@ body {
       border-color: var(--accent);
     }
 
-    [data-theme="select-post-builder"] .hover\:border-destructive\/10:hover {
-      border-color: var(--destructive);
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      [data-theme="select-post-builder"] .hover\:border-destructive\/10:hover {
-        border-color: color-mix(in oklab, var(--destructive) 10%, transparent);
-      }
-    }
-
     [data-theme="select-post-builder"] .hover\:border-foreground\/20:hover {
       border-color: var(--foreground);
     }
@@ -3219,10 +3229,6 @@ body {
       background-color: var(--background);
     }
 
-    [data-theme="select-post-builder"] .hover\:bg-blue-200:hover {
-      background-color: var(--color-blue-200);
-    }
-
     [data-theme="select-post-builder"] .hover\:bg-destructive\/10:hover {
       background-color: var(--destructive);
     }
@@ -3267,10 +3273,6 @@ body {
       }
     }
 
-    [data-theme="select-post-builder"] .hover\:bg-purple-200:hover {
-      background-color: var(--color-purple-200);
-    }
-
     [data-theme="select-post-builder"] .hover\:bg-red-50:hover {
       background-color: var(--color-red-50);
     }
@@ -4197,10 +4199,6 @@ body {
     border-color: var(--color-gray-700);
   }
 
-[data-theme="select-post-builder"] .dark\:bg-amber-950:is(.dark *) {
-    background-color: var(--color-amber-950);
-  }
-
 [data-theme="select-post-builder"] .dark\:bg-blue-900\/20:is(.dark *) {
     background-color: #1c398e33;
   }
@@ -4211,24 +4209,6 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .dark\:bg-blue-900\/30:is(.dark *) {
-    background-color: #1c398e4d;
-  }
-
-@supports (color: color-mix(in lab, red, red)) {
-    [data-theme="select-post-builder"] .dark\:bg-blue-900\/30:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
-    }
-  }
-
-[data-theme="select-post-builder"] .dark\:bg-blue-950:is(.dark *) {
-    background-color: var(--color-blue-950);
-  }
-
-[data-theme="select-post-builder"] .dark\:bg-emerald-950:is(.dark *) {
-    background-color: var(--color-emerald-950);
-  }
-
 [data-theme="select-post-builder"] .dark\:bg-gray-800:is(.dark *) {
     background-color: var(--color-gray-800);
   }
@@ -4253,44 +4233,18 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .dark\:bg-purple-900\/30:is(.dark *) {
-    background-color: #59168b4d;
-  }
-
-@supports (color: color-mix(in lab, red, red)) {
-    [data-theme="select-post-builder"] .dark\:bg-purple-900\/30:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
-    }
-  }
-
-[data-theme="select-post-builder"] .dark\:bg-rose-950:is(.dark *) {
-    background-color: var(--color-rose-950);
-  }
-
 [data-theme="select-post-builder"] .dark\:bg-transparent:is(.dark *) {
     background-color: #0000;
   }
 
-[data-theme="select-post-builder"] .dark\:text-amber-100:is(.dark *) {
-    color: var(--color-amber-100);
-  }
-
 [data-theme="select-post-builder"] .dark\:text-amber-400:is(.dark *) {
     color: var(--color-amber-400);
   }
 
-[data-theme="select-post-builder"] .dark\:text-blue-100:is(.dark *) {
-    color: var(--color-blue-100);
-  }
-
 [data-theme="select-post-builder"] .dark\:text-blue-300:is(.dark *) {
     color: var(--color-blue-300);
   }
 
-[data-theme="select-post-builder"] .dark\:text-emerald-100:is(.dark *) {
-    color: var(--color-emerald-100);
-  }
-
 [data-theme="select-post-builder"] .dark\:text-gray-100:is(.dark *) {
     color: var(--color-gray-100);
   }
@@ -4307,25 +4261,7 @@ body {
     color: var(--muted-foreground);
   }
 
-[data-theme="select-post-builder"] .dark\:text-purple-300:is(.dark *) {
-    color: var(--color-purple-300);
-  }
-
-[data-theme="select-post-builder"] .dark\:text-rose-100:is(.dark *) {
-    color: var(--color-rose-100);
-  }
-
 @media (hover: hover) {
-    [data-theme="select-post-builder"] .dark\:hover\:bg-blue-900\/50:is(.dark *):hover {
-      background-color: #1c398e80;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      [data-theme="select-post-builder"] .dark\:hover\:bg-blue-900\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
-      }
-    }
-
     [data-theme="select-post-builder"] .dark\:hover\:bg-gray-700\/50:is(.dark *):hover {
       background-color: #36415380;
     }
@@ -4345,16 +4281,6 @@ body {
         background-color: color-mix(in oklab, var(--input) 50%, transparent);
       }
     }
-
-    [data-theme="select-post-builder"] .dark\:hover\:bg-purple-900\/50:is(.dark *):hover {
-      background-color: #59168b80;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      [data-theme="select-post-builder"] .dark\:hover\:bg-purple-900\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
-      }
-    }
   }
 
 [data-theme="select-post-builder"] .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) {
@@ -4437,6 +4363,35 @@ body {
     color: var(--color-blue-500);
   }
 
+[data-theme="select-post-builder"] .prose-blockquote\:my-4 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-block: calc(var(--spacing) * 4);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:border-s-4 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 4px;
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:border-gray-300 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    border-color: var(--color-gray-300);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:bg-gray-50 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    background-color: var(--color-gray-50);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:p-4 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    padding: calc(var(--spacing) * 4);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:dark\:border-gray-500 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(.dark *) {
+    border-color: var(--color-gray-500);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:dark\:bg-gray-800 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(.dark *) {
+    background-color: var(--color-gray-800);
+  }
+
 [data-theme="select-post-builder"] .prose-figcaption\:text-xs :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -4631,6 +4586,43 @@ body {
     border-radius: calc(var(--radius)  - 5px);
   }
 
+[data-theme="select-post-builder"] .prose-blockquote\:\[\&\>p\]\:text-xl :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) > p {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:\[\&\>p\]\:leading-relaxed :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) > p {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:\[\&\>p\]\:font-medium :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) > p {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:\[\&\>p\]\:text-gray-900 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) > p {
+    color: var(--color-gray-900);
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:\[\&\>p\]\:italic :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) > p {
+    font-style: italic;
+  }
+
+[data-theme="select-post-builder"] .prose-blockquote\:\[\&\>p\]\:dark\:text-white :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) > p:is(.dark *) {
+    color: var(--color-white);
+  }
+
+[data-theme="select-post-builder"] .\[\&\>svg\]\:size-5\! > svg {
+    width: calc(var(--spacing) * 5) !important;
+    height: calc(var(--spacing) * 5) !important;
+  }
+
+[data-theme="select-post-builder"] .\[\&\>svg\]\:size-6 > svg {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+
 [data-theme="select-post-builder"] .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);