@gram-ai/elements 1.25.1 → 1.26.0

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/Chat/stories/MessageFeedback.stories.d.ts

@@ -1,5 +1,5 @@
-import { Chat } from '..';
 import { Meta, StoryFn } from '@storybook/react-vite';
+import { Chat } from '..';
 declare const meta: Meta<typeof Chat>;
 export default meta;
 type Story = StoryFn<typeof Chat>;

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/contexts/ChatIdContext.d.ts

@@ -0,0 +1,11 @@
+export interface ChatIdContextValue {
+    chatId: string | null;
+}
+export declare const ChatIdContext: import('react').Context<ChatIdContextValue | null>;
+/**
+ * Hook to access the current chat ID from the Elements context.
+ * Works in both history-enabled and history-disabled modes.
+ *
+ * @returns The current chat ID, or null if not yet initialized
+ */
+export declare const useChatId: () => string | null;

package/dist/contexts/contexts.d.ts

@@ -2,3 +2,4 @@ import { ElementsContextType } from '../types';
 import { ToolApprovalContextType } from './ToolApprovalContext';
 export declare const ElementsContext: import('react').Context<ElementsContextType | undefined>;
 export declare const ToolApprovalContext: import('react').Context<ToolApprovalContextType | null>;
+export { useChatId } from './ChatIdContext';

package/dist/elements.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-C3UbmFRR.cjs"),r=require("./index-iUSSoKFz.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.useElements=r.useElements;exports.useGramElements=r.useElements;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ChW-CSuu.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