@gram-ai/elements 1.27.3 → 1.27.5

package/README.md

@@ -48,88 +48,100 @@ We provide framework-specific adapters to make it easy to set up a backend endpo
 ### Express
 
 ```typescript
-import { createExpressHandler } from '@gram-ai/elements/server/express'
-import express from 'express'
-
-const app = express()
-app.use(express.json())
-
-app.post('/chat/session', createExpressHandler({
-  embedOrigin: 'http://localhost:3000',
-  userIdentifier: 'user-123',
-  expiresAfter: 3600, // optional, max 3600 seconds
-}))
-
-app.listen(3000)
+import { createExpressHandler } from "@gram-ai/elements/server/express";
+import express from "express";
+
+const app = express();
+app.use(express.json());
+
+app.post(
+  "/chat/session",
+  createExpressHandler({
+    embedOrigin: "http://localhost:3000",
+    userIdentifier: "user-123",
+    expiresAfter: 3600, // optional, max 3600 seconds
+  }),
+);
+
+app.listen(3000);
 ```
 
 For dynamic options based on the request:
 
 ```typescript
-app.post('/chat/session', createExpressHandler((req) => ({
-  embedOrigin: req.headers.origin || 'http://localhost:3000',
-  userIdentifier: req.user?.id || 'anonymous',
-  expiresAfter: 3600,
-})))
+app.post(
+  "/chat/session",
+  createExpressHandler((req) => ({
+    embedOrigin: req.headers.origin || "http://localhost:3000",
+    userIdentifier: req.user?.id || "anonymous",
+    expiresAfter: 3600,
+  })),
+);
 ```
 
 ### Next.js App Router
 
 ```typescript
 // app/chat/session/route.ts
-import { createNextHandler } from '@gram-ai/elements/server/nextjs'
+import { createNextHandler } from "@gram-ai/elements/server/nextjs";
 
 export const POST = createNextHandler({
-  embedOrigin: 'http://localhost:3000',
-  userIdentifier: 'user-123',
+  embedOrigin: "http://localhost:3000",
+  userIdentifier: "user-123",
   expiresAfter: 3600,
-})
-import { cookies } from 'next/headers'
+});
+import { cookies } from "next/headers";
 
 export const POST = createNextHandler(async (request) => {
-  const cookieStore = await cookies()
-  const userId = cookieStore.get('userId')?.value || 'anonymous'
+  const cookieStore = await cookies();
+  const userId = cookieStore.get("userId")?.value || "anonymous";
 
   return {
-    embedOrigin: request.headers.get('origin') || 'http://localhost:3000',
+    embedOrigin: request.headers.get("origin") || "http://localhost:3000",
     userIdentifier: userId,
     expiresAfter: 3600,
-  }
-})
+  };
+});
 ```
 
 ### Fastify
 
 ```typescript
-import { createFastifyHandler } from '@gram-ai/elements/server/fastify'
-import Fastify from 'fastify'
+import { createFastifyHandler } from "@gram-ai/elements/server/fastify";
+import Fastify from "fastify";
 
-const fastify = Fastify()
+const fastify = Fastify();
 
-fastify.post('/chat/session', createFastifyHandler({
-  embedOrigin: 'http://localhost:3000',
-  userIdentifier: 'user-123',
-  expiresAfter: 3600,
-}))
+fastify.post(
+  "/chat/session",
+  createFastifyHandler({
+    embedOrigin: "http://localhost:3000",
+    userIdentifier: "user-123",
+    expiresAfter: 3600,
+  }),
+);
 
-fastify.listen({ port: 3000 })
+fastify.listen({ port: 3000 });
 ```
 
 ### Hono
 
 ```typescript
-import { createHonoHandler } from '@gram-ai/elements/server/hono'
-import { Hono } from 'hono'
+import { createHonoHandler } from "@gram-ai/elements/server/hono";
+import { Hono } from "hono";
 
-const app = new Hono()
+const app = new Hono();
 
-app.post('/chat/session', createHonoHandler({
-  embedOrigin: 'http://localhost:3000',
-  userIdentifier: 'user-123',
-  expiresAfter: 3600,
-}))
+app.post(
+  "/chat/session",
+  createHonoHandler({
+    embedOrigin: "http://localhost:3000",
+    userIdentifier: "user-123",
+    expiresAfter: 3600,
+  }),
+);
 
-export default app
+export default app;
 ```
 
 ### Environment Variables
