@gram-ai/elements 1.25.2 → 1.26.1

package/dist/components/Chat/stories/Charts.stories.d.ts

@@ -0,0 +1,37 @@
+import { Meta, StoryFn } from '@storybook/react-vite';
+import { Chat } from '..';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+/**
+ * Bar chart demo - comparing categorical data using orders summary
+ */
+export declare const BarChart: Story;
+/**
+ * Line chart demo - showing trends over time
+ */
+export declare const LineChart: Story;
+/**
+ * Area chart demo - showing volume over time
+ */
+export declare const AreaChart: Story;
+/**
+ * Pie chart demo - showing proportions
+ */
+export declare const PieChart: Story;
+/**
+ * Donut chart demo - proportions with center metric
+ */
+export declare const DonutChart: Story;
+/**
+ * Scatter chart demo - showing correlation
+ */
+export declare const ScatterChart: Story;
+/**
+ * Radar chart demo - multi-dimensional comparison
+ */
+export declare const RadarChart: Story;
+/**
+ * All chart types overview
+ */
+export declare const AllCharts: Story;

package/dist/components/Chat/stories/GenerativeUI.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryFn } from '@storybook/react-vite';
+import { Chat } from '..';
+declare const meta: Meta<typeof Chat>;
+export default meta;
+type Story = StoryFn<typeof Chat>;
+/**
+ * E-commerce store assistant with natural task-focused prompts.
+ */
+export declare const StoreAssistant: Story;
+/**
+ * Shopping assistant for product discovery.
+ */
+export declare const ShoppingAssistant: Story;
+/**
+ * Store management assistant.
+ */
+export declare const StoreManager: Story;

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

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

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

@@ -1,4 +1,4 @@
 export declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "secondary" | "outline" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/charts.stories.d.ts

@@ -0,0 +1,43 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+/**
+ * Area chart showing trends over time with filled areas.
+ */
+export declare const Area: StoryObj;
+/**
+ * Stacked area chart comparing multiple data series.
+ */
+export declare const AreaStacked: StoryObj;
+/**
+ * Vertical bar chart for comparing categories.
+ */
+export declare const Bar: StoryObj;
+/**
+ * Horizontal bar chart layout.
+ */
+export declare const BarHorizontal: StoryObj;
+/**
+ * Line chart for tracking trends over time.
+ */
+export declare const Line: StoryObj;
+/**
+ * Curved line chart with smooth interpolation.
+ */
+export declare const LineCurved: StoryObj;
+/**
+ * Pie chart showing proportional data.
+ */
+export declare const Pie: StoryObj;
+/**
+ * Donut chart with center label.
+ */
+export declare const Donut: StoryObj;
+/**
+ * Radar chart for multi-dimensional comparison.
+ */
+export declare const Radar: StoryObj;
+/**
+ * Scatter chart for showing correlation between variables.
+ */
+export declare const Scatter: StoryObj;

package/dist/components/ui/generative-ui.stories.d.ts

@@ -0,0 +1,53 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { GenerativeUI } from './generative-ui';
+declare const meta: Meta<typeof GenerativeUI>;
+export default meta;
+type Story = StoryObj<typeof GenerativeUI>;
+/**
+ * Basic layout with Stack and Text components.
+ */
+export declare const BasicLayout: Story;
+/**
+ * Card with metrics displaying key statistics.
+ */
+export declare const MetricsCard: Story;
+/**
+ * Data table with headers and rows.
+ */
+export declare const DataTable: Story;
+/**
+ * Badges showing different status variants.
+ */
+export declare const BadgeVariants: Story;
+/**
+ * Alert messages for different contexts.
+ */
+export declare const Alerts: Story;
+/**
+ * Progress bars showing completion.
+ */
+export declare const ProgressBars: Story;
+/**
+ * Lists - ordered and unordered.
+ */
+export declare const Lists: Story;
+/**
+ * Accordion with collapsible sections.
+ */
+export declare const AccordionExample: Story;
+/**
+ * Tabs with multiple content panels.
+ */
+export declare const TabsExample: Story;
+/**
+ * Form elements - inputs, checkboxes, and selects.
+ */
+export declare const FormElements: Story;
+/**
+ * Avatar and skeleton loading states.
+ */
+export declare const AvatarsAndSkeletons: Story;
+/**
+ * Complete dashboard example combining multiple components.
+ */
+export declare const Dashboard: Story;

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

@@ -14,6 +14,19 @@ type ContentItem = {
         'getgram.ai/mime-type'?: string;
     };
 };
+/** MCP tool annotations providing hints about tool behavior */
+interface ToolAnnotations {
+    /** Human-readable display name for the tool */
+    title?: string;
+    /** If true, the tool does not modify its environment */
+    readOnlyHint?: boolean;
+    /** If true, the tool may perform destructive updates */
+    destructiveHint?: boolean;
+    /** If true, repeated calls with same args have no additional effect */
+    idempotentHint?: boolean;
+    /** If true, tool interacts with external entities */
+    openWorldHint?: boolean;
+}
 interface ToolUIProps {
     /** Display name of the tool */
     name: string;
@@ -33,6 +46,8 @@ interface ToolUIProps {
     defaultExpanded?: boolean;
     /** Additional class names */
     className?: string;
+    /** MCP tool annotations */
+    annotations?: ToolAnnotations;
     /** Approval callbacks */
     onApproveOnce?: () => void;
     onApproveForSession?: () => void;
@@ -64,7 +79,7 @@ declare function SyntaxHighlightedCode({ text, language, className, }: {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 declare function ToolUISection({ title, content, defaultExpanded, highlightSyntax, language, }: ToolUISectionProps): import("react/jsx-runtime").JSX.Element;
-declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, className, onApproveOnce, onApproveForSession, onDeny, }: ToolUIProps): import("react/jsx-runtime").JSX.Element;
+declare function ToolUI({ name, icon, provider, status, request, result, defaultExpanded, className, annotations, onApproveOnce, onApproveForSession, onDeny, }: ToolUIProps): import("react/jsx-runtime").JSX.Element;
 interface ToolUIGroupProps {
     /** Title for the group header */
     title: string;

package/dist/elements.cjs

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