sunpeak 0.2.6 → 0.3.2

package/template/src/styles/chatgpt.css

@@ -1,146 +0,0 @@
-/**
- * OpenAI ChatGPT Apps SDK Design System
- *
- * Implements Sunpeak base variables according to OpenAI ChatGPT Apps SDK design guidelines.
- * https://developers.openai.com/apps-sdk/concepts/design-guidelines
- *
- * Design Principles:
- * - "Always inherit the system font stack"
- * - "Use system colors for text, icons, and spatial elements"
- * - "Use system grid spacing"
- * - "Respect system specified corner rounds"
- *
- * ⚠️ These values should NOT be overridden unless you want to break
- * compliance with OpenAI ChatGPT Apps SDK design guidelines.
- */
-
-:root {
-  /* ===================================
-   * TYPOGRAPHY - System Fonts
-   * ===================================
-   * "Always inherit the system font stack"
-   * Platform-native: SF Pro (iOS/macOS), Roboto (Android), Segoe UI (Windows)
-   */
-
-  --sp-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-
-  /* Font sizes - System-defined scale */
-  --sp-font-size-xs: 0.75rem;    /* 12px - metadata */
-  --sp-font-size-sm: 0.875rem;   /* 14px - descriptions */
-  --sp-font-size-base: 1rem;     /* 16px - headers */
-  --sp-font-size-lg: 1.125rem;   /* 18px */
-  --sp-font-size-xl: 1.25rem;    /* 20px */
-
-  /* Font weights - System-defined */
-  --sp-font-weight-normal: 400;
-  --sp-font-weight-medium: 500;
-  --sp-font-weight-semibold: 600;
-  --sp-font-weight-bold: 700;
-
-  /* Line heights - System-defined */
-  --sp-line-height-tight: 1.25;
-  --sp-line-height-normal: 1.5;
-  --sp-line-height-relaxed: 1.75;
-
-  /* ===================================
-   * SYSTEM COLORS
-   * ===================================
-   * "Use system colors for text, icons, and spatial elements"
-   */
-
-  /* Light Mode - OpenAI ChatGPT System Colors */
-  --sp-light-color-bg-primary: #ffffff;
-  --sp-light-color-bg-secondary: #e8e8e8;
-  --sp-light-color-bg-tertiary: #f3f3f3;
-  --sp-light-color-text-primary: #0d0d0d;
-  --sp-light-color-text-secondary: #5d5d5d;
-  --sp-light-color-text-tertiary: #8f8f8f;
-  --sp-light-color-text-inverted: #8f8f8f;
-  --sp-light-color-border: rgba(0, 0, 0, 0.05);
-  --sp-light-success: #008635;
-  --sp-light-warning: #e25507;
-  --sp-light-error: #e02e2a;
-  --sp-light-info: #0285ff;
-  --sp-light-sidebar: #f9f9f9;
-  /* Customizable light styles */
-  --sp-light-accent: #f46c21;
-  --sp-light-accent-hover: rgba(244, 108, 33, 0.9);
-  --sp-light-accent-active: #d45e1c;
-  --sp-light-accent-foreground: #ffffff;
-
-  /* Dark Mode - OpenAI ChatGPT System Colors */
-  --sp-dark-color-bg-primary: #212121;
-  --sp-dark-color-bg-secondary: #303030;
-  --sp-dark-color-bg-tertiary: #414141;
-  --sp-dark-color-text-primary: #ffffff;
-  --sp-dark-color-text-secondary: #cdcdcd;
-  --sp-dark-color-text-tertiary: #afafaf;
-  --sp-dark-color-text-inverted: #afafaf;
-  --sp-dark-color-border: #ffffff0d;
-  --sp-dark-success: #40c977;
-  --sp-dark-warning: #ff9e6c;
-  --sp-dark-error: #ff8583;
-  --sp-dark-info: #0285ff;
-  --sp-dark-sidebar: #181818;
-  /* Customizable dark styles */
-  --sp-dark-accent: #f46c21;
-  --sp-dark-accent-hover: rgba(244, 108, 33, 0.9);
-  --sp-dark-accent-active: #d45e1c;
-  --sp-dark-accent-foreground: #ffffff;
-
-  /* ===================================
-   * SPACING - System Grid
-   * ===================================
-   * "Use system grid spacing"
-   * 4px base grid system
-   */
-
-  --sp-spacing-1: 0.25rem;   /* 4px */
-  --sp-spacing-2: 0.5rem;    /* 8px */
-  --sp-spacing-3: 0.75rem;   /* 12px */
-  --sp-spacing-4: 1rem;      /* 16px */
-  --sp-spacing-5: 1.25rem;   /* 20px */
-  --sp-spacing-6: 1.5rem;    /* 24px */
-  --sp-spacing-8: 2rem;      /* 32px */
-
-  /* ===================================
-   * BORDER RADIUS
-   * ===================================
-   * "Respect system specified corner rounds"
-   */
-
-  --sp-radius-sm: 0.375rem;   /* 6px */
-  --sp-radius-md: 0.5rem;     /* 8px */
-  --sp-radius-lg: 0.75rem;    /* 12px */
-  --sp-radius-xl: 1rem;       /* 16px */
-  --sp-radius-2xl: 1.5rem;    /* 24px */
-  --sp-radius-full: 9999px;
-
-  /* ===================================
-   * SHADOWS - System Elevation
-   * ===================================
-   */
-
-  --sp-shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.05);
-  --sp-shadow-md: 0px 2px 6px rgba(0, 0, 0, 0.06);
-  --sp-shadow-lg: 0px 4px 12px rgba(0, 0, 0, 0.1);
-  --sp-shadow-xl: 0px 8px 24px rgba(0, 0, 0, 0.12);
-
-  /* ===================================
-   * COMPONENT DIMENSIONS
-   * ===================================
-   * Standard component sizing from OpenAI ChatGPT examples
-   */
-
-  /* Card width - 220px (OpenAI ChatGPT standard) */
-  --sp-card-width: 220px;
-
-  /* Card gap - 16px (OpenAI ChatGPT standard) */
-  --sp-card-gap: 1rem;
-
-  /* Button padding */
-  --sp-button-padding-x: 1rem;       /* 16px */
-  --sp-button-padding-y: 0.375rem;   /* 6px */
-  --sp-button-padding-x-sm: 0.75rem; /* 12px */
-  --sp-button-padding-y-sm: 0.25rem; /* 4px */
-}

