@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@tetrascience-npm/tetrascience-react-ui",
-  "version": "0.7.0",
+  "version": "1.0.0",
   "description": "TetraScience React UI",
   "type": "module",
   "author": "TetraScience",
   "license": "Apache-2.0",
   "sideEffects": [
     "./dist/index.css",
-    "./dist/index.tailwind.css"
+    "./dist/index.tailwind.css",
+    "./dist/jest-setup.js",
+    "./dist/jest-setup.cjs"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -30,44 +32,144 @@
     },
     "./server": {
       "import": {
-        "types": "./dist/server.d.ts",
+        "types": "./dist/server/index.d.ts",
         "default": "./dist/server.js"
       },
       "require": {
-        "types": "./dist/server.d.ts",
+        "types": "./dist/server/index.d.ts",
         "default": "./dist/server.cjs"
       }
     },
     "./server/providers/athena": {
       "import": {
-        "types": "./dist/providers/athena.d.ts",
+        "types": "./dist/server/providers/entries/athena.d.ts",
         "default": "./dist/providers/athena.js"
       },
       "require": {
-        "types": "./dist/providers/athena.d.ts",
+        "types": "./dist/server/providers/entries/athena.d.ts",
         "default": "./dist/providers/athena.cjs"
       }
     },
     "./server/providers/snowflake": {
       "import": {
-        "types": "./dist/providers/snowflake.d.ts",
+        "types": "./dist/server/providers/entries/snowflake.d.ts",
         "default": "./dist/providers/snowflake.js"
       },
       "require": {
-        "types": "./dist/providers/snowflake.d.ts",
+        "types": "./dist/server/providers/entries/snowflake.d.ts",
         "default": "./dist/providers/snowflake.cjs"
       }
     },
     "./server/providers/databricks": {
       "import": {
-        "types": "./dist/providers/databricks.d.ts",
+        "types": "./dist/server/providers/entries/databricks.d.ts",
         "default": "./dist/providers/databricks.js"
       },
       "require": {
-        "types": "./dist/providers/databricks.d.ts",
+        "types": "./dist/server/providers/entries/databricks.d.ts",
         "default": "./dist/providers/databricks.cjs"
       }
     },
+    "./jest-setup": {
+      "import": {
+        "types": "./dist/jest-setup.d.ts",
+        "default": "./dist/jest-setup.js"
+      },
+      "require": {
+        "types": "./dist/jest-setup.d.ts",
+        "default": "./dist/jest-setup.cjs"
+      }
+    },
+    "./ui/data-table": {
+      "import": {
+        "types": "./dist/components/ui/data-table/index.d.ts",
+        "default": "./dist/ui/data-table.js"
+      },
+      "require": {
+        "types": "./dist/components/ui/data-table/index.d.ts",
+        "default": "./dist/ui/data-table.cjs"
+      }
+    },
+    "./ui/*": {
+      "import": {
+        "types": "./dist/components/ui/*.d.ts",
+        "default": "./dist/ui/*.js"
+      },
+      "require": {
+        "types": "./dist/components/ui/*.d.ts",
+        "default": "./dist/ui/*.cjs"
+      }
+    },
+    "./composed/tdp-link": {
+      "import": {
+        "types": "./dist/components/composed/tdp-link.d.ts",
+        "default": "./dist/composed/tdp-link.js"
+      },
+      "require": {
+        "types": "./dist/components/composed/tdp-link.d.ts",
+        "default": "./dist/composed/tdp-link.cjs"
+      }
+    },
+    "./composed/tdp-url": {
+      "import": {
+        "types": "./dist/components/composed/tdp-url.d.ts",
+        "default": "./dist/composed/tdp-url.js"
+      },
+      "require": {
+        "types": "./dist/components/composed/tdp-url.d.ts",
+        "default": "./dist/composed/tdp-url.cjs"
+      }
+    },
+    "./composed/*": {
+      "import": {
+        "types": "./dist/components/composed/*/index.d.ts",
+        "default": "./dist/composed/*.js"
+      },
+      "require": {
+        "types": "./dist/components/composed/*/index.d.ts",
+        "default": "./dist/composed/*.cjs"
+      }
+    },
+    "./charts/*": {
+      "import": {
+        "types": "./dist/components/charts/*/index.d.ts",
+        "default": "./dist/charts/*.js"
+      },
+      "require": {
+        "types": "./dist/components/charts/*/index.d.ts",
+        "default": "./dist/charts/*.cjs"
+      }
+    },
+    "./ai/*": {
+      "import": {
+        "types": "./dist/components/ai/*.d.ts",
+        "default": "./dist/ai/*.js"
+      },
+      "require": {
+        "types": "./dist/components/ai/*.d.ts",
+        "default": "./dist/ai/*.cjs"
+      }
+    },
+    "./utils/*": {
+      "import": {
+        "types": "./dist/utils/*.d.ts",
+        "default": "./dist/utils/*.js"
+      },
+      "require": {
+        "types": "./dist/utils/*.d.ts",
+        "default": "./dist/utils/*.cjs"
+      }
+    },
+    "./lib/*": {
+      "import": {
+        "types": "./dist/lib/*.d.ts",
+        "default": "./dist/lib/*.js"
+      },
+      "require": {
+        "types": "./dist/lib/*.d.ts",
+        "default": "./dist/lib/*.cjs"
+      }
+    },
     "./index.css": "./dist/index.css",
     "./index.tailwind.css": "./dist/index.tailwind.css",
     "./package.json": "./package.json"
