@flexkit/studio 0.2.1 → 0.2.3

package/dist/index.css

@@ -80,11 +80,13 @@
     --fk-tracking-tight: -0.025em;
     --fk-tracking-wide: 0.025em;
     --fk-tracking-widest: 0.1em;
+    --fk-leading-tight: 1.25;
     --fk-leading-snug: 1.375;
     --fk-leading-normal: 1.5;
     --fk-leading-relaxed: 1.625;
     --fk-radius-xs: 0.125rem;
     --fk-radius-xl: 0.75rem;
+    --fk-radius-3xl: 1.5rem;
     --fk-drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
     --fk-ease-out: cubic-bezier(0, 0, 0.2, 1);
     --fk-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -294,6 +296,9 @@
   .fk\:inset-y-0 {
     inset-block: calc(var(--fk-spacing) * 0);
   }
+  .fk\:-top-1 {
+    top: calc(var(--fk-spacing) * -1);
+  }
   .fk\:top-0 {
     top: calc(var(--fk-spacing) * 0);
   }
@@ -330,6 +335,9 @@
   .fk\:top-\[50\%\] {
     top: 50%;
   }
+  .fk\:-right-1 {
+    right: calc(var(--fk-spacing) * -1);
+  }
   .fk\:right-0 {
     right: calc(var(--fk-spacing) * 0);
   }
@@ -1278,6 +1286,10 @@
     width: var(--cell-size);
     height: var(--cell-size);
   }
+  .fk\:size-2 {
+    width: calc(var(--fk-spacing) * 2);
+    height: calc(var(--fk-spacing) * 2);
+  }
   .fk\:size-2\.5 {
     width: calc(var(--fk-spacing) * 2.5);
     height: calc(var(--fk-spacing) * 2.5);
@@ -1415,6 +1427,9 @@
   .fk\:h-24 {
     height: calc(var(--fk-spacing) * 24);
   }
+  .fk\:h-32 {
+    height: calc(var(--fk-spacing) * 32);
+  }
   .fk\:h-40 {
     height: calc(var(--fk-spacing) * 40);
   }
@@ -1781,6 +1796,9 @@
   .fk\:min-w-0 {
     min-width: calc(var(--fk-spacing) * 0);
   }
+  .fk\:min-w-4 {
+    min-width: calc(var(--fk-spacing) * 4);
+  }
   .fk\:min-w-5 {
     min-width: calc(var(--fk-spacing) * 5);
   }
@@ -1805,6 +1823,9 @@
   .fk\:min-w-34 {
     min-width: calc(var(--fk-spacing) * 34);
   }
+  .fk\:min-w-40 {
+    min-width: calc(var(--fk-spacing) * 40);
+  }
   .fk\:min-w-44 {
     min-width: calc(var(--fk-spacing) * 44);
   }
@@ -1919,6 +1940,48 @@
       animation-direction: reverse;
     }
   }
+  .fk\:scroll-fade-x {
+    --_scroll-fade-size-s: var(
+    --scroll-fade-s-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --_scroll-fade-size-e: var(
+    --scroll-fade-e-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --scroll-fade-inline: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--scroll-fade-s, 0px),
+    #000 calc(100% - var(--scroll-fade-e, 0px)),
+    transparent 100%
+  );
+    &:where([dir="rtl"], [dir="rtl"] *) {
+      --scroll-fade-inline: linear-gradient(
+      to left,
+      transparent 0,
+      #000 var(--scroll-fade-s, 0px),
+      #000 calc(100% - var(--scroll-fade-e, 0px)),
+      transparent 100%
+    );
+    }
+    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    @supports (animation-timeline: scroll()) {
+      animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out;
+      animation-timeline: scroll(self inline), scroll(self inline);
+      animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+      animation-fill-mode: both;
+    }
+    @supports not (animation-timeline: scroll()) {
+      --scroll-fade-s: var(--_scroll-fade-size-s);
+      --scroll-fade-e: var(--_scroll-fade-size-e);
+    }
+  }
   .fk\:animate-bounce {
     animation: var(--fk-animate-bounce);
   }
@@ -1958,9 +2021,18 @@
   .fk\:resize-none {
     resize: none;
   }
+  .fk\:snap-x {
+    scroll-snap-type: x var(--tw-scroll-snap-strictness);
+  }
+  .fk\:snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
   .fk\:scroll-my-1 {
     scroll-margin-block: calc(var(--fk-spacing) * 1);
   }
+  .fk\:scroll-px-1 {
+    scroll-padding-inline: calc(var(--fk-spacing) * 1);
+  }
   .fk\:scroll-py-1 {
     scroll-padding-block: calc(var(--fk-spacing) * 1);
   }
@@ -2241,9 +2313,15 @@
   .fk\:overflow-y-hidden {
     overflow-y: hidden;
   }
