hive-react-kit 1.5.0 → 1.5.1

package/dist/build.css

@@ -349,6 +349,9 @@
   .-top-8 {
     top: calc(var(--spacing) * -8);
   }
+  .-top-9 {
+    top: calc(var(--spacing) * -9);
+  }
   .-top-10 {
     top: calc(var(--spacing) * -10);
   }
@@ -415,6 +418,9 @@
   .-bottom-1 {
     bottom: calc(var(--spacing) * -1);
   }
+  .-bottom-12 {
+    bottom: calc(var(--spacing) * -12);
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -1145,6 +1151,9 @@
   .min-w-\[3\.25rem\] {
     min-width: 3.25rem;
   }
+  .min-w-\[3rem\] {
+    min-width: 3rem;
+  }
   .min-w-\[80px\] {
     min-width: 80px;
   }
@@ -2436,6 +2445,12 @@
       background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
     }
   }
+  .bg-white\/25 {
+    background-color: color-mix(in srgb, #fff 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
+    }
+  }
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
@@ -3398,6 +3413,10 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -3996,6 +4015,16 @@
       }
     }
   }
+  .hover\:bg-white\/15 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fff 15%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-white\/20 {
     &:hover {
       @media (hover: hover) {

package/dist/components/MediaLightbox.d.ts

@@ -0,0 +1,25 @@
+import { type FC } from 'react';
+import { type PostMedia } from '../utils/postMedia';
+/**
+ * Shared lightbox / preview overlay used by feed-card carousels
+ * (`BlogPostList` PostMediaCarousel, `UserDetailProfile` post tiles,
+ * etc.).
+ *
+ * Capabilities for image entries:
+ *   • Pan + pinch + wheel zoom (1× – 4×, in 0.5 steps)
+ *   • Double-click toggles 1× ↔ 2×
+ *   • Dedicated +/-/reset buttons in a bottom toolbar
+ *   • Keyboard: + / - to zoom, 0 to reset, ←/→ to navigate, Esc to close
+ *
+ * YouTube and 3Speak entries render their official embed iframes; the
+ * zoom toolbar is suppressed because iframes can't be transformed
+ * sensibly. Twitter entries are filtered out by callers since they
+ * open in a new tab from the tile itself.
+ */
+export interface MediaLightboxProps {
+    items: PostMedia[];
+    startIndex?: number;
+    onClose: () => void;
+}
+export declare const MediaLightbox: FC<MediaLightboxProps>;
+export default MediaLightbox;