@@ -85,6 +187,7 @@
     "test:all:coverage": "vitest run --coverage",
     "build": "vite build && yarn run postbuild",
     "postbuild": "yarn dlx @tailwindcss/cli@4.2.2 -i ./src/index.tailwind.css -o ./dist/index.tailwind.css --minify",
+    "verify:jest-consumer": "yarn pack --out scripts/verify-jest-consumer/ui-kit.tgz && cd scripts/verify-jest-consumer && npm install && npm test",
     "dev": "yarn storybook",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build && yarn run build-storybook:metadata",
@@ -113,10 +216,9 @@
     "@fontsource-variable/inter": "^5.2.8",
     "@monaco-editor/react": "^4.7.0",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@shikijs/langs": "^4.0.2",
+    "@shikijs/themes": "^4.0.2",
     "@streamdown/cjk": "^1.0.3",
-    "@streamdown/code": "^1.1.1",
-    "@streamdown/math": "^1.0.2",
-    "@streamdown/mermaid": "^1.0.2",
     "@tanstack/react-table": "^8.21.3",
     "@tetrascience-npm/ts-connectors-sdk": "^3.2.0",
     "@xyflow/react": "^12.6.4",
@@ -126,18 +228,13 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
     "lucide-react": "^0.577.0",
     "monaco-editor": "^0.52.2",
     "motion": "^12.38.0",
-    "plotly.js": "^3.0.1",
-    "plotly.js-dist": "^2.35.2",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^9.14.0",
     "react-markdown": "^10.1.0",
-    "react-plotly.js": "^2.6.0",
     "react-resizable-panels": "^4.7.1",
-    "react-syntax-highlighter": "^15.6.1",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "shiki": "^4.0.2",
@@ -145,12 +242,15 @@
     "streamdown": "^2.5.0",
     "tailwind-merge": "^3.5.0",
     "tokenlens": "^1.3.1",