+  .fk\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
   .fk\:rounded {
     border-radius: 0.25rem;
   }
+  .fk\:rounded-3xl {
+    border-radius: var(--fk-radius-3xl);
+  }
   .fk\:rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -2481,6 +2559,9 @@
   .fk\:bg-accent {
     background-color: hsl(var(--accent));
   }
+  .fk\:bg-amber-500 {
+    background-color: var(--fk-color-amber-500);
+  }
   .fk\:bg-amber-500\/5 {
     background-color: var(--fk-color-amber-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2895,6 +2976,9 @@
   .fk\:pt-px {
     padding-top: 1px;
   }
+  .fk\:pr-0 {
+    padding-right: calc(var(--fk-spacing) * 0);
+  }
   .fk\:pr-1 {
     padding-right: calc(var(--fk-spacing) * 1);
   }
@@ -2955,6 +3039,9 @@
   .fk\:pb-20 {
     padding-bottom: calc(var(--fk-spacing) * 20);
   }
+  .fk\:pb-\[12vh\] {
+    padding-bottom: 12vh;
+  }
   .fk\:pl-0 {
     padding-left: calc(var(--fk-spacing) * 0);
   }
@@ -3093,6 +3180,10 @@
     --tw-leading: var(--fk-leading-snug);
     line-height: var(--fk-leading-snug);
   }
+  .fk\:leading-tight {
+    --tw-leading: var(--fk-leading-tight);
+    line-height: var(--fk-leading-tight);
+  }
   .fk\:font-bold {
     --tw-font-weight: var(--fk-font-weight-bold);
     font-weight: var(--fk-font-weight-bold);
@@ -3787,6 +3878,36 @@
       height: calc(var(--fk-spacing) * 9);
     }
   }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:absolute {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      position: absolute;
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:top-3 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      top: calc(var(--fk-spacing) * 3);
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:right-3 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      right: calc(var(--fk-spacing) * 3);
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:w-full {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      width: 100%;
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:gap-1 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      gap: calc(var(--fk-spacing) * 1);
+    }
+  }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:px-1 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      padding-inline: calc(var(--fk-spacing) * 1);
+    }
+  }
   .fk\:group-data-\[orientation\=vertical\]\/tabs\:h-fit {
     &:is(:where(.fk\:group\/tabs)[data-orientation="vertical"] *) {
       height: fit-content;
@@ -3862,6 +3983,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .fk\:group-data-\[size\=sm\]\/attachment\:w-8 {
+    &:is(:where(.fk\:group\/attachment)[data-size="sm"] *) {
+      width: calc(var(--fk-spacing) * 8);
+    }
+  }
   .fk\:group-data-\[size\=sm\]\/avatar\:size-2 {
     &:is(:where(.fk\:group\/avatar)[data-size="sm"] *) {
       width: calc(var(--fk-spacing) * 2);
@@ -3880,6 +4006,47 @@
       height: calc(var(--fk-spacing) * 3);
     }
   }
+  .fk\:group-data-\[size\=xs\]\/attachment\:w-7 {
+    &:is(:where(.fk\:group\/attachment)[data-size="xs"] *) {
+      width: calc(var(--fk-spacing) * 7);
+    }
+  }
+  .fk\:group-data-\[size\=xs\]\/attachment\:rounded-md {
+    &:is(:where(.fk\:group\/attachment)[data-size="xs"] *) {
+      border-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .fk\:group-data-\[state\=done\]\/attachment\:opacity-100 {
+    &:is(:where(.fk\:group\/attachment)[data-state="done"] *) {
+      opacity: 100%;
+    }
+  }
+  .fk\:group-data-\[state\=error\]\/attachment\:bg-destructive\/10 {
+    &:is(:where(.fk\:group\/attachment)[data-state="error"] *) {
+      background-color: hsl(var(--destructive));
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, hsl(var(--destructive)) 10%, transparent);
+      }
+    }
+  }
+  .fk\:group-data-\[state\=error\]\/attachment\:text-destructive {
+    &:is(:where(.fk\:group\/attachment)[data-state="error"] *) {
+      color: hsl(var(--destructive));
+    }
+  }
+  .fk\:group-data-\[state\=error\]\/attachment\:text-destructive\/80 {
+    &:is(:where(.fk\:group\/attachment)[data-state="error"] *) {
+      color: hsl(var(--destructive));
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent);
+      }
+    }
+  }
+  .fk\:group-data-\[state\=idle\]\/attachment\:opacity-100 {
+    &:is(:where(.fk\:group\/attachment)[data-state="idle"] *) {
+      opacity: 100%;
+    }
+  }
   .fk\:group-data-\[state\=open\]\:rotate-90 {
     &:is(:where(.fk\:group)[data-state="open"] *) {
       rotate: 90deg;
@@ -3890,6 +4057,66 @@
       rotate: 180deg;
     }
   }
