hive-react-kit 1.8.2 → 1.8.3

package/dist/build.css

@@ -44,7 +44,6 @@
     --color-emerald-400: oklch(76.5% 0.177 163.223);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
     --color-emerald-900: oklch(37.8% 0.077 168.94);
-    --color-emerald-950: oklch(26.2% 0.051 172.552);
     --color-teal-500: oklch(70.4% 0.14 182.503);
     --color-teal-600: oklch(60% 0.118 184.704);
     --color-sky-300: oklch(82.8% 0.111 230.318);
@@ -60,8 +59,6 @@
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
-    --color-violet-900: oklch(38% 0.189 293.745);
-    --color-violet-950: oklch(28.3% 0.141 291.089);
     --color-purple-100: oklch(94.6% 0.033 307.174);
     --color-purple-200: oklch(90.2% 0.063 306.703);
     --color-purple-300: oklch(82.7% 0.119 306.383);
@@ -832,6 +829,12 @@
   .h-56 {
     height: calc(var(--spacing) * 56);
   }
+  .h-72 {
+    height: calc(var(--spacing) * 72);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
   .h-\[80vh\] {
     height: 80vh;
   }
@@ -841,9 +844,6 @@
   .h-\[90vh\] {
     height: 90vh;
   }
-  .h-\[280px\] {
-    height: 280px;
-  }
   .h-\[460px\] {
     height: 460px;
   }
@@ -1126,9 +1126,6 @@
   .max-w-\[250px\] {
     max-width: 250px;
   }
-  .max-w-\[260px\] {
-    max-width: 260px;
-  }
   .max-w-\[280px\] {
     max-width: 280px;
   }
@@ -1884,6 +1881,9 @@
   .bg-\[\#181d23\] {
     background-color: #181d23;
   }
+  .bg-\[\#15181b\] {
+    background-color: #15181b;
+  }
   .bg-\[\#15191e\] {
     background-color: #15191e;
   }
@@ -2564,13 +2564,6 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-emerald-900\/40 {
-    --tw-gradient-from: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .from-gray-900 {
     --tw-gradient-from: var(--color-gray-900);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2579,13 +2572,6 @@
     --tw-gradient-from: var(--color-purple-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-violet-900\/40 {
-    --tw-gradient-from: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 40%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .via-gray-900\/60 {
     --tw-gradient-via: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2603,13 +2589,6 @@
     --tw-gradient-to: var(--color-blue-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-emerald-950\/60 {
-    --tw-gradient-to: color-mix(in srgb, oklch(26.2% 0.051 172.552) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-950) 60%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-orange-900\/30 {
     --tw-gradient-to: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2636,13 +2615,6 @@
     --tw-gradient-to: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-violet-950\/60 {
-    --tw-gradient-to: color-mix(in srgb, oklch(28.3% 0.141 291.089) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-to: color-mix(in oklab, var(--color-violet-950) 60%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .bg-cover {
     background-size: cover;
   }

package/dist/components/feed/AttachmentStrip.d.ts

@@ -0,0 +1,95 @@
+import { type FC } from 'react';
+import type { Post } from '@/types/post';
+export interface AttachmentStripProps {
+    attachments: Attachment[];
+}
+export interface ParsedBody {
+    segments: BodySegment[];
+    attachments: Attachment[];
+}
+export type BodySegment = {
+    kind: 'text';
+    text: string;
+} | {
+    kind: 'mention';
+    username: string;
+} | {
+    kind: 'hashtag';
+    tag: string;
+} | {
+    kind: 'link';
+    url: string;
+};
+export type Attachment = {
+    kind: 'image';
+    url: string;
+} | {
+    kind: 'ipfs';
+    url: string;
+} | {
+    kind: 'youtube';
+    id: string;
+} | {
+    kind: 'threespeak';
+    url: string;
+} | {
+    kind: 'twitter';
+    id: string;
+} | {
+    kind: 'audio';
+    url: string;
+} | {
+    kind: '3speak-audio';
+    url: string;
+} | {
+    kind: 'spotify';
+    url: string;
+};
+export declare const SPOTIFY_REGEX: RegExp;
+export declare const TWITTER_REGEX: RegExp;
+export declare const YOUTUBE_REGEX: RegExp;
+export declare const THREE_SPEAK_REGEX: RegExp;
+export declare const AUDIO_FILE_REGEX: RegExp;
+export declare const THREE_SPEAK_AUDIO_REGEX: RegExp;
+export declare const IMG_MD_REGEX: RegExp;
+export declare const IMG_HTML_REGEX: RegExp;
+export declare const IMG_URL_REGEX: RegExp;
+export declare const URL_REGEX: RegExp;
+export declare const MENTION_REGEX: RegExp;
+export declare const HASHTAG_REGEX: RegExp;
+export declare function parseJsonMetadata(jm: unknown): Record<string, unknown>;
+export declare function hasHivesuiteFamilyTag(post: Post): boolean;
+export declare function extractTagsFromMeta(post: Post): string[];
+export declare function stripViaAppsCredit(body: string): string;
+export declare function parseBody(post: Post): ParsedBody;
+export declare function parse3SpeakAuthorPermlink(url: string): {
+    author: string;
+    permlink: string;
+} | null;
+export declare const ThreeSpeakPlayer: FC<{
+    author: string;
+    permlink: string;
+}>;
+export declare const attachmentLabel: (a: Attachment) => string;
+export declare const TwitterEmbed: FC<{
+    id: string;
+}>;
+export declare const ZoomableImage: FC<{
+    src: string;
+}>;
+export declare const IpfsStripTile: FC<{
+    url: string;
+    onOpen: (e: React.MouseEvent) => void;
+}>;
+export declare const IpfsPopupBody: FC<{
+    url: string;
+}>;
+export declare const MediaPopup: FC<{
+    attachment: Attachment;
+    onClose: () => void;
+    index?: number;
+    total?: number;
+    onPrev?: () => void;
+    onNext?: () => void;
+}>;
+export declare const AttachmentStrip: FC<AttachmentStripProps>;