package/template/tsup.config.ts

@@ -1,50 +0,0 @@
-import { defineConfig } from 'tsup';
-import postcss from 'postcss';
-import tailwindcss from '@tailwindcss/postcss';
-import type { Plugin } from 'esbuild';
-import fs from 'fs';
-
-function postcssPlugin(): Plugin {
-  return {
-    name: 'postcss',
-    setup(build) {
-      build.onLoad({ filter: /\.css$/ }, async (args) => {
-        const css = fs.readFileSync(args.path, 'utf8');
-        const result = await postcss([tailwindcss()]).process(css, {
-          from: args.path,
-        });
-        return {
-          contents: result.css,
-          loader: 'css',
-        };
-      });
-    },
-  };
-}
-
-export default defineConfig({
-  entry: {
-    'chatgpt/index': 'src/index.chatgpt.tsx',
-  },
-  format: ['iife'],
-  dts: false,
-  sourcemap: false,
-  clean: true,
-  external: [],
-  noExternal: [/.*/],
-  treeshake: true,
-  splitting: false,
-  minify: true,
-  outDir: 'dist',
-  injectStyle: true,
-  globalName: 'SunpeakApp',
-  esbuildPlugins: [postcssPlugin()],
-  esbuildOptions(options) {
-    options.bundle = true;
-    options.platform = 'browser';
-    options.target = 'es2020';
-    options.jsx = 'automatic';
-    // Enable "style" condition for CSS-only packages like tw-animate-css
-    options.conditions = ['style', 'import', 'module', 'browser', 'default'];
-  },
-});