@@ -284,12 +296,12 @@ export const App = () => {
 You can also import and use plugins individually:
 
 ```typescript
-import { chart } from '@gram-ai/elements/plugins'
+import { chart } from "@gram-ai/elements/plugins";
 
 const config: ElementsConfig = {
   // ... other config
   plugins: [chart],
-}
+};
 ```
 
 ### Using Custom Plugins
@@ -352,17 +364,17 @@ import {
   GramElementsProvider,
   Chat,
   useRecordCassette,
-} from '@gram-ai/elements'
+} from "@gram-ai/elements";
 
 function RecordableChat() {
-  const { isRecording, startRecording, download } = useRecordCassette()
+  const { isRecording, startRecording, download } = useRecordCassette();
   return (
     <>
       <Chat />
       <button onClick={startRecording}>Record</button>
-      <button onClick={() => download('demo')}>Save</button>
+      <button onClick={() => download("demo")}>Save</button>
     </>
-  )
+  );
 }
 ```
 
@@ -371,15 +383,15 @@ function RecordableChat() {
 Use the `<Replay>` component, which replaces `GramElementsProvider` entirely:
 
 ```tsx
-import { Replay, Chat } from '@gram-ai/elements'
-import cassette from './demo.cassette.json'
+import { Replay, Chat } from "@gram-ai/elements";
+import cassette from "./demo.cassette.json";
 
 function MarketingDemo() {
   return (
-    <Replay cassette={cassette} config={{ variant: 'standalone' }}>
+    <Replay cassette={cassette} config={{ variant: "standalone" }}>
       <Chat />
     </Replay>
-  )
+  );
 }
 ```
 
@@ -405,13 +417,13 @@ React 18 and 19 work out of the box. For React 16 or 17, you need to configure y
 Add the compatibility plugin to your Vite config:
 
 ```typescript
-import react from '@vitejs/plugin-react'
-import { reactCompat } from '@gram-ai/elements/compat'
-import { defineConfig } from 'vite'
+import react from "@vitejs/plugin-react";
+import { reactCompat } from "@gram-ai/elements/compat";
+import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [react(), reactCompat()],
-})
+});
 ```
 
 This automatically shims React 18 APIs (`useSyncExternalStore`, `useId`, `useInsertionEffect`) so that Elements and its dependencies work correctly on older React versions.

package/README.typedoc.md

@@ -9,12 +9,12 @@ Please follow the [Setup Instructions](./README.md#setup) in the main README to
 The minimal configuration required to get Elements setup is demonstrated below:
 
 ```ts
-import type { ElementsConfig } from '@gram-ai/elements'
+import type { ElementsConfig } from "@gram-ai/elements";
 
 const config: ElementsConfig = {
-  mcp: 'https://app.getgram.ai/mcp/your-mcp-slug',
-  projectSlug: 'your-project-slug',
-}
+  mcp: "https://app.getgram.ai/mcp/your-mcp-slug",
+  projectSlug: "your-project-slug",
+};
 ```
 
 The `mcp` and `projectSlug` values can be retrieved from the MCP and project pages respectively.
@@ -24,11 +24,11 @@ The `mcp` and `projectSlug` values can be retrieved from the MCP and project pag
 `@gram-ai/elements` supports React 16.8+, React 17, React 18, and React 19. React 18 and 19 work out of the box. For React 16 or 17, add the compatibility plugin to your Vite config:
 
 ```ts
