flowcore-fn 8.2.9 → 9.1.1

package/dist/pkg-index.css

@@ -5,8 +5,13 @@
   :root,
   :host {
     --fc-font-sans:
-      ui-sans-serif,
-      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      "Segoe UI",
+      Roboto,
+      "Helvetica Neue",
+      "Noto Sans",
+      Arial,
       sans-serif,
       "Apple Color Emoji",
       "Segoe UI Emoji",
@@ -26,8 +31,11 @@
     --fc-color-red-400: oklch(70.4% 0.191 22.216);
     --fc-color-red-500: oklch(63.7% 0.237 25.331);
     --fc-color-red-600: oklch(57.7% 0.245 27.325);
+    --fc-color-amber-500: oklch(76.9% 0.188 70.08);
     --fc-color-green-600: oklch(62.7% 0.194 149.214);
+    --fc-color-emerald-100: oklch(95% 0.052 163.051);
     --fc-color-emerald-600: oklch(59.6% 0.145 163.225);
+    --fc-color-emerald-700: oklch(50.8% 0.118 165.612);
     --fc-color-cyan-200: oklch(91.7% 0.08 205.041);
     --fc-color-cyan-400: oklch(78.9% 0.154 211.53);
     --fc-color-blue-50: oklch(97% 0.014 254.604);
@@ -99,6 +107,7 @@
     --fc-radius-2xl: 1rem;
     --fc-radius-3xl: 1.5rem;
     --fc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --fc-animate-spin: spin 1s linear infinite;
     --fc-blur-sm: 8px;
     --fc-blur-xl: 24px;
     --fc-blur-3xl: 64px;
@@ -124,7 +133,7 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    font-family: var(--fc-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-family: var(--fc-default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     font-feature-settings: var(--fc-default-font-feature-settings, normal);
     font-variation-settings: var(--fc-default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
@@ -186,7 +195,7 @@
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring {
+  :-moz-focusring:where(:not(iframe)) {
     outline: auto;
   }
   progress {
@@ -381,6 +390,9 @@
   .fc\:z-\[100\] {
     z-index: 100;
   }
+  .fc\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .fc\:m-0 {
     margin: 0;
   }
@@ -450,6 +462,9 @@
   .fc\:ml-\[15px\] {
     margin-left: 15px;
   }
+  .fc\:ml-auto {
+    margin-left: auto;
+  }
   .fc\:block {
     display: block;
   }
@@ -468,6 +483,9 @@
   .fc\:h-1 {
     height: var(--fc-spacing);
   }
+  .fc\:h-2 {
+    height: calc(var(--fc-spacing) * 2);
+  }
   .fc\:h-4 {
     height: calc(var(--fc-spacing) * 4);
   }
@@ -531,6 +549,12 @@
   .fc\:h-screen {
     height: 100vh;
   }
+  .fc\:max-h-\[70vh\] {
+    max-height: 70vh;
+  }
+  .fc\:max-h-\[80vh\] {
+    max-height: 80vh;
+  }
   .fc\:max-h-\[90vh\] {
     max-height: 90vh;
   }
@@ -561,6 +585,9 @@
   .fc\:w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
+  .fc\:w-2 {
+    width: calc(var(--fc-spacing) * 2);
+  }
   .fc\:w-4 {
     width: calc(var(--fc-spacing) * 4);
   }
@@ -600,6 +627,9 @@
   .fc\:w-20 {
     width: calc(var(--fc-spacing) * 20);
   }
+  .fc\:w-28 {
+    width: calc(var(--fc-spacing) * 28);
+  }
   .fc\:w-32 {
     width: calc(var(--fc-spacing) * 32);
   }
@@ -654,6 +684,9 @@
   .fc\:max-w-5xl {
     max-width: var(--fc-container-5xl);
   }
+  .fc\:max-w-\[360px\] {
+    max-width: 360px;
+  }
   .fc\:max-w-md {
     max-width: var(--fc-container-md);
   }
@@ -703,6 +736,14 @@
     --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .fc\:translate-x-0 {
+    --tw-translate-x: 0;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .fc\:translate-x-5 {
+    --tw-translate-x: calc(var(--fc-spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .fc\:scale-100 {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -716,6 +757,9 @@
   .fc\:transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .fc\:animate-spin {
+    animation: var(--fc-animate-spin);
+  }
   .fc\:cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -971,12 +1015,21 @@
   .fc\:bg-\[\#f5f7fb\] {
     background-color: #f5f7fb;
   }
+  .fc\:bg-amber-500 {
+    background-color: var(--fc-color-amber-500);
+  }
   .fc\:bg-black\/10 {
     background-color: var(--fc-color-black);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--fc-color-black) 10%, transparent);
     }
   }
+  .fc\:bg-black\/20 {
+    background-color: var(--fc-color-black);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-black) 20%, transparent);
+    }
+  }
   .fc\:bg-black\/40 {
     background-color: var(--fc-color-black);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1007,6 +1060,9 @@
       background-color: color-mix(in oklab, var(--fc-color-cyan-200) 20%, transparent);
     }
   }
+  .fc\:bg-emerald-100 {
+    background-color: var(--fc-color-emerald-100);
+  }
   .fc\:bg-gray-50 {
     background-color: var(--fc-color-gray-50);
   }
@@ -1025,6 +1081,9 @@
       background-color: color-mix(in oklab, var(--fc-color-gray-100) 80%, transparent);
     }
   }
+  .fc\:bg-gray-200 {
+    background-color: var(--fc-color-gray-200);
+  }
   .fc\:bg-indigo-50 {
     background-color: var(--fc-color-indigo-50);
   }
@@ -1034,6 +1093,9 @@
   .fc\:bg-red-50 {
     background-color: var(--fc-color-red-50);
   }
+  .fc\:bg-red-500 {
+    background-color: var(--fc-color-red-500);
+  }
   .fc\:bg-red-600 {
     background-color: var(--fc-color-red-600);
   }
@@ -1264,6 +1326,9 @@
   .fc\:pr-4 {
     padding-right: calc(var(--fc-spacing) * 4);
   }
+  .fc\:pr-10 {
+    padding-right: calc(var(--fc-spacing) * 10);
+  }
   .fc\:pb-3 {
     padding-bottom: calc(var(--fc-spacing) * 3);
   }
@@ -1437,6 +1502,9 @@
   .fc\:text-blue-700 {
     color: var(--fc-color-blue-700);
   }
+  .fc\:text-emerald-700 {
+    color: var(--fc-color-emerald-700);
+  }
   .fc\:text-gray-400 {
     color: var(--fc-color-gray-400);
   }
@@ -1699,6 +1767,10 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .fc\:duration-500 {
+    --tw-duration: 500ms;
+    transition-duration: 500ms;
+  }
   .fc\:duration-1000 {
     --tw-duration: 1000ms;
     transition-duration: 1000ms;
@@ -1715,6 +1787,34 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .fc\:hover\:bg-blue-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-blue-50);
+      }
+    }
+  }
+  .fc\:hover\:bg-gray-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-gray-50);
+      }
+    }
+  }
+  .fc\:hover\:text-\[\#2563eb\] {
+    &:hover {
+      @media (hover: hover) {
+        color: #2563eb;
+      }
+    }
+  }
+  .fc\:hover\:text-gray-900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--fc-color-gray-900);
+      }
+    }
+  }
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@@ -1780,6 +1880,11 @@
 @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-ease { syntax: "*"; inherits: false; }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *,