hive-react-kit 0.5.4 → 0.5.6

package/dist/build.css

@@ -47,7 +47,6 @@
     --color-emerald-900: oklch(37.8% 0.077 168.94);
     --color-sky-400: oklch(74.6% 0.16 232.661);
     --color-sky-500: oklch(68.5% 0.169 237.323);
-    --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
     --color-blue-300: oklch(80.9% 0.105 251.813);
@@ -1102,9 +1101,9 @@
       border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
     }
   }
-  .divide-gray-100 {
+  .divide-gray-700 {
     :where(& > :not(:last-child)) {
-      border-color: var(--color-gray-100);
+      border-color: var(--color-gray-700);
     }
   }
   .truncate {
@@ -1406,9 +1405,6 @@
   .bg-gray-200 {
     background-color: var(--color-gray-200);
   }
-  .bg-gray-300 {
-    background-color: var(--color-gray-300);
-  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -1442,6 +1438,12 @@
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
+  .bg-gray-900\/30 {
+    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
+    }
+  }
   .bg-gray-900\/50 {
     background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1553,8 +1555,8 @@
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
-  .bg-yellow-200 {
-    background-color: var(--color-yellow-200);
+  .bg-yellow-800 {
+    background-color: var(--color-yellow-800);
   }
   .bg-gradient-to-b {
     --tw-gradient-position: to bottom in oklab;
@@ -1926,6 +1928,9 @@
       color: color-mix(in oklab, var(--color-blue-100) 80%, transparent);
     }
   }
+  .text-blue-200 {
+    color: var(--color-blue-200);
+  }
   .text-blue-300 {
     color: var(--color-blue-300);
   }
@@ -2078,6 +2083,9 @@
       color: var(--color-gray-500);
     }
   }
+  .accent-blue-500 {
+    accent-color: var(--color-blue-500);
+  }
   .accent-blue-600 {
     accent-color: var(--color-blue-600);
   }
@@ -2127,8 +2135,8 @@
   .ring-blue-500 {
     --tw-ring-color: var(--color-blue-500);
   }
-  .ring-gray-200 {
-    --tw-ring-color: var(--color-gray-200);
+  .ring-gray-700 {
+    --tw-ring-color: var(--color-gray-700);
   }
   .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,);
@@ -2334,13 +2342,6 @@
       }
     }
   }
-  .hover\:bg-blue-50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-blue-50);
-      }
-    }
-  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -2383,13 +2384,6 @@
       }
     }
   }
-  .hover\:bg-gray-400 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-400);
-      }
-    }
-  }
   .hover\:bg-gray-600 {
     &:hover {
       @media (hover: hover) {
@@ -2421,6 +2415,16 @@
       }
     }
   }
+  .hover\:bg-gray-800\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-gray-800\/80 {
     &:hover {
       @media (hover: hover) {
@@ -2585,10 +2589,10 @@
       }
     }
   }
-  .hover\:text-green-600 {
+  .hover\:text-green-400 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-green-600);
+        color: var(--color-green-400);
       }
     }
   }
@@ -2606,13 +2610,6 @@
       }
     }
   }
-  .hover\:text-red-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-red-600);
-      }
-    }
-  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -2772,11 +2769,6 @@
       -webkit-line-clamp: 3;
     }
   }
-  .sm\:block {
-    @media (width >= 40rem) {
-      display: block;
-    }
-  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -3228,13 +3220,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .dark\:divide-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      :where(& > :not(:last-child)) {
-        border-color: var(--color-gray-700);
-      }
-    }
-  }
   .dark\:border-blue-400 {
     @media (prefers-color-scheme: dark) {
       border-color: var(--color-blue-400);
@@ -3301,22 +3286,6 @@
       background-color: var(--color-gray-900);
     }
   }
-  .dark\:bg-gray-900\/30 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
-      }
-    }
-  }
-  .dark\:bg-gray-900\/50 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
-      }
-    }
-  }
   .dark\:bg-green-900\/20 {
     @media (prefers-color-scheme: dark) {
       background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
@@ -3343,11 +3312,6 @@
       background-color: var(--color-red-900);
     }
   }
-  .dark\:bg-yellow-800 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--color-yellow-800);
-    }
-  }
   .dark\:bg-yellow-900 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-yellow-900);
@@ -3445,11 +3409,6 @@
       }
     }
   }
-  .dark\:ring-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      --tw-ring-color: var(--color-gray-700);
-    }
-  }
   .dark\:hover\:bg-gray-600 {
     @media (prefers-color-scheme: dark) {
       &:hover {
@@ -3534,24 +3493,6 @@
       }
     }
   }
-  .dark\:hover\:text-green-400 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-green-400);
-        }
-      }
-    }
-  }
-  .dark\:hover\:text-red-400 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-red-400);
-        }
-      }
-    }
-  }
   .dark\:hover\:text-white {
     @media (prefers-color-scheme: dark) {
       &:hover {

package/dist/components/comments/AddCommentInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface PostComposerProps {
     onSubmit: (body: string) => void;
     onCancel?: () => void;
@@ -28,6 +29,9 @@ export interface PostComposerProps {
     hideMention?: boolean;
     hideTemplate?: boolean;
     hidePreview?: boolean;
+    hidePoll?: boolean;
+    /** Called when a poll is attached/updated. Receives PollData or null when removed */
+    onPollChange?: (poll: import('../composer/PollCreator').PollData | null) => void;
     /** Show cancel button (default true) */
     showCancel?: boolean;
     /** Submit button label (default "Post") */
@@ -44,6 +48,12 @@ export interface PostComposerProps {
     disabled?: boolean;
     /** Hide the built-in submit button and keyboard hint footer (default false). Use when providing external submit buttons */
     hideSubmitArea?: boolean;
+    /** Ref that receives a { submit(), getFinalBody(), clear() } handle. Call submit() from external buttons to trigger the full submit flow. Call getFinalBody() to get body with audio/video URLs appended without submitting. Call clear() to reset all state. */
+    submitRef?: React.MutableRefObject<{
+        submit: () => Promise<void>;
+        getFinalBody: () => string;
+        clear: () => void;
+    } | null>;
     /** Hide the avatar and username header (default false) */
     hideUserHeader?: boolean;
     /** Custom background color for the composer container (e.g. "#262b30", "transparent") */
@@ -53,8 +63,8 @@ export interface PostComposerProps {
 }
 /** @deprecated Use PostComposerProps instead */
 export type AddCommentInputProps = PostComposerProps;
-declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use PostComposer instead */
-declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 export { PostComposer };
 export default AddCommentInput;

package/dist/components/composer/PollCreator.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface PollData {
+    question: string;
+    choices: string[];
+    end_time: number;
+    max_choices_voted: number;
+    allow_vote_changes: boolean;
+    filters: {
+        account_age: number;
+    };
+    ui_hide_res_until_voted: boolean;
+}
+export interface PollCreatorProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSave: (poll: PollData) => void;
+    initialData?: PollData | null;
+}
+declare const PollCreator: React.FC<PollCreatorProps>;
+export default PollCreator;

package/dist/components/composer/index.d.ts

@@ -10,3 +10,5 @@ export { default as EmojiPicker } from './EmojiPicker';
 export type { EmojiPickerProps } from './EmojiPicker';
 export { default as TemplatePicker } from './TemplatePicker';
 export type { TemplatePickerProps } from './TemplatePicker';
+export { default as PollCreator } from './PollCreator';
+export type { PollCreatorProps, PollData } from './PollCreator';