-    "use-stick-to-bottom": "^1.1.3",
-    "vaul": "^1.1.2"
+    "use-stick-to-bottom": "^1.1.3"
   },
   "peerDependencies": {
     "@aws-sdk/client-athena": "^3.0.0",
     "@databricks/sql": "^1.0.0",
+    "@rdkit/rdkit": "2025.3.4-1.0.0",
+    "@streamdown/math": "^1.0.2",
+    "@streamdown/mermaid": "^1.0.2",
+    "plotly.js-dist": "^2.35.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "snowflake-sdk": "^2.0.0"
@@ -162,19 +262,30 @@
     "@databricks/sql": {
       "optional": true
     },
+    "@rdkit/rdkit": {
+      "optional": true
+    },
+    "@streamdown/math": {
+      "optional": true
+    },
+    "@streamdown/mermaid": {
+      "optional": true
+    },
+    "plotly.js-dist": {
+      "optional": true
+    },
     "snowflake-sdk": {
       "optional": true
     }
   },
   "devDependencies": {
     "@aws-sdk/client-athena": "^3.975.0",
-    "@aws-sdk/client-s3": "^3.985.0",
-    "@aws-sdk/s3-request-presigner": "^3.985.0",
     "@commitlint/cli": "^20.5.0",
     "@commitlint/config-conventional": "^20.5.0",
     "@databricks/sql": "^1.12.0",
     "@eslint/js": "^9.9.0",
     "@modelcontextprotocol/sdk": "^1.29.0",
+    "@rdkit/rdkit": "2025.3.4-1.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/git": "^10.0.1",
@@ -189,6 +300,8 @@
     "@storybook/addon-vitest": "^10.4.6",
     "@storybook/builder-vite": "^10.4.6",
     "@storybook/react-vite": "^10.4.6",
+    "@streamdown/math": "^1.0.2",
+    "@streamdown/mermaid": "^1.0.2",
     "@tailwindcss/vite": "^4.2.2",
     "@types/eslint-plugin-jsx-a11y": "^6",
     "@types/jsdom": "^27",
@@ -196,12 +309,11 @@
     "@types/plotly.js": "^3.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "@types/react-plotly.js": "^2.6.3",
-    "@types/react-syntax-highlighter": "^15",
     "@vercel/node": "^5.4.5",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/browser": "^3",
     "@vitest/coverage-v8": "^3",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
     "cookie-parser": "^1.4.7",
     "eslint": "^9.9.0",
     "eslint-plugin-import": "^2.31.0",
@@ -218,6 +330,7 @@
     "jsdom": "^28.1.0",
     "lint-staged": "^15.2.0",
     "playwright": "^1.58.2",
+    "plotly.js-dist": "^2.35.2",
     "prettier": "^3.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package/dist/athena.d.ts

@@ -1,167 +0,0 @@
-import { AthenaClient as AthenaClient_2 } from '@aws-sdk/client-athena';
-import { awsSdkClientAthena } from '@aws-sdk/client-athena';
-
-/**
- * Athena Data Provider
- *
- * TypeScript equivalent of AthenaProvider from
- * ts-lib-ui-kit-streamlit/tetrascience/data_app_providers/provider.py
- *
- * @remarks
- * This provider requires the `@aws-sdk/client-athena` package to be installed.
- * It is an optional peer dependency - install it only if you need Athena support:
- * ```bash
- * npm install @aws-sdk/client-athena
- * # or
- * yarn add @aws-sdk/client-athena
- * ```
- */
-declare type AthenaClient = AthenaClient_2;
-
-/**
- * Athena data provider
- */
-export declare class AthenaProvider {
-    private client;
-    private sdk;
-    private workgroup;
-    private database;
-    private outputLocation?;
-    /**
-     * Initialize the Athena data provider
-     *
-     * @param client - AWS Athena client
-     * @param sdk - AWS Athena SDK module (for accessing command classes)
-     * @param workgroup - Athena workgroup to use
-     * @param database - Default database/schema
-     * @param outputLocation - Optional S3 output location
-     */
-    constructor(client: AthenaClient, sdk: AthenaSDK, workgroup: string, database: string, outputLocation?: string);
-    /**
-     * Query the Athena database
-     *
-     * @param sqlQuery - SQL query to execute
-     * @param _params - Parameters to pass to the query (currently not used - Athena doesn't support parameterized queries)
-     * @returns Promise resolving to array of row objects
-     *
-     * @remarks
-     * **Security Note:** AWS Athena does not support parameterized queries.
-     * Unlike traditional databases, there is no native way to use bind parameters
-     * with Athena. Callers are responsible for properly sanitizing any user input
-     * before constructing the SQL query string. This is a known limitation of the
-     * Athena service, not a design flaw in this implementation.
-     */
-    query(sqlQuery: string, _params?: Record<string, unknown>): Promise<Array<Record<string, unknown>>>;
-    /**
-     * Wait for query to complete
-     */
-    private waitForQueryCompletion;
-    /**
-     * Fetch all results from a completed query
-     */
-    private fetchAllResults;
-    /**
-     * Close the Athena client (no-op for AWS SDK clients)
-     */
-    close(): Promise<void>;
-}
-
-declare type AthenaSDK = awsSdkClientAthena;
-
-/**
- * Get the TDP Athena provider
- *
- * Creates an Athena provider using TDP environment configuration
- *
- * @returns Promise resolving to Athena data provider
- * @throws {InvalidProviderConfigurationError} If @aws-sdk/client-athena is not installed
- * @throws {Error} If ATHENA_S3_OUTPUT_LOCATION is not set when using the 'primary' workgroup
- */
-export declare function getTdpAthenaProvider(): Promise<AthenaProvider>;
-
-/**
- * Raised when the provider configuration is invalid
- */
-export declare class InvalidProviderConfigurationError extends ProviderError {
-    constructor(message: string);
-}
-
-/**
- * Raised when a table is missing in the database
- */
-export declare class MissingTableError extends ProviderError {
-    constructor(message: string);
-}
-
-/**
- * Data App Provider Types
- *
- * TypeScript equivalents of the Python ProviderConfiguration Pydantic models
- * from ts-lib-ui-kit-streamlit/tetrascience/data_app_providers/provider_typing.py
- */
-/**
- * Configuration model for data providers.
- *
- * This interface represents the configuration needed to connect to various
- * database providers (Snowflake, Databricks, Athena, Benchling, etc.)
- * attached to a data app.
- */
-export declare interface ProviderConfiguration {
-    /** Human-readable name of the provider */
-    name: string;
-    /** Provider type (snowflake, databricks, benchling, custom, etc.) */
-    type: string;
-    /** Optional URL to the provider's icon */
-    iconUrl?: string;
-    /** Dictionary containing connection details and credentials */
-    fields: Record<string, string | undefined>;
-}
-
-/**
- * Raised when connecting to a provider fails
- */
-export declare class ProviderConnectionError extends ProviderError {
-    constructor(message: string);
-}
-
-/**
- * Provider Exceptions
- *
- * TypeScript equivalents of the Python exceptions from
- * ts-lib-ui-kit-streamlit/tetrascience/data_app_providers/exceptions.py
- */
-/**
- * Base class for provider errors
- */
-export declare class ProviderError extends Error {
-    constructor(message: string);
-}
-
-/**
- * Raised when a query fails
- */
-export declare class QueryError extends ProviderError {
-    constructor(message: string);
-}
-
-/**
- * Standardized query result from data providers.
- *
- * This interface provides a consistent shape for query results across
- * all provider types (Snowflake, Databricks, Athena), with optional
- * metadata for API responses.
- */
-export declare interface QueryResult {
-    /** Array of row objects returned by the query */
-    data: Array<Record<string, unknown>>;
-    /** Number of rows returned */
-    rowCount: number;
-    /** Name of the provider that executed the query */
-    provider?: string;
-    /** Whether this is mock/demo data */
-    mock?: boolean;
-    /** Optional message (e.g., for errors or warnings) */
-    message?: string;
-}
-
-export { }

package/dist/components/ai/attachments.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("lucide-react"),u=require("react"),A=require("../ui/button.cjs"),h=require("../ui/hover-card.cjs"),i=require("../../lib/utils.cjs"),y={audio:a.Music2Icon,document:a.FileTextIcon,image:a.ImageIcon,source:a.GlobeIcon,unknown:a.PaperclipIcon,video:a.VideoIcon},x=e=>{if(e.type==="source-document")return"source";const t=e.mediaType??"";return t.startsWith("image/")?"image":t.startsWith("video/")?"video":t.startsWith("audio/")?"audio":t.startsWith("application/")||t.startsWith("text/")?"document":"unknown"},v=e=>{if(e.type==="source-document")return e.title||e.filename||"Source";const t=x(e);return e.filename||(t==="image"?"Image":"Attachment")},j=(e,t,r)=>r?n.jsx("img",{alt:t||"Image",className:"size-full object-cover",height:96,src:e,width:96}):n.jsx("img",{alt:t||"Image",className:"size-full rounded object-cover",height:20,src:e,width:20}),p=u.createContext(null),f=u.createContext(null),b=()=>u.useContext(p)??{variant:"grid"},m=()=>{const e=u.useContext(f);if(!e)throw new Error("Attachment components must be used within <Attachment>");return e},I=({variant:e="grid",className:t,children:r,...o})=>{const s=u.useMemo(()=>({variant:e}),[e]);return n.jsx(p.Provider,{value:s,children:n.jsx("div",{className:i.cn("flex items-start",e==="list"?"flex-col gap-2":"flex-wrap gap-2",e==="grid"&&"ml-auto w-fit",t),...o,children:r})})},w=({data:e,onRemove:t,className:r,children:o,...s})=>{const{variant:c}=b(),l=x(e),d=u.useMemo(()=>({data:e,mediaCategory:l,onRemove:t,variant:c}),[e,l,t,c]);return n.jsx(f.Provider,{value:d,children:n.jsx("div",{className:i.cn("group relative",c==="grid"&&"size-24 overflow-hidden rounded-lg",c==="inline"&&["flex h-8 cursor-pointer select-none items-center gap-1.5","rounded-md border border-border px-1.5","font-medium text-sm transition-all","hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"],c==="list"&&["flex w-full items-center gap-3 rounded-lg border p-3","hover:bg-accent/50"],r),...s,children:o})})},z=({fallbackIcon:e,className:t,...r})=>{const{data:o,mediaCategory:s,variant:c}=m(),l=c==="inline"?"size-3":"size-4",d=g=>n.jsx(g,{className:i.cn(l,"text-muted-foreground")}),C=()=>{if(s==="image"&&o.type==="file"&&o.url)return j(o.url,o.filename,c==="grid");if(s==="video"&&o.type==="file"&&o.url)return n.jsx("video",{className:"size-full object-cover",muted:!0,src:o.url});const g=y[s];return e??d(g)};return n.jsx("div",{className:i.cn("flex shrink-0 items-center justify-center overflow-hidden",c==="grid"&&"size-full bg-muted",c==="inline"&&"size-5 rounded bg-background",c==="list"&&"size-12 rounded bg-muted",t),...r,children:C()})},N=({showMediaType:e=!1,className:t,...r})=>{const{data:o,variant:s}=m(),c=v(o);return s==="grid"?null:n.jsxs("div",{className:i.cn("min-w-0 flex-1",t),...r,children:[n.jsx("span",{className:"block truncate",children:c}),e&&o.mediaType&&n.jsx("span",{className:"block truncate text-muted-foreground text-xs",children:o.mediaType})]})},k=({label:e="Remove",className:t,children:r,...o})=>{const{onRemove:s,variant:c}=m(),l=u.useCallback(d=>{d.stopPropagation(),s?.()},[s]);return s?n.jsxs(A.Button,{"aria-label":e,className:i.cn(c==="grid"&&["absolute top-2 right-2 size-6 rounded-full p-0","bg-background/80 backdrop-blur-sm","opacity-0 transition-opacity group-hover:opacity-100","hover:bg-background","[&>svg]:size-3"],c==="inline"&&["size-5 rounded p-0","opacity-0 transition-opacity group-hover:opacity-100","[&>svg]:size-2.5"],c==="list"&&["size-8 shrink-0 rounded p-0","[&>svg]:size-4"],t),onClick:l,type:"button",variant:"ghost",...o,children:[r??n.jsx(a.XIcon,{}),n.jsx("span",{className:"sr-only",children:e})]}):null},H=({openDelay:e=0,closeDelay:t=0,...r})=>n.jsx(h.HoverCard,{closeDelay:t,openDelay:e,...r}),T=e=>n.jsx(h.HoverCardTrigger,{...e}),P=({align:e="start",className:t,...r})=>n.jsx(h.HoverCardContent,{align:e,className:i.cn("w-auto p-2",t),...r}),q=({className:e,children:t,...r})=>n.jsx("div",{className:i.cn("flex items-center justify-center p-4 text-muted-foreground text-sm",e),...r,children:t??"No attachments"});exports.Attachment=w;exports.AttachmentEmpty=q;exports.AttachmentHoverCard=H;exports.AttachmentHoverCardContent=P;exports.AttachmentHoverCardTrigger=T;exports.AttachmentInfo=N;exports.AttachmentPreview=z;exports.AttachmentRemove=k;exports.Attachments=I;exports.getAttachmentLabel=v;exports.getMediaCategory=x;exports.useAttachmentContext=m;exports.useAttachmentsContext=b;
-//# sourceMappingURL=attachments.cjs.map

package/dist/components/ai/attachments.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachments.cjs","sources":["../../../src/components/ai/attachments.tsx"],"sourcesContent":["import {\n  FileTextIcon,\n  GlobeIcon,\n  ImageIcon,\n  Music2Icon,\n  PaperclipIcon,\n  VideoIcon,\n  XIcon,\n} from \"lucide-react\";\nimport { createContext, useCallback, useContext, useMemo } from \"react\";\n\nimport type { FileUIPart, SourceDocumentUIPart } from \"ai\";\nimport type { ComponentProps, HTMLAttributes, ReactNode } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type AttachmentData =\n  | (FileUIPart & { id: string })\n  | (SourceDocumentUIPart & { id: string });\n\nexport type AttachmentMediaCategory =\n  | \"image\"\n  | \"video\"\n  | \"audio\"\n  | \"document\"\n  | \"source\"\n  | \"unknown\";\n\nexport type AttachmentVariant = \"grid\" | \"inline\" | \"list\";\n\nconst mediaCategoryIcons: Record<AttachmentMediaCategory, typeof ImageIcon> = {\n  audio: Music2Icon,\n  document: FileTextIcon,\n  image: ImageIcon,\n  source: GlobeIcon,\n  unknown: PaperclipIcon,\n  video: VideoIcon,\n};\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\nexport const getMediaCategory = (\n  data: AttachmentData\n): AttachmentMediaCategory => {\n  if (data.type === \"source-document\") {\n    return \"source\";\n  }\n\n  const mediaType = data.mediaType ?? \"\";\n\n  if (mediaType.startsWith(\"image/\")) {\n    return \"image\";\n  }\n  if (mediaType.startsWith(\"video/\")) {\n    return \"video\";\n  }\n  if (mediaType.startsWith(\"audio/\")) {\n    return \"audio\";\n  }\n  if (mediaType.startsWith(\"application/\") || mediaType.startsWith(\"text/\")) {\n    return \"document\";\n  }\n\n  return \"unknown\";\n};\n\nexport const getAttachmentLabel = (data: AttachmentData): string => {\n  if (data.type === \"source-document\") {\n    return data.title || data.filename || \"Source\";\n  }\n\n  const category = getMediaCategory(data);\n  return data.filename || (category === \"image\" ? \"Image\" : \"Attachment\");\n};\n\nconst renderAttachmentImage = (\n  url: string,\n  filename: string | undefined,\n  isGrid: boolean\n) =>\n  isGrid ? (\n    <img\n      alt={filename || \"Image\"}\n      className=\"size-full object-cover\"\n      height={96}\n      src={url}\n      width={96}\n    />\n  ) : (\n    <img\n      alt={filename || \"Image\"}\n      className=\"size-full rounded object-cover\"\n      height={20}\n      src={url}\n      width={20}\n    />\n  );\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\ninterface AttachmentsContextValue {\n  variant: AttachmentVariant;\n}\n\nconst AttachmentsContext = createContext<AttachmentsContextValue | null>(null);\n\ninterface AttachmentContextValue {\n  data: AttachmentData;\n  mediaCategory: AttachmentMediaCategory;\n  onRemove?: () => void;\n  variant: AttachmentVariant;\n}\n\nconst AttachmentContext = createContext<AttachmentContextValue | null>(null);\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\nexport const useAttachmentsContext = () =>\n  useContext(AttachmentsContext) ?? { variant: \"grid\" as const };\n\nexport const useAttachmentContext = () => {\n  const ctx = useContext(AttachmentContext);\n  if (!ctx) {\n    throw new Error(\"Attachment components must be used within <Attachment>\");\n  }\n  return ctx;\n};\n\n// ============================================================================\n// Attachments - Container\n// ============================================================================\n\nexport type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n  variant?: AttachmentVariant;\n};\n\nexport const Attachments = ({\n  variant = \"grid\",\n  className,\n  children,\n  ...props\n}: AttachmentsProps) => {\n  const contextValue = useMemo(() => ({ variant }), [variant]);\n\n  return (\n    <AttachmentsContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"flex items-start\",\n          variant === \"list\" ? \"flex-col gap-2\" : \"flex-wrap gap-2\",\n          variant === \"grid\" && \"ml-auto w-fit\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </AttachmentsContext.Provider>\n  );\n};\n\n// ============================================================================\n// Attachment - Item\n// ============================================================================\n\nexport type AttachmentProps = HTMLAttributes<HTMLDivElement> & {\n  data: AttachmentData;\n  onRemove?: () => void;\n};\n\nexport const Attachment = ({\n  data,\n  onRemove,\n  className,\n  children,\n  ...props\n}: AttachmentProps) => {\n  const { variant } = useAttachmentsContext();\n  const mediaCategory = getMediaCategory(data);\n\n  const contextValue = useMemo<AttachmentContextValue>(\n    () => ({ data, mediaCategory, onRemove, variant }),\n    [data, mediaCategory, onRemove, variant]\n  );\n\n  return (\n    <AttachmentContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"group relative\",\n          variant === \"grid\" && \"size-24 overflow-hidden rounded-lg\",\n          variant === \"inline\" && [\n            \"flex h-8 cursor-pointer select-none items-center gap-1.5\",\n            \"rounded-md border border-border px-1.5\",\n            \"font-medium text-sm transition-all\",\n            \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n          ],\n          variant === \"list\" && [\n            \"flex w-full items-center gap-3 rounded-lg border p-3\",\n            \"hover:bg-accent/50\",\n          ],\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </AttachmentContext.Provider>\n  );\n};\n\n// ============================================================================\n// AttachmentPreview - Media preview\n// ============================================================================\n\nexport type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {\n  fallbackIcon?: ReactNode;\n};\n\nexport const AttachmentPreview = ({\n  fallbackIcon,\n  className,\n  ...props\n}: AttachmentPreviewProps) => {\n  const { data, mediaCategory, variant } = useAttachmentContext();\n\n  const iconSize = variant === \"inline\" ? \"size-3\" : \"size-4\";\n\n  const renderIcon = (Icon: typeof ImageIcon) => (\n    <Icon className={cn(iconSize, \"text-muted-foreground\")} />\n  );\n\n  const renderContent = () => {\n    if (mediaCategory === \"image\" && data.type === \"file\" && data.url) {\n      return renderAttachmentImage(data.url, data.filename, variant === \"grid\");\n    }\n\n    if (mediaCategory === \"video\" && data.type === \"file\" && data.url) {\n      return <video className=\"size-full object-cover\" muted src={data.url} />;\n    }\n\n    const Icon = mediaCategoryIcons[mediaCategory];\n    return fallbackIcon ?? renderIcon(Icon);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex shrink-0 items-center justify-center overflow-hidden\",\n        variant === \"grid\" && \"size-full bg-muted\",\n        variant === \"inline\" && \"size-5 rounded bg-background\",\n        variant === \"list\" && \"size-12 rounded bg-muted\",\n        className\n      )}\n      {...props}\n    >\n      {renderContent()}\n    </div>\n  );\n};\n\n// ============================================================================\n// AttachmentInfo - Name and type display\n// ============================================================================\n\nexport type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {\n  showMediaType?: boolean;\n};\n\nexport const AttachmentInfo = ({\n  showMediaType = false,\n  className,\n  ...props\n}: AttachmentInfoProps) => {\n  const { data, variant } = useAttachmentContext();\n  const label = getAttachmentLabel(data);\n\n  if (variant === \"grid\") {\n    return null;\n  }\n\n  return (\n    <div className={cn(\"min-w-0 flex-1\", className)} {...props}>\n      <span className=\"block truncate\">{label}</span>\n      {showMediaType && data.mediaType && (\n        <span className=\"block truncate text-muted-foreground text-xs\">\n          {data.mediaType}\n        </span>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// AttachmentRemove - Remove button\n// ============================================================================\n\nexport type AttachmentRemoveProps = ComponentProps<typeof Button> & {\n  label?: string;\n};\n\nexport const AttachmentRemove = ({\n  label = \"Remove\",\n  className,\n  children,\n  ...props\n}: AttachmentRemoveProps) => {\n  const { onRemove, variant } = useAttachmentContext();\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onRemove?.();\n    },\n    [onRemove]\n  );\n\n  if (!onRemove) {\n    return null;\n  }\n\n  return (\n    <Button\n      aria-label={label}\n      className={cn(\n        variant === \"grid\" && [\n          \"absolute top-2 right-2 size-6 rounded-full p-0\",\n          \"bg-background/80 backdrop-blur-sm\",\n          \"opacity-0 transition-opacity group-hover:opacity-100\",\n          \"hover:bg-background\",\n          \"[&>svg]:size-3\",\n        ],\n        variant === \"inline\" && [\n          \"size-5 rounded p-0\",\n          \"opacity-0 transition-opacity group-hover:opacity-100\",\n          \"[&>svg]:size-2.5\",\n        ],\n        variant === \"list\" && [\"size-8 shrink-0 rounded p-0\", \"[&>svg]:size-4\"],\n        className\n      )}\n      onClick={handleClick}\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <XIcon />}\n      <span className=\"sr-only\">{label}</span>\n    </Button>\n  );\n};\n\n// ============================================================================\n// AttachmentHoverCard - Hover preview\n// ============================================================================\n\nexport type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;\n\nexport const AttachmentHoverCard = ({\n  openDelay = 0,\n  closeDelay = 0,\n  ...props\n}: AttachmentHoverCardProps) => (\n  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />\n);\n\nexport type AttachmentHoverCardTriggerProps = ComponentProps<\n  typeof HoverCardTrigger\n>;\n\nexport const AttachmentHoverCardTrigger = (\n  props: AttachmentHoverCardTriggerProps\n) => <HoverCardTrigger {...props} />;\n\nexport type AttachmentHoverCardContentProps = ComponentProps<\n  typeof HoverCardContent\n>;\n\nexport const AttachmentHoverCardContent = ({\n  align = \"start\",\n  className,\n  ...props\n}: AttachmentHoverCardContentProps) => (\n  <HoverCardContent\n    align={align}\n    className={cn(\"w-auto p-2\", className)}\n    {...props}\n  />\n);\n\n// ============================================================================\n// AttachmentEmpty - Empty state\n// ============================================================================\n\nexport type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AttachmentEmpty = ({\n  className,\n  children,\n  ...props\n}: AttachmentEmptyProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-center p-4 text-muted-foreground text-sm\",\n      className\n    )}\n    {...props}\n  >\n    {children ?? \"No attachments\"}\n  </div>\n);\n"],"names":["mediaCategoryIcons","Music2Icon","FileTextIcon","ImageIcon","GlobeIcon","PaperclipIcon","VideoIcon","getMediaCategory","data","mediaType","getAttachmentLabel","category","renderAttachmentImage","url","filename","isGrid","jsx","AttachmentsContext","createContext","AttachmentContext","useAttachmentsContext","useContext","useAttachmentContext","ctx","Attachments","variant","className","children","props","contextValue","useMemo","cn","Attachment","onRemove","mediaCategory","AttachmentPreview","fallbackIcon","iconSize","renderIcon","Icon","renderContent","AttachmentInfo","showMediaType","label","jsxs","AttachmentRemove","handleClick","useCallback","e","Button","XIcon","AttachmentHoverCard","openDelay","closeDelay","HoverCard","AttachmentHoverCardTrigger","HoverCardTrigger","AttachmentHoverCardContent","align","HoverCardContent","AttachmentEmpty"],"mappings":"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"}