@memoreco/ui 0.2.4 → 0.2.6

package/dist/ui/src/components/thumbnail-card.d.ts

@@ -0,0 +1,25 @@
+export interface ThumbnailCardProps {
+    url: string;
+    imageUrl?: string;
+    status: "loading" | "ready" | "error";
+    onClick?: () => void;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    showHostname?: boolean;
+}
+/**
+ * ThumbnailCard - Displays a thumbnail preview card with loading/error states
+ *
+ * @example
+ * ```tsx
+ * <ThumbnailCard
+ *   url="https://example.com"
+ *   imageUrl="https://cdn.example.com/screenshot.png"
+ *   status="ready"
+ *   onClick={() => console.log('clicked')}
+ *   size="md"
+ *   showHostname={true}
+ * />
+ * ```
+ */
+export declare function ThumbnailCard({ url, imageUrl, status, onClick, className, size, showHostname, }: ThumbnailCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/components/thumbnail-preview.d.ts

@@ -0,0 +1,21 @@
+export interface ThumbnailPreviewOverlayProps {
+    url: string;
+    imageUrl?: string;
+    status: "loading" | "ready" | "error";
+    onClose: () => void;
+    className?: string;
+}
+/**
+ * ThumbnailPreviewOverlay - Full-screen overlay for previewing thumbnails
+ *
+ * @example
+ * ```tsx
+ * <ThumbnailPreviewOverlay
+ *   url="https://example.com"
+ *   imageUrl="https://cdn.example.com/screenshot.png"
+ *   status="ready"
+ *   onClose={() => setPreview(null)}
+ * />
+ * ```
+ */
+export declare function ThumbnailPreviewOverlay({ url, imageUrl, status, onClose, className, }: ThumbnailPreviewOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/components/thumbnail-strip.d.ts

@@ -0,0 +1,30 @@
+export interface ThumbnailData {
+    url: string;
+    imageUrl?: string;
+    status: "loading" | "ready" | "error";
+}
+export interface ThumbnailStripProps {
+    thumbnails: ThumbnailData[];
+    onThumbnailClick?: (thumbnail: ThumbnailData) => void;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    showHostname?: boolean;
+    maxDisplay?: number;
+}
+/**
+ * ThumbnailStrip - Displays a horizontal strip of thumbnail cards
+ *
+ * @example
+ * ```tsx
+ * <ThumbnailStrip
+ *   thumbnails={[
+ *     { url: "https://example.com", imageUrl: "...", status: "ready" },
+ *     { url: "https://figma.com", status: "loading" },
+ *   ]}
+ *   onThumbnailClick={(thumb) => setPreview(thumb)}
+ *   size="md"
+ *   maxDisplay={5}
+ * />
+ * ```
+ */
+export declare function ThumbnailStrip({ thumbnails, onThumbnailClick, className, size, showHostname, maxDisplay, }: ThumbnailStripProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ui/src/index.d.ts

@@ -16,6 +16,9 @@ export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectL
 export { Checkbox } from './components/checkbox';
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './components/alert-dialog';
 export { CodeSample } from './components/code-sample';
+export { ThumbnailCard } from './components/thumbnail-card';
+export { ThumbnailPreviewOverlay } from './components/thumbnail-preview';
+export { ThumbnailStrip } from './components/thumbnail-strip';
 export type { ButtonProps } from './components/button';
 export type { CardProps } from './components/card';
 export type { InputProps } from './components/input';
@@ -25,5 +28,8 @@ export type { BadgeProps } from './components/badge';
 export type { SeparatorProps } from './components/separator';
 export type { DiscLoaderProps } from './components/disc-loader';
 export type { CodeSampleProps } from './components/code-sample';
+export type { ThumbnailCardProps } from './components/thumbnail-card';
+export type { ThumbnailPreviewOverlayProps } from './components/thumbnail-preview';
+export type { ThumbnailStripProps, ThumbnailData as UIThumbnailData } from './components/thumbnail-strip';
 export { cn } from './lib/utils';
-export declare const UI_LIBRARY_VERSION = "0.2.4";
+export declare const UI_LIBRARY_VERSION = "0.2.6";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memoreco/ui",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Memoreco shared UI components with Shadcn",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",