+  .fk\:group-data-\[state\=processing\]\/attachment\:shimmer {
+    &:is(:where(.fk\:group\/attachment)[data-state="processing"] *) {
+      --_spread: var(--shimmer-spread, calc(3ch + 40px));
+      --_base: currentColor;
+      --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      }
+      background-repeat: no-repeat;
+      background-size: calc(200% + var(--_spread) * 2) 100%;
+      background-position: 0 0;
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+      animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+      &:is([style="color-scheme: dark;"] *) {
+        --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+      }
+      &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+      }
+    }
+  }
+  .fk\:group-data-\[state\=uploading\]\/attachment\:shimmer {
+    &:is(:where(.fk\:group\/attachment)[data-state="uploading"] *) {
+      --_spread: var(--shimmer-spread, calc(3ch + 40px));
+      --_base: currentColor;
+      --_highlight: var(
+    --shimmer-color,
+    oklch(from currentColor l c h / calc(alpha* 0.2))
+  );
+      background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      @supports (color: color-mix(in lab, red, red)) {
+        background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) );
+      }
+      background-repeat: no-repeat;
+      background-size: calc(200% + var(--_spread) * 2) 100%;
+      background-position: 0 0;
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
+      animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
+      &:is([style="color-scheme: dark;"] *) {
+        --_highlight: var(
+      --shimmer-color,
+      oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
+    );
+      }
+      &:where([dir="rtl"], [dir="rtl"] *) {
+        animation-direction: reverse;
+      }
+    }
+  }
   .fk\:group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.fk\:group)[data-variant="floating"] *) {
       border-radius: var(--radius);
@@ -4400,6 +4627,12 @@
       padding-bottom: calc(var(--fk-spacing) * 0);
     }
   }
+  .fk\:focus-within\:ring-1 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .fk\:focus-within\:ring-2 {
     &:focus-within {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -4411,6 +4644,14 @@
       --tw-ring-color: hsl(var(--ring));
     }
   }
+  .fk\:focus-within\:ring-ring\/50 {
+    &:focus-within {
+      --tw-ring-color: hsl(var(--ring));
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
+      }
+    }
+  }
   .fk\:focus-within\:ring-offset-2 {
     &:focus-within {
       --tw-ring-offset-width: 2px;
@@ -4975,6 +5216,56 @@
       column-gap: calc(var(--fk-spacing) * 6);
     }
   }
+  .fk\:has-data-\[slot\=attachment-content\]\:w-30 {
+    &:has(*[data-slot="attachment-content"]) {
+      width: calc(var(--fk-spacing) * 30);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:px-1\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--fk-spacing) * 1.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:px-2 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--fk-spacing) * 2);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:px-2\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-inline: calc(var(--fk-spacing) * 2.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:py-1 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--fk-spacing) * 1);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:py-1\.5 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--fk-spacing) * 1.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-content\]\:py-2 {
+    &:has(*[data-slot="attachment-content"]) {
+      padding-block: calc(var(--fk-spacing) * 2);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-media\]\:p-1 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--fk-spacing) * 1);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-media\]\:p-1\.5 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--fk-spacing) * 1.5);
+    }
+  }
+  .fk\:has-data-\[slot\=attachment-media\]\:p-2 {
+    &:has(*[data-slot="attachment-media"]) {
+      padding: calc(var(--fk-spacing) * 2);
+    }
+  }
   .fk\:has-data-\[variant\=inset\]\:bg-sidebar {
     &:has(*[data-variant="inset"]) {
       background-color: hsl(var(--sidebar-background));
@@ -5048,6 +5339,18 @@
       gap: calc(var(--fk-spacing) * 2);
     }
   }
+  .fk\:has-\[\>a\,\>button\]\:hover\:bg-muted\/50 {
+    &:has(>a,>button) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: hsl(var(--muted));
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
+          }
+        }
+      }
+    }
+  }
   .fk\:has-\[\>button\]\:mr-\[-0\.4rem\] {
     &:has(>button) {
       margin-right: -0.4rem;
@@ -5472,6 +5775,20 @@
       max-width: var(--fk-container-xs);
     }
   }
+  .fk\:\*\:data-\[slot\=attachment\]\:flex-none {
+    :is(& > *) {
+      &[data-slot="attachment"] {
+        flex: none;
+      }
+    }
+  }
+  .fk\:\*\:data-\[slot\=attachment\]\:snap-start {
+    :is(& > *) {
+      &[data-slot="attachment"] {
+        scroll-snap-align: start;
+      }
+    }
+  }
   .fk\:\*\:data-\[slot\=avatar\]\:ring-2 {
     :is(& > *) {
       &[data-slot="avatar"] {
@@ -5560,6 +5877,16 @@
       }
     }
   }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\! {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      :is(& > *) {
+        &[data-slot="spinner"] {
+          width: calc(var(--fk-spacing) * 6) !important;
+          height: calc(var(--fk-spacing) * 6) !important;
+        }
+      }
+    }
+  }
   .fk\:data-\[spacing\=0\]\:rounded-none {
     &[data-spacing="0"] {
       border-radius: 0;
@@ -5723,6 +6050,20 @@
       --tw-exit-scale: .95;
     }
   }
