@gram-ai/elements 1.27.4 → 1.27.5

package/dist/components/ui/tool-ui.d.ts

@@ -1,17 +1,17 @@
 import { BundledLanguage } from 'shiki';
-import * as React from 'react';
-type ToolStatus = 'pending' | 'running' | 'complete' | 'error' | 'approval';
+import * as React from "react";
+type ToolStatus = "pending" | "running" | "complete" | "error" | "approval";
 type ContentItem = {
-    type: 'text';
+    type: "text";
     text: string;
     _meta?: {
-        'getgram.ai/mime-type'?: string;
+        "getgram.ai/mime-type"?: string;
     };
 } | {
-    type: 'image';
+    type: "image";
     data: string;
     _meta?: {
-        'getgram.ai/mime-type'?: string;
+        "getgram.ai/mime-type"?: string;
     };
 };
 /** MCP tool annotations providing hints about tool behavior */
@@ -86,7 +86,7 @@ interface ToolUIGroupProps {
     /** Optional icon */
     icon?: React.ReactNode;
     /** Overall status of the group */
-    status?: 'running' | 'complete';
+    status?: "running" | "complete";
     /** Whether the group starts expanded */
     defaultExpanded?: boolean;
     /** Child tool UI components */

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/ConnectionStatusContext.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type ConnectionState = 'connected' | 'reconnecting' | 'disconnected';
+export type ConnectionState = "connected" | "reconnecting" | "disconnected";
 interface ConnectionStatusContextValue {
     /** Current connection state */
     state: ConnectionState;

package/dist/elements.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-KSX4Qjip.cjs"),r=require("./index-BpJstUh1.cjs");exports.Calendar=e.Calendar;exports.Chat=e.Chat;exports.ChatHistory=e.ChatHistory;exports.ElementsProvider=e.ElementsProvider;exports.GramElementsProvider=e.ElementsProvider;exports.MODELS=e.MODELS;exports.PRESETS=e.PRESETS;exports.Replay=e.Replay;exports.ShareButton=e.ShareButton;exports.TimeRangePicker=e.TimeRangePicker;exports.defineFrontendTool=e.defineFrontendTool;exports.getPresetRange=e.getPresetRange;exports.trackError=e.trackError;exports.useRecordCassette=e.useRecordCassette;exports.useThreadId=e.useThreadId;exports.useChatId=r.useChatId;exports.useElements=r.useElements;exports.useGramElements=r.useElements;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-y_PNN5vK.cjs"),r=require("./index-C4bFBGfl.cjs");exports.Calendar=e.Calendar;exports.Chat=e.Chat;exports.ChatHistory=e.ChatHistory;exports.ElementsProvider=e.ElementsProvider;exports.GramElementsProvider=e.ElementsProvider;exports.MODELS=e.MODELS;exports.PRESETS=e.PRESETS;exports.Replay=e.Replay;exports.ShareButton=e.ShareButton;exports.TimeRangePicker=e.TimeRangePicker;exports.defineFrontendTool=e.defineFrontendTool;exports.getPresetRange=e.getPresetRange;exports.trackError=e.trackError;exports.useRecordCassette=e.useRecordCassette;exports.useThreadId=e.useThreadId;exports.useChatId=r.useChatId;exports.useElements=r.useElements;exports.useGramElements=r.useElements;
 //# sourceMappingURL=elements.cjs.map

package/dist/elements.js

@@ -1,5 +1,5 @@
-import { al as s, aa as r, ab as t, a8 as o, a8 as n, ah as d, ak as m, ad as l, ac as E, ai as i, af as h, aj as u, ag as C, ae as P, a9 as R } from "./index-D0bAYNQy.js";
-import { V as f, H as g, H as S } from "./index-CUitXazZ.js";
+import { al as s, aa as r, ab as t, a8 as o, a8 as n, ah as d, ak as m, ad as l, ac as E, ai as i, af as h, aj as u, ag as C, ae as P, a9 as R } from "./index-DuCQRbcQ.js";
+import { V as f, H as g, H as S } from "./index-D93pV0_o.js";
 export {
   s as Calendar,
   r as Chat,

package/dist/hooks/useDensity.d.ts

@@ -3,85 +3,85 @@
  */
 declare const densityClasses: {
     readonly compact: {
-        readonly 'p-xs': "p-1";
-        readonly 'p-sm': "p-1.5";
-        readonly 'p-md': "p-2";
-        readonly 'p-lg': "p-2.5";
-        readonly 'p-xl': "p-3";
-        readonly 'px-xs': "px-1";
-        readonly 'px-sm': "px-1.5";
-        readonly 'px-md': "px-2";
-        readonly 'px-lg': "px-2.5";
-        readonly 'px-xl': "px-3";
-        readonly 'py-xs': "py-1";
-        readonly 'py-sm': "py-1.5";
-        readonly 'py-md': "py-2";
-        readonly 'py-lg': "py-2.5";
-        readonly 'py-xl': "py-3";
-        readonly 'gap-sm': "gap-1";
-        readonly 'gap-md': "gap-1.5";
-        readonly 'gap-lg': "gap-2";
-        readonly 'gap-xl': "gap-2.5";
-        readonly 'h-header': "h-10";
-        readonly 'h-input': "min-h-10";
-        readonly 'text-base': "text-sm";
-        readonly 'text-title': "text-xl";
-        readonly 'text-subtitle': "text-sm";
+        readonly "p-xs": "p-1";
+        readonly "p-sm": "p-1.5";
+        readonly "p-md": "p-2";
+        readonly "p-lg": "p-2.5";
+        readonly "p-xl": "p-3";
+        readonly "px-xs": "px-1";
+        readonly "px-sm": "px-1.5";
+        readonly "px-md": "px-2";
+        readonly "px-lg": "px-2.5";
+        readonly "px-xl": "px-3";
+        readonly "py-xs": "py-1";
+        readonly "py-sm": "py-1.5";
+        readonly "py-md": "py-2";
+        readonly "py-lg": "py-2.5";
+        readonly "py-xl": "py-3";
+        readonly "gap-sm": "gap-1";
+        readonly "gap-md": "gap-1.5";
+        readonly "gap-lg": "gap-2";
+        readonly "gap-xl": "gap-2.5";
+        readonly "h-header": "h-10";
+        readonly "h-input": "min-h-10";
+        readonly "text-base": "text-sm";
+        readonly "text-title": "text-xl";
+        readonly "text-subtitle": "text-sm";
     };
     readonly normal: {
-        readonly 'p-xs': "p-1";
-        readonly 'p-sm': "p-2";
-        readonly 'p-md': "p-3";
-        readonly 'p-lg': "p-4";
-        readonly 'p-xl': "p-6";
-        readonly 'px-xs': "px-1";
-        readonly 'px-sm': "px-2";
-        readonly 'px-md': "px-3";
-        readonly 'px-lg': "px-4";
-        readonly 'px-xl': "px-6";
-        readonly 'py-xs': "py-1";
-        readonly 'py-sm': "py-2";
-        readonly 'py-md': "py-3";
-        readonly 'py-lg': "py-4";
-        readonly 'py-xl': "py-6";
-        readonly 'gap-sm': "gap-1.5";
-        readonly 'gap-md': "gap-2";
-        readonly 'gap-lg': "gap-3";
-        readonly 'gap-xl': "gap-4";
-        readonly 'h-header': "h-12";
-        readonly 'h-input': "min-h-12";
-        readonly 'text-base': "text-base";
-        readonly 'text-title': "text-2xl";
-        readonly 'text-subtitle': "text-base";
+        readonly "p-xs": "p-1";
+        readonly "p-sm": "p-2";
+        readonly "p-md": "p-3";
+        readonly "p-lg": "p-4";
+        readonly "p-xl": "p-6";
+        readonly "px-xs": "px-1";
+        readonly "px-sm": "px-2";
+        readonly "px-md": "px-3";
+        readonly "px-lg": "px-4";
+        readonly "px-xl": "px-6";
+        readonly "py-xs": "py-1";
+        readonly "py-sm": "py-2";
+        readonly "py-md": "py-3";
+        readonly "py-lg": "py-4";
+        readonly "py-xl": "py-6";
+        readonly "gap-sm": "gap-1.5";
+        readonly "gap-md": "gap-2";
+        readonly "gap-lg": "gap-3";
+        readonly "gap-xl": "gap-4";
+        readonly "h-header": "h-12";
+        readonly "h-input": "min-h-12";
+        readonly "text-base": "text-base";
+        readonly "text-title": "text-2xl";
+        readonly "text-subtitle": "text-base";
     };
     readonly spacious: {
-        readonly 'p-xs': "p-2";
-        readonly 'p-sm': "p-3";
-        readonly 'p-md': "p-4";
-        readonly 'p-lg': "p-6";
-        readonly 'p-xl': "p-10";
-        readonly 'px-xs': "px-2";
-        readonly 'px-sm': "px-3";
-        readonly 'px-md': "px-4";
-        readonly 'px-lg': "px-6";
-        readonly 'px-xl': "px-10";
-        readonly 'py-xs': "py-2";
-        readonly 'py-sm': "py-3";
-        readonly 'py-md': "py-4";
-        readonly 'py-lg': "py-6";
-        readonly 'py-xl': "py-10";
-        readonly 'gap-sm': "gap-2";
-        readonly 'gap-md': "gap-3";
-        readonly 'gap-lg': "gap-4";
-        readonly 'gap-xl': "gap-6";
-        readonly 'h-header': "h-14";
-        readonly 'h-input': "min-h-16";
-        readonly 'text-base': "text-lg";
-        readonly 'text-title': "text-3xl";
-        readonly 'text-subtitle': "text-lg";
+        readonly "p-xs": "p-2";
+        readonly "p-sm": "p-3";
+        readonly "p-md": "p-4";
+        readonly "p-lg": "p-6";
+        readonly "p-xl": "p-10";
+        readonly "px-xs": "px-2";
+        readonly "px-sm": "px-3";
+        readonly "px-md": "px-4";
+        readonly "px-lg": "px-6";
+        readonly "px-xl": "px-10";
+        readonly "py-xs": "py-2";
+        readonly "py-sm": "py-3";
+        readonly "py-md": "py-4";
+        readonly "py-lg": "py-6";
+        readonly "py-xl": "py-10";
+        readonly "gap-sm": "gap-2";
+        readonly "gap-md": "gap-3";
+        readonly "gap-lg": "gap-4";
+        readonly "gap-xl": "gap-6";
+        readonly "h-header": "h-14";
+        readonly "h-input": "min-h-16";
+        readonly "text-base": "text-lg";
+        readonly "text-title": "text-3xl";
+        readonly "text-subtitle": "text-lg";
     };
 };
-type DensityToken = keyof (typeof densityClasses)['normal'];
+type DensityToken = keyof (typeof densityClasses)["normal"];
 /**
  * Hook to get density classes based on theme config
  * Use: const d = useDensity(); then d('p-md') returns the appropriate padding class

package/dist/hooks/useMCPTools.d.ts

@@ -2,7 +2,7 @@ import { ToolsFilter } from '../types';
 import { experimental_createMCPClient as createMCPClient } from '@ai-sdk/mcp';
 import { UseQueryResult } from '@tanstack/react-query';
 import { Auth } from './useAuth';
-type MCPToolsResult = Awaited<ReturnType<Awaited<ReturnType<typeof createMCPClient>>['tools']>>;
+type MCPToolsResult = Awaited<ReturnType<Awaited<ReturnType<typeof createMCPClient>>["tools"]>>;
 export declare function useMCPTools({ auth, mcp, environment, toolsToInclude, gramEnvironment, }: {
     auth: Auth;
     mcp: string | undefined;

package/dist/hooks/useRadius.d.ts

@@ -1,4 +1,4 @@
-type RadiusSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type RadiusSize = "sm" | "md" | "lg" | "xl" | "full";
 /**
  * Hook to get radius classes based on theme config
  * Use: const r = useRadius(); then r('lg') returns the appropriate rounded class