-import { reactCompat } from '@gram-ai/elements/compat'
+import { reactCompat } from "@gram-ai/elements/compat";
 
 export default defineConfig({
   plugins: [react(), reactCompat()],
-})
+});
 ```
 
 React 16 and React 17 are not regularly tested — please reach out to us for support if you run into any issues with these versions.

package/bin/cli.js

@@ -1,89 +1,89 @@
 #!/usr/bin/env node
 
-import { execSync } from 'node:child_process'
-import { existsSync, readFileSync } from 'node:fs'
-import { resolve, dirname } from 'node:path'
-import { fileURLToPath } from 'node:url'
+import { execSync } from "node:child_process";
+import { existsSync, readFileSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
 
 // Colors
 const c = {
-  reset: '\x1b[0m',
-  bold: '\x1b[1m',
-  dim: '\x1b[2m',
-  cyan: '\x1b[36m',
-  green: '\x1b[32m',
-  yellow: '\x1b[33m',
-  red: '\x1b[31m',
-  magenta: '\x1b[35m',
-  blue: '\x1b[34m',
-  bgCyan: '\x1b[46m',
-  bgBlue: '\x1b[44m',
-  white: '\x1b[37m',
-}
+  reset: "\x1b[0m",
+  bold: "\x1b[1m",
+  dim: "\x1b[2m",
+  cyan: "\x1b[36m",
+  green: "\x1b[32m",
+  yellow: "\x1b[33m",
+  red: "\x1b[31m",
+  magenta: "\x1b[35m",
+  blue: "\x1b[34m",
+  bgCyan: "\x1b[46m",
+  bgBlue: "\x1b[44m",
+  white: "\x1b[37m",
+};
 
 // Read peer dependencies from package.json (excluding @types/* packages)
-const __dirname = dirname(fileURLToPath(import.meta.url))
+const __dirname = dirname(fileURLToPath(import.meta.url));
 const packageJson = JSON.parse(
-  readFileSync(resolve(__dirname, '../package.json'), 'utf-8')
-)
+  readFileSync(resolve(__dirname, "../package.json"), "utf-8"),
+);
 const PEER_DEPS = Object.keys(packageJson.peerDependencies || {}).filter(
-  (dep) => !dep.startsWith('@types/')
-)
+  (dep) => !dep.startsWith("@types/"),
+);
 
-const PACKAGE_NAME = '@gram-ai/elements'
+const PACKAGE_NAME = "@gram-ai/elements";
 
 function detectPackageManager() {
-  const cwd = process.cwd()
+  const cwd = process.cwd();
 
   // Check for lockfiles
   if (
-    existsSync(resolve(cwd, 'bun.lockb')) ||
-    existsSync(resolve(cwd, 'bun.lock'))
+    existsSync(resolve(cwd, "bun.lockb")) ||
+    existsSync(resolve(cwd, "bun.lock"))
   ) {
-    return 'bun'
+    return "bun";
   }
-  if (existsSync(resolve(cwd, 'pnpm-lock.yaml'))) {
-    return 'pnpm'
+  if (existsSync(resolve(cwd, "pnpm-lock.yaml"))) {
+    return "pnpm";
   }
-  if (existsSync(resolve(cwd, 'yarn.lock'))) {
-    return 'yarn'
+  if (existsSync(resolve(cwd, "yarn.lock"))) {
+    return "yarn";
   }
-  if (existsSync(resolve(cwd, 'package-lock.json'))) {
-    return 'npm'
+  if (existsSync(resolve(cwd, "package-lock.json"))) {
+    return "npm";
   }
 
   // Check for npm_config_user_agent (set when running via npx/pnpm dlx/etc)
-  const userAgent = process.env.npm_config_user_agent || ''
-  if (userAgent.includes('bun')) return 'bun'
-  if (userAgent.includes('pnpm')) return 'pnpm'
-  if (userAgent.includes('yarn')) return 'yarn'
+  const userAgent = process.env.npm_config_user_agent || "";
+  if (userAgent.includes("bun")) return "bun";
+  if (userAgent.includes("pnpm")) return "pnpm";
+  if (userAgent.includes("yarn")) return "yarn";
 
   // Default to npm
-  return 'npm'
+  return "npm";
 }
 
 function getInstallCommand(pm, packages) {
-  const pkgString = packages.join(' ')
+  const pkgString = packages.join(" ");
   switch (pm) {
-    case 'bun':
-      return `bun add ${pkgString}`
-    case 'pnpm':
-      return `pnpm add ${pkgString}`
-    case 'yarn':
-      return `yarn add ${pkgString}`
-    case 'npm':
+    case "bun":
+      return `bun add ${pkgString}`;
+    case "pnpm":
+      return `pnpm add ${pkgString}`;
+    case "yarn":
+      return `yarn add ${pkgString}`;
+    case "npm":
     default:
-      return `npm install ${pkgString}`
+      return `npm install ${pkgString}`;
   }
 }
 
 function run(command) {
-  console.log(`\n  ${c.dim}$${c.reset} ${c.cyan}${command}${c.reset}\n`)
+  console.log(`\n  ${c.dim}$${c.reset} ${c.cyan}${command}${c.reset}\n`);
   try {
-    execSync(command, { stdio: 'inherit', cwd: process.cwd() })
-    return true
+    execSync(command, { stdio: "inherit", cwd: process.cwd() });
+    return true;
   } catch {
-    return false
+    return false;
   }
 }
 
@@ -97,50 +97,50 @@ ${c.bold}Commands:${c.reset}
 
 ${c.bold}Examples:${c.reset}
   ${c.dim}$${c.reset} npx ${c.cyan}${PACKAGE_NAME}${c.reset} install
-`)
+`);
 }
 
 function install() {
-  const pm = detectPackageManager()
+  const pm = detectPackageManager();
 
   console.log(`
 ${c.bold}⚡ Installing Gram Elements${c.reset}
 
 ${c.dim}Package manager:${c.reset} ${c.cyan}${pm}${c.reset}