+  .fk\:data-\[state\=error\]\:border-destructive\/30 {
+    &[data-state="error"] {
+      border-color: hsl(var(--destructive));
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent);
+      }
+    }
+  }
+  .fk\:data-\[state\=idle\]\:border-dashed {
+    &[data-state="idle"] {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
   .fk\:data-\[state\=on\]\:bg-accent {
     &[data-state="on"] {
       background-color: hsl(var(--accent));
@@ -6643,6 +6984,22 @@
       height: calc(var(--fk-spacing) * 4);
     }
   }
+  .fk\:group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-6 {
+    &:is(:where(.fk\:group\/attachment)[data-orientation="vertical"] *) {
+      & svg:not([class*=size-]) {
+        width: calc(var(--fk-spacing) * 6);
+        height: calc(var(--fk-spacing) * 6);
+      }
+    }
+  }
+  .fk\:group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 {
+    &:is(:where(.fk\:group\/attachment)[data-size="xs"] *) {
+      & svg:not([class*=size-]) {
+        width: calc(var(--fk-spacing) * 3.5);
+        height: calc(var(--fk-spacing) * 3.5);
+      }
+    }
+  }
   .fk\:\[\&_table\]\:w-full {
     & table {
       width: 100%;
@@ -6769,6 +7126,27 @@
       }
     }
   }
+  .fk\:\*\:\[img\]\:aspect-square {
+    :is(& > *) {
+      &:is(img) {
+        aspect-ratio: 1 / 1;
+      }
+    }
+  }
+  .fk\:\*\:\[img\]\:w-full {
+    :is(& > *) {
+      &:is(img) {
+        width: 100%;
+      }
+    }
+  }
+  .fk\:\*\:\[img\]\:object-cover {
+    :is(& > *) {
+      &:is(img) {
+        object-fit: cover;
+      }
+    }
+  }
   .fk\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\! {
     &[data-variant="destructive"] {
       :is(& > *) {
@@ -8016,6 +8394,11 @@ pre {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -8266,6 +8649,22 @@ pre {
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 }
+@keyframes scroll-fade-reveal-s {
+  from {
+    --scroll-fade-s: 0px;
+  }
+  to {
+    --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+}
+@keyframes scroll-fade-reveal-e {
+  from {
+    --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
+  }
+  to {
+    --scroll-fade-e: 0px;
+  }
+}
 @keyframes tw-shimmer {
   from {
     background-position: 100% 0;
@@ -8317,6 +8716,7 @@ pre {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { gql } from '@apollo/client';
 import { UiSchema, ProjectSchemaResponse, UiEntity, UiAttribute, FieldGroup, AttributeOptions } from '@flexkit/schema';
 export { UiAttribute as Attribute, Config, Attribute as ConfigAttribute, Entity as ConfigEntity, DataType, DefaultValue, DefaultValueByDataType, UiEntity as Entity, EntityMenu, FieldGroup, MenuGroup, ProjectConfig, ProjectSchemaResponse, UiSchema as Schema, ScopeType, UiAttribute, UiEntity, UiProjectSchema, ZodValidation, defineConfig, defineEntity } from '@flexkit/schema';
 import { AgentChat, AgentChatMessage, AutomationApproval, AutomationMutationPolicy, AutomationToolAllowRule, AutomationRun } from '@flexkit/agent-protocol';
-export { AgentChat, AgentChatAttachment, AgentChatMessage, AgentChatMessageRole, AgentChatMessageStatus, AgentChatPart, AgentChatTurn, AutomationApproval, AutomationApprovalStatus, AutomationMutationPolicy, AutomationRun, AutomationRunStatus } from '@flexkit/agent-protocol';
+export { AgentChat, AgentChatAttachment, AgentChatFollowUp, AgentChatFollowUpDelivery, AgentChatFollowUpResult, AgentChatMessage, AgentChatMessageRole, AgentChatMessageStatus, AgentChatPart, AgentChatTurn, AutomationApproval, AutomationApprovalStatus, AutomationMutationPolicy, AutomationRun, AutomationRunStatus } from '@flexkit/agent-protocol';
 export { Outlet, useLocation, useParams } from 'react-router-dom';
 import { Control, UseFormSetValue, FieldValues } from 'react-hook-form';
 import { Column, Row, ColumnDef, Table, RowSelectionState, OnChangeFn, SortingState } from '@tanstack/react-table';