@memoreco/ui 0.2.2 → 0.2.4

package/dist/ui/src/components/code-sample.d.ts

@@ -0,0 +1,61 @@
+import { default as React } from 'react';
+
+export interface CodeSampleProps {
+    /**
+     * Optional caption displayed above the code block
+     */
+    caption?: string;
+    /**
+     * Code content - can be a plain string or React elements for custom syntax highlighting
+     */
+    children: React.ReactNode;
+    /**
+     * Plain text version for clipboard copy (if children is JSX, provide this)
+     */
+    plainText?: string;
+    /**
+     * Enable keyboard shortcut (spacebar) to copy code
+     * @default false
+     */
+    enableSpacebar?: boolean;
+    /**
+     * Show copy success toast notification
+     * @default true
+     */
+    showToast?: boolean;
+    /**
+     * Maximum height for code block with scroll
+     * @default "60vh"
+     */
+    maxHeight?: string;
+    /**
+     * Custom className for the code block container
+     */
+    className?: string;
+}
+/**
+ * CodeSample: Professional code display component with copy functionality
+ *
+ * Features:
+ * - Copy to clipboard with animated feedback
+ * - Hover tooltip showing "Copy" hint
+ * - Optional keyboard shortcut (spacebar) for quick copy
+ * - Smooth scale animation on button press
+ * - Portal-based tooltip positioning
+ * - Toast notifications for copy success/failure
+ * - Supports both plain text and custom JSX syntax highlighting
+ *
+ * Usage:
+ * ```tsx
+ * // Simple usage with plain text
+ * <CodeSample caption="Example">
+ *   {`const hello = "world";`}
+ * </CodeSample>
+ *
+ * // Advanced usage with custom syntax highlighting
+ * <CodeSample caption="React Example" plainText={plainTextVersion}>
+ *   <span className="text-purple-400">import</span> ...
+ * </CodeSample>
+ * ```
+ */
+export declare function CodeSample({ caption, children, plainText, enableSpacebar, showToast, maxHeight, className, }: CodeSampleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,7 @@ export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, Dialog
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, } from './components/select';
 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 type { ButtonProps } from './components/button';
 export type { CardProps } from './components/card';
 export type { InputProps } from './components/input';
@@ -23,4 +24,6 @@ export type { FormProps, FormFieldProps } from './components/form';
 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 { cn } from './lib/utils';
+export declare const UI_LIBRARY_VERSION = "0.2.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memoreco/ui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Memoreco shared UI components with Shadcn",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -45,13 +45,14 @@
     "vite": "^5.0.12",
     "vite-plugin-dts": "^3.7.2",
     "vitest": "^1.2.2",
-    "@memoreco/utils": "0.2.0",
-    "@memoreco/types": "0.2.0"
+    "@memoreco/types": "0.2.0",
+    "@memoreco/utils": "0.2.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
+  "sideEffects": false,
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build",