-`)
+`);
 
   // Install everything in one command
   console.log(
-    `${c.yellow}○${c.reset} Installing ${c.cyan}@gram-ai/elements${c.reset} and peer dependencies...`
-  )
-  const allPackages = [...PEER_DEPS, PACKAGE_NAME]
-  const cmd = getInstallCommand(pm, allPackages)
+    `${c.yellow}○${c.reset} Installing ${c.cyan}@gram-ai/elements${c.reset} and peer dependencies...`,
+  );
+  const allPackages = [...PEER_DEPS, PACKAGE_NAME];
+  const cmd = getInstallCommand(pm, allPackages);
   if (!run(cmd)) {
-    console.error(`\n${c.red}✖${c.reset} Failed to install packages`)
-    process.exit(1)
+    console.error(`\n${c.red}✖${c.reset} Failed to install packages`);
+    process.exit(1);
   }
 
   console.log(`
 ${c.green}${c.bold}✔ Installation complete!${c.reset}
-`)
+`);
 }
 
 // Main
-const command = process.argv[2]
+const command = process.argv[2];
 
 switch (command) {
-  case 'install':
-  case 'i':
-    install()
-    break
-  case 'help':
-  case '--help':
-  case '-h':
+  case "install":
+  case "i":
+    install();
+    break;
+  case "help":
+  case "--help":
+  case "-h":
   case undefined:
-    printUsage()
-    break
+    printUsage();
+    break;
   default:
-    console.error(`Unknown command: ${command}`)
-    printUsage()
-    process.exit(1)
+    console.error(`Unknown command: ${command}`);
+    printUsage();
+    process.exit(1);
 }

package/dist/compat-shims-CO9JXXV4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"compat-shims-CO9JXXV4.cjs","sources":["../src/compat-shims.ts"],"sourcesContent":null,"names":["snapshotChanged","inst","createUseSyncExternalStoreShim","R","subscribe","getSnapshot","value","forceUpdate","createUseIdShim","counter","ref","createShims","cb"],"mappings":"aAmBA,SAASA,EAAmBC,EAAmD,CAC7E,GAAI,CACF,MAAO,CAAC,OAAO,GAAGA,EAAK,MAAOA,EAAK,aAAa,CAClD,MAAQ,CACN,MAAO,EACT,CACF,CAEA,SAASC,EAA+BC,EAAc,CACpD,OAAO,SACLC,EACAC,EACG,CACH,MAAMC,EAAQD,EAAA,EACR,CAAC,CAAE,KAAAJ,GAAQM,CAAW,EAAIJ,EAAE,SAAS,CAAE,KAAM,CAAE,MAAAG,EAAO,YAAAD,CAAA,EAAe,EAE3E,OAAAF,EAAE,gBAAgB,IAAM,CACtBF,EAAK,MAAQK,EACbL,EAAK,YAAcI,EACfL,EAAgBC,CAAI,GAAGM,EAAY,CAAE,KAAAN,EAAM,CACjD,EAAG,CAACG,EAAWE,EAAOD,CAAW,CAAC,EAElCF,EAAE,UAAU,KACNH,EAAgBC,CAAI,GAAGM,EAAY,CAAE,KAAAN,EAAM,EACxCG,EAAU,IAAM,CACjBJ,EAAgBC,CAAI,GAAGM,EAAY,CAAE,KAAAN,EAAM,CACjD,CAAC,GACA,CAACG,CAAS,CAAC,EAEPE,CACT,CACF,CAEA,SAASE,EAAgBL,EAAc,CACrC,IAAIM,EAAU,EACd,OAAO,UAAyB,CAC9B,MAAMC,EAAMP,EAAE,OAAsB,IAAI,EACxC,OAAIO,EAAI,UAAY,OAAMA,EAAI,QAAU,KAAKD,GAAS,KAC/CC,EAAI,OACb,CACF,CAGO,SAASC,EAAYR,EAAc,CACxC,MAAO,CACL,qBACEA,EAAE,sBAAwBD,EAA+BC,CAAC,EAC5D,MAAOA,EAAE,OAASK,EAAgBL,CAAC,EACnC,mBAAoBA,EAAE,oBAAsBA,EAAE,gBAC9C,gBAAiBA,EAAE,kBAAqBS,GAAmBA,EAAA,GAC3D,cACET,EAAE,gBACD,IAA2C,CAAC,GAAQS,GAAOA,EAAA,CAAI,GAClE,iBAAkBT,EAAE,mBAAyBG,GAAgBA,EAAA,CAEjE"}
+{"version":3,"file":"compat-shims-CO9JXXV4.cjs","sources":["../src/compat-shims.ts"],"sourcesContent":null,"names":["snapshotChanged","inst","createUseSyncExternalStoreShim","R","subscribe","getSnapshot","value","forceUpdate","createUseIdShim","counter","ref","createShims","cb"],"mappings":"aAmBA,SAASA,EAAmBC,EAAmD,CAC7E,GAAI,CACF,MAAO,CAAC,OAAO,GAAGA,EAAK,MAAOA,EAAK,aAAa,CAClD,MAAQ,CACN,MAAO,EACT,CACF,CAEA,SAASC,EAA+BC,EAAc,CACpD,OAAO,SACLC,EACAC,EACG,CACH,MAAMC,EAAQD,EAAA,EACR,CAAC,CAAE,KAAAJ,CAAA,EAAQM,CAAW,EAAIJ,EAAE,SAAS,CACzC,KAAM,CAAE,MAAAG,EAAO,YAAAD,CAAA,CAAY,CAC5B,EAED,OAAAF,EAAE,gBAAgB,IAAM,CACtBF,EAAK,MAAQK,EACbL,EAAK,YAAcI,EACfL,EAAgBC,CAAI,GAAGM,EAAY,CAAE,KAAAN,EAAM,CACjD,EAAG,CAACG,EAAWE,EAAOD,CAAW,CAAC,EAElCF,EAAE,UAAU,KACNH,EAAgBC,CAAI,GAAGM,EAAY,CAAE,KAAAN,EAAM,EACxCG,EAAU,IAAM,CACjBJ,EAAgBC,CAAI,GAAGM,EAAY,CAAE,KAAAN,EAAM,CACjD,CAAC,GACA,CAACG,CAAS,CAAC,EAEPE,CACT,CACF,CAEA,SAASE,EAAgBL,EAAc,CACrC,IAAIM,EAAU,EACd,OAAO,UAAyB,CAC9B,MAAMC,EAAMP,EAAE,OAAsB,IAAI,EACxC,OAAIO,EAAI,UAAY,OAAMA,EAAI,QAAU,KAAKD,GAAS,KAC/CC,EAAI,OACb,CACF,CAGO,SAASC,EAAYR,EAAc,CACxC,MAAO,CACL,qBACEA,EAAE,sBAAwBD,EAA+BC,CAAC,EAC5D,MAAOA,EAAE,OAASK,EAAgBL,CAAC,EACnC,mBAAoBA,EAAE,oBAAsBA,EAAE,gBAC9C,gBAAiBA,EAAE,kBAAqBS,GAAmBA,EAAA,GAC3D,cACET,EAAE,gBACD,IAA2C,CAAC,GAAQS,GAAOA,EAAA,CAAI,GAClE,iBAAkBT,EAAE,mBAAyBG,GAAgBA,EAAA,CAEjE"}

package/dist/{compat-shims-BPJ7Q68c.js → compat-shims-DxtUrORi.js}

@@ -7,7 +7,9 @@ function a(e) {
 }
 function f(e) {
   return function(u, n) {
-    const s = n(), [{ inst: r }, c] = e.useState({ inst: { value: s, getSnapshot: n } });
+    const s = n(), [{ inst: r }, c] = e.useState({
+      inst: { value: s, getSnapshot: n }
+    });
     return e.useLayoutEffect(() => {
       r.value = s, r.getSnapshot = n, a(r) && c({ inst: r });
     }, [u, s, n]), e.useEffect(() => (a(r) && c({ inst: r }), u(() => {
@@ -35,4 +37,4 @@ function i(e) {
 export {
   i as c
 };
-//# sourceMappingURL=compat-shims-BPJ7Q68c.js.map
+//# sourceMappingURL=compat-shims-DxtUrORi.js.map

package/dist/compat-shims-DxtUrORi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat-shims-DxtUrORi.js","sources":["../src/compat-shims.ts"],"sourcesContent":null,"names":["snapshotChanged","inst","createUseSyncExternalStoreShim","R","subscribe","getSnapshot","value","forceUpdate","createUseIdShim","counter","ref","createShims","cb"],"mappings":"AAmBA,SAASA,EAAmBC,GAAmD;AAC7E,MAAI;AACF,WAAO,CAAC,OAAO,GAAGA,EAAK,OAAOA,EAAK,aAAa;AAAA,EAClD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAASC,EAA+BC,GAAc;AACpD,SAAO,SACLC,GACAC,GACG;AACH,UAAMC,IAAQD,EAAA,GACR,CAAC,EAAE,MAAAJ,EAAA,GAAQM,CAAW,IAAIJ,EAAE,SAAS;AAAA,MACzC,MAAM,EAAE,OAAAG,GAAO,aAAAD,EAAA;AAAA,IAAY,CAC5B;AAED,WAAAF,EAAE,gBAAgB,MAAM;AACtB,MAAAF,EAAK,QAAQK,GACbL,EAAK,cAAcI,GACfL,EAAgBC,CAAI,KAAGM,EAAY,EAAE,MAAAN,GAAM;AAAA,IACjD,GAAG,CAACG,GAAWE,GAAOD,CAAW,CAAC,GAElCF,EAAE,UAAU,OACNH,EAAgBC,CAAI,KAAGM,EAAY,EAAE,MAAAN,GAAM,GACxCG,EAAU,MAAM;AACrB,MAAIJ,EAAgBC,CAAI,KAAGM,EAAY,EAAE,MAAAN,GAAM;AAAA,IACjD,CAAC,IACA,CAACG,CAAS,CAAC,GAEPE;AAAA,EACT;AACF;AAEA,SAASE,EAAgBL,GAAc;AACrC,MAAIM,IAAU;AACd,SAAO,WAAyB;AAC9B,UAAMC,IAAMP,EAAE,OAAsB,IAAI;AACxC,WAAIO,EAAI,YAAY,SAAMA,EAAI,UAAU,KAAKD,GAAS,MAC/CC,EAAI;AAAA,EACb;AACF;AAGO,SAASC,EAAYR,GAAc;AACxC,SAAO;AAAA,IACL,sBACEA,EAAE,wBAAwBD,EAA+BC,CAAC;AAAA,IAC5D,OAAOA,EAAE,SAASK,EAAgBL,CAAC;AAAA,IACnC,oBAAoBA,EAAE,sBAAsBA,EAAE;AAAA,IAC9C,iBAAiBA,EAAE,oBAAoB,CAACS,MAAmBA,EAAA;AAAA,IAC3D,eACET,EAAE,kBACD,MAA2C,CAAC,IAAO,CAACS,MAAOA,EAAA,CAAI;AAAA,IAClE,kBAAkBT,EAAE,qBAAqB,CAAIG,MAAgBA;AAAA,EAAA;AAEjE;"}

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

@@ -18,12 +18,12 @@ export interface ShareButtonProps {
      * Button variant
      * @default "ghost"
      */
-    variant?: 'ghost' | 'outline' | 'default';
+    variant?: "ghost" | "outline" | "default";
     /**
      * Button size
      * @default "sm"
      */
-    size?: 'sm' | 'default' | 'lg' | 'icon';
+    size?: "sm" | "default" | "lg" | "icon";
     /**
      * Additional CSS classes
      */

package/dist/components/assistant-ui/message-feedback.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export type FeedbackType = 'dislike' | 'like';
+export type FeedbackType = "dislike" | "like";
 interface MessageFeedbackProps {
     onFeedback?: (type: FeedbackType) => void;
     onResolved?: () => void;

package/dist/components/assistant-ui/tooltip-icon-button.d.ts

@@ -2,8 +2,8 @@ import { ComponentPropsWithRef } from 'react';
 import { Button } from '../ui/button';
 type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
     tooltip: string;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
 };
 export declare const TooltipIconButton: import('react').ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/ui/avatar.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
 declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
 declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/button.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
+import * as React from "react";
 declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
     variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;

package/dist/components/ui/calendar.d.ts

@@ -10,7 +10,7 @@ export interface CalendarProps {
         end: Date | null;
     }) => void;
     /** Whether range selection is enabled */
-    mode?: 'single' | 'range';
+    mode?: "single" | "range";
     /** Disable dates before this */
     minDate?: Date;
     /** Disable dates after this */

package/dist/components/ui/collapsible.d.ts

@@ -1,4 +1,4 @@
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/dialog.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DialogPortal({ container, ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
@@ -8,8 +8,8 @@ declare function DialogOverlay({ className, ...props }: React.ComponentProps<typ
 declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/popover.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ className, align, sideOffset, container, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {

package/dist/components/ui/skeleton.d.ts

@@ -1,2 +1,2 @@
-declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };

package/dist/components/ui/time-range-picker.d.ts

@@ -2,7 +2,7 @@ export interface TimeRange {
     from: Date;
     to: Date;
 }
-export type DateRangePreset = '15m' | '1h' | '4h' | '1d' | '2d' | '3d' | '7d' | '15d' | '30d' | '90d';
+export type DateRangePreset = "15m" | "1h" | "4h" | "1d" | "2d" | "3d" | "7d" | "15d" | "30d" | "90d";
 export interface TimeRangePreset {
     label: string;
     shortLabel: string;
@@ -38,8 +38,10 @@ export interface TimeRangePickerProps {
     apiUrl?: string;
     /** Project slug for API authentication */
     projectSlug?: string;
+    /** Additional class name for the trigger */
+    className?: string;
 }
-declare function TimeRangePicker({ preset, customRange, onPresetChange, onCustomRangeChange, onClearCustomRange, customRangeLabel: initialCustomLabel, showLive, isLive, onLiveChange, disabled, timezone, apiUrl, projectSlug, }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function TimeRangePicker({ preset, customRange, onPresetChange, onCustomRangeChange, onClearCustomRange, customRangeLabel: initialCustomLabel, showLive, isLive, onLiveChange, disabled, timezone, apiUrl, projectSlug, className, }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TimeRangePicker {
     var displayName: string;
 }