sunpeak 0.3.8 → 0.4.2

package/README.md

@@ -50,13 +50,13 @@ To add sunpeak to an existing project, refer to the [documentation](https://docs
 
 ## Example Component
 ```tsx
-import '@/styles/globals.css';
-import { OpenAICard } from "@/components";
+import "./styles/globals.css";
+import { Card } from "./components/card";
 
 export default function App() {
   return (
-    <OpenAICard
-      image="https://example.com/photo.jpg"
+    <Card
+      image="https://images.unsplash.com/photo-1520950237264-dfe336995c34?w=400&h=400&fit=crop"
       imageAlt="Lady Bird Lake"
       header="Lady Bird Lake"
       metadata="⭐ 4.5 • Austin, TX"
@@ -64,7 +64,7 @@ export default function App() {
       button2={{ children: "Learn More", onClick: () => {} }}
     >
       Scenic lake perfect for kayaking, paddleboarding, and trails.
-    </OpenAICard>
+    </Card>
   );
 }
 ```

package/dist/chatgpt/chatgpt-simulator.d.ts

@@ -1,11 +1,21 @@
 import * as React from 'react';
-interface ChatGPTSimulatorProps {
-    children: React.ReactNode;
+/**
+ * A simulation packages a component with its example data and metadata.
+ * Each simulation represents a complete app experience in the simulator.
+ */
+export interface Simulation {
+    value: string;
+    label: string;
+    component: React.ComponentType;
     appName?: string;
     appIcon?: string;
     userMessage?: string;
     toolOutput?: Record<string, unknown> | null;
     widgetState?: Record<string, unknown> | null;
 }
-export declare function ChatGPTSimulator({ children, appName, appIcon, userMessage, toolOutput, widgetState, }: ChatGPTSimulatorProps): import("react/jsx-runtime").JSX.Element;
+interface ChatGPTSimulatorProps {
+    children?: React.ReactNode;
+    simulations?: Simulation[];
+}
+export declare function ChatGPTSimulator({ children, simulations, }: ChatGPTSimulatorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/chatgpt/index.d.ts

@@ -1,3 +1,4 @@
 export { ChatGPTSimulator } from './chatgpt-simulator';
+export type { Simulation } from './chatgpt-simulator';
 export { initMockOpenAI } from './mock-openai';
 export * from './theme-provider';

package/dist/index.cjs

@@ -3626,13 +3626,18 @@ const DEFAULT_THEME = "dark";
 const DEFAULT_DISPLAY_MODE = "inline";
 function ChatGPTSimulator({
   children,
-  appName,
-  appIcon,
-  userMessage,
-  toolOutput = null,
-  widgetState = null
+  simulations = []
 }) {
   const [screenWidth, setScreenWidth] = React__namespace.useState("full");
+  const [selectedKey, setSelectedKey] = React__namespace.useState(
+    simulations.length > 0 ? simulations[0].value : ""
+  );
+  const selectedSim = simulations.find((sim) => sim.value === selectedKey);
+  const appName = selectedSim == null ? void 0 : selectedSim.appName;
+  const appIcon = selectedSim == null ? void 0 : selectedSim.appIcon;
+  const userMessage = selectedSim == null ? void 0 : selectedSim.userMessage;
+  const toolOutput = (selectedSim == null ? void 0 : selectedSim.toolOutput) ?? null;
+  const widgetState = (selectedSim == null ? void 0 : selectedSim.widgetState) ?? null;
   const mock = React.useMemo(
     () => initMockOpenAI({
       theme: DEFAULT_THEME,
@@ -3660,10 +3665,23 @@ function ChatGPTSimulator({
       }
     };
   }, []);
+  const SelectedComponent = selectedSim == null ? void 0 : selectedSim.component;
+  const content = SelectedComponent ? /* @__PURE__ */ jsxRuntime.jsx(SelectedComponent, {}) : children;
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(
     SimpleSidebar,
     {
       controls: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        simulations.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "Simulation", children: /* @__PURE__ */ jsxRuntime.jsx(
+          SidebarSelect,
+          {
+            value: selectedKey,
+            onChange: (value) => setSelectedKey(value),
+            options: simulations.map((sim) => ({
+              value: sim.value,
+              label: sim.label
+            }))
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "Theme", children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarSelect,
           {
@@ -3708,7 +3726,7 @@ function ChatGPTSimulator({
           appName,
           appIcon,
           userMessage,
-          children
+          children: content
         }
       )
     }