@vibes.diy/use-vibes-base 0.18.19-dev → 0.18.23-dev

package/styles/colors.css

@@ -0,0 +1,198 @@
+/**
+ * Vibes Design System - Color Tokens
+ *
+ * Structure:
+ * 1. Base Colors - Static colors that never change with theme
+ * 2. Semantic Colors - Theme-aware colors that adapt to light/dark mode
+ * 3. Component-Specific Tokens - Colors for specific component needs
+ */
+
+:root {
+  /* ============================================
+     BASE COLORS - These never change with theme
+     Use these when you want consistent colors regardless of dark mode
+     ============================================ */
+
+  /* Primary Palette */
+  --vibes-blue: #3b82f6;
+  --vibes-blue-accent: #0066cc;
+  --vibes-blue-bright: #0074d9;
+  --vibes-blue-dark: #357abd;
+  --vibes-blue-darker: #4a90e2;
+
+  --vibes-red: #ef4444;
+  --vibes-red-accent: #da291c;
+  --vibes-red-dark: #b91c1c;
+  --vibes-red-bright: #dc2626;
+  --vibes-red-light: #ff6666;
+  --vibes-red-delete: #ff3333;
+
+  --vibes-yellow: #eab308;
+  --vibes-yellow-accent: #fedd00;
+  --vibes-yellow-bright: #fe0;
+
+  --vibes-gray: #6b7280;
+  --vibes-green: #51cf66;
+
+  /* Neon/Phosphorescent colors for dark mode */
+  --vibes-purple-neon: #c084fc;
+  --vibes-magenta-neon: #e879f9;
+  --vibes-pink-neon: #f472b6;
+  --vibes-cyan-neon: #22d3ee;
+  --vibes-lime-neon: #a3e635;
+  --vibes-orange-neon: #fb923c;
+
+  /* Neutrals */
+  --vibes-black: #000000;
+  --vibes-near-black: #1a1a1a;
+  --vibes-dark-gray: #222222;
+  --vibes-gray-dark: #333333;
+  --vibes-gray-mid: #555555;
+  --vibes-gray-medium: #666666;
+  --vibes-gray-light: #aaaaaa;
+  --vibes-gray-lighter: #cccccc;
+  --vibes-gray-lightest: #d4d4d4;
+  --vibes-gray-ultralight: #e0e0e0;
+  --vibes-gray-pale: #e5e5e5;
+  --vibes-gray-offwhite: #eeeeee;
+  --vibes-gray-ghost: #f0f0f0;
+  --vibes-gray-whisper: #f5f5f5;
+  --vibes-gray-mist: #fafafa;
+
+  --vibes-white: #ffffff;
+  --vibes-cream: #fffff0;
+
+  /* ============================================
+     SEMANTIC COLORS - Theme-aware (change with light/dark mode)
+     Use these for most UI elements that should adapt to theme
+     ============================================ */
+
+  /* Backgrounds */
+  --vibes-bg-primary: var(--vibes-white);
+  --vibes-bg-secondary: var(--vibes-gray-whisper);
+  --vibes-bg-tertiary: var(--vibes-gray-pale);
+  --vibes-bg-overlay: rgba(255, 255, 255, 0.5);
+  --vibes-bg-input: var(--vibes-white);
+  --vibes-bg-dropzone: var(--vibes-gray-mist);
+  --vibes-bg-dropzone-active: #f0f8ff;
+  --vibes-bg-light: var(--vibes-gray-ghost);
+
+  /* Text */
+  --vibes-text-primary: var(--vibes-gray-dark);
+  --vibes-text-secondary: var(--vibes-gray-medium);
+  --vibes-text-muted: var(--vibes-gray-light);
+  --vibes-text-inverse: var(--vibes-white);
+
+  /* Borders */
+  --vibes-border-primary: var(--vibes-near-black);
+  --vibes-border-secondary: var(--vibes-gray-lighter);
+  --vibes-border-light: #dddddd;
+  --vibes-border-input: var(--vibes-gray-lighter);
+
+  /* Shadows */
+  --vibes-shadow-color: var(--vibes-near-black);
+  --vibes-shadow-sm: rgba(0, 0, 0, 0.15);
+  --vibes-shadow-md: rgba(0, 0, 0, 0.3);
+  --vibes-shadow-lg: rgba(0, 0, 0, 0.5);
+  --vibes-shadow-backdrop: rgba(0, 0, 0, 0.9);
+
+  /* Component-Specific Semantic Colors */
+  /* Button - Light mode (cream/light by default) */
+  --vibes-button-bg: var(--vibes-cream);
+  --vibes-button-text: var(--vibes-near-black);
+  --vibes-button-border: var(--vibes-near-black);
+  --vibes-button-icon-bg: #2a2a2a;
+  --vibes-button-icon-fill: var(--vibes-white);
+
+  /* Button - Dark mode aware variants (for when ignoreDarkMode=false) */
+  --vibes-button-bg-dark-aware: var(--vibes-cream);
+  --vibes-button-text-dark-aware: var(--vibes-near-black);
+  --vibes-button-border-dark-aware: var(--vibes-near-black);
+  --vibes-button-icon-bg-dark-aware: var(--vibes-white);
+
+  /* Button variant colors - Light mode */
+  --vibes-variant-blue: var(--vibes-blue);
+  --vibes-variant-red: var(--vibes-red);
+  --vibes-variant-yellow: var(--vibes-yellow);
+  --vibes-variant-gray: var(--vibes-gray);
+
+  --vibes-card-bg: var(--vibes-gray-pale);
+  --vibes-card-text: var(--vibes-near-black);
+  --vibes-card-border: var(--vibes-near-black);
+
+  /* Error States */
+  --vibes-error-bg: rgba(0, 0, 0, 0.7);
+  --vibes-error-border: var(--vibes-red-light);
+  --vibes-error-text: var(--vibes-red-light);
+  --vibes-error-text-body: var(--vibes-white);
+
+  /* ImgGen specific */
+  --imggen-accent: var(--vibes-blue-accent);
+  --imggen-flash: var(--vibes-yellow-bright);
+  --imggen-button-bg: rgba(255, 255, 255, 0.7);
+  --imggen-delete-hover: var(--vibes-red-delete);
+}
+
+/* ============================================
+   DARK MODE - Theme-aware colors adapt here
+   Base colors remain unchanged
+   ============================================ */
+@media (prefers-color-scheme: dark) {
+  :root {
+    /* Backgrounds */
+    --vibes-bg-primary: var(--vibes-near-black);
+    --vibes-bg-secondary: #2a2a2a;
+    --vibes-bg-tertiary: #404040;
+    --vibes-bg-overlay: rgba(0, 0, 0, 0.5);
+    --vibes-bg-input: #2a2a2a;
+    --vibes-bg-dropzone: #2a2a2a;
+    --vibes-bg-dropzone-active: #1a3a4a;
+    --vibes-bg-light: #404040;
+
+    /* Text */
+    --vibes-text-primary: var(--vibes-gray-ultralight);
+    --vibes-text-secondary: var(--vibes-gray-light);
+    --vibes-text-muted: var(--vibes-gray-medium);
+    --vibes-text-inverse: var(--vibes-near-black);
+
+    /* Borders */
+    --vibes-border-primary: var(--vibes-gray-mid);
+    --vibes-border-secondary: var(--vibes-gray-mid);
+    --vibes-border-light: var(--vibes-gray-mid);
+    --vibes-border-input: var(--vibes-gray-mid);
+
+    /* Shadows */
+    --vibes-shadow-color: var(--vibes-near-black);
+    --vibes-shadow-sm: rgba(255, 255, 255, 0.1);
+    --vibes-shadow-md: rgba(255, 255, 255, 0.1);
+    --vibes-shadow-lg: rgba(0, 0, 0, 0.5);
+    --vibes-shadow-backdrop: rgba(0, 0, 0, 0.9);
+
+    /* Component-Specific Dark Mode Adjustments */
+    --vibes-card-bg: var(--vibes-near-black);
+    --vibes-card-text: var(--vibes-white);
+    --vibes-card-border: var(--vibes-gray-mid);
+
+    /* Note: Default button colors remain cream/light in dark mode for contrast */
+    /* --vibes-button-bg: var(--vibes-cream); (unchanged) */
+    /* --vibes-button-text: var(--vibes-near-black); (unchanged) */
+    /* --vibes-button-border: var(--vibes-near-black); (unchanged) */
+    --vibes-button-icon-bg: var(--vibes-white);
+    --vibes-button-icon-fill: #2a2a2a;
+
+    /* Dark mode aware buttons - darker background with light text */
+    --vibes-button-bg-dark-aware: #2a2a2a;
+    --vibes-button-text-dark-aware: var(--vibes-gray-ultralight);
+    --vibes-button-border-dark-aware: var(--vibes-gray-mid);
+    --vibes-button-icon-bg-dark-aware: #404040;
+
+    /* Button variant colors - Dark mode (neon/phosphorescent) */
+    --vibes-variant-blue: var(--vibes-purple-neon);
+    --vibes-variant-red: var(--vibes-pink-neon);
+    --vibes-variant-yellow: var(--vibes-orange-neon);
+    --vibes-variant-gray: var(--vibes-cyan-neon);
+
+    /* ImgGen dark mode adjustments */
+    --imggen-button-bg: rgba(0, 0, 0, 0.7);
+  }
+}

package/tsconfig.json

@@ -7,6 +7,8 @@
     "noEmit": false
   },
   "include": [
+    "./**/*",
+    "./png.d.ts",
     "**/*"
   ],
   "exclude": [

package/utils/vibe-control-styles.js

@@ -1,17 +1,58 @@
+if (typeof document !== 'undefined') {
+    const styleId = 'vibe-control-vars';
+    if (!document.getElementById(styleId)) {
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+      :root {
+        --vc-button-bg: var(--vibes-red-bright);
+        --vc-button-bg-hover: var(--vibes-red-dark);
+        --vc-button-text: var(--vibes-white);
+        --vc-button-border: var(--vibes-red-bright);
+
+        --vc-overlay-backdrop: rgba(0, 0, 0, 0.5);
+        --vc-overlay-bg: var(--vibes-white);
+        --vc-overlay-text: var(--vibes-gray-dark);
+        --vc-overlay-border: var(--vibes-gray-ultralight);
+
+        --vc-close-bg: var(--vibes-gray-whisper);
+        --vc-close-bg-hover: var(--vibes-gray-ultralight);
+        --vc-close-text: var(--vibes-gray-medium);
+
+        --vc-accent: var(--vibes-blue-accent);
+        --vc-shadow: rgba(0, 0, 0, 0.15);
+      }
+
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --vc-button-bg: var(--vibes-blue-darker);
+          --vc-button-bg-hover: var(--vibes-blue-dark);
+          --vc-overlay-bg: var(--vibes-near-black);
+          --vc-overlay-text: var(--vibes-gray-ultralight);
+          --vc-overlay-border: #404040;
+          --vc-close-bg: #2a2a2a;
+          --vc-close-bg-hover: #404040;
+          --vc-close-text: var(--vibes-gray-lighter);
+        }
+      }
+    `;
+        document.head.appendChild(style);
+    }
+}
 export const vibeControlTheme = {
     colors: {
-        buttonBg: 'var(--vc-button-bg, #dc2626)',
-        buttonBgHover: 'var(--vc-button-bg-hover, #b91c1c)',
-        buttonText: 'var(--vc-button-text, #ffffff)',
-        buttonBorder: 'var(--vc-button-border, #dc2626)',
+        buttonBg: 'var(--vc-button-bg, var(--vibes-red-bright))',
+        buttonBgHover: 'var(--vc-button-bg-hover, var(--vibes-red-dark))',
+        buttonText: 'var(--vc-button-text, var(--vibes-white))',
+        buttonBorder: 'var(--vc-button-border, var(--vibes-red-bright))',
         overlayBackdrop: 'var(--vc-overlay-backdrop, rgba(0, 0, 0, 0.5))',
-        overlayBg: 'var(--vc-overlay-bg, #ffffff)',
-        overlayText: 'var(--vc-overlay-text, #333333)',
-        overlayBorder: 'var(--vc-overlay-border, #e0e0e0)',
-        closeButtonBg: 'var(--vc-close-bg, #f5f5f5)',
-        closeButtonBgHover: 'var(--vc-close-bg-hover, #e0e0e0)',
-        closeButtonText: 'var(--vc-close-text, #666666)',
-        accent: 'var(--vc-accent, #0066cc)',
+        overlayBg: 'var(--vc-overlay-bg, var(--vibes-white))',
+        overlayText: 'var(--vc-overlay-text, var(--vibes-gray-dark))',
+        overlayBorder: 'var(--vc-overlay-border, var(--vibes-gray-ultralight))',
+        closeButtonBg: 'var(--vc-close-bg, var(--vibes-gray-whisper))',
+        closeButtonBgHover: 'var(--vc-close-bg-hover, var(--vibes-gray-ultralight))',
+        closeButtonText: 'var(--vc-close-text, var(--vibes-gray-medium))',
+        accent: 'var(--vc-accent, var(--vibes-blue-accent))',
         shadow: 'var(--vc-shadow, rgba(0, 0, 0, 0.15))',
     },
     dimensions: {

package/utils/vibe-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-control-styles.js","sourceRoot":"","sources":["../../jsr/utils/vibe-control-styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vibe-control-styles.js","sourceRoot":"","sources":["../../jsr/utils/vibe-control-styles.ts"],"names":[],"mappings":"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"}

package/vibe-app-mount.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/client';
 import { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
-import { VibesPanel } from './components/VibesPanel/VibesPanel.js';
+import { VibesPanel } from './components/VibesPanel.js';
 import { VibeContextProvider, validateVibeMetadata, VibeMetadataValidationError, } from './contexts/VibeContext.js';
 function VibesApp({ showVibesSwitch = true, vibeMetadata, children, }) {
     const content = showVibesSwitch ? (React.createElement(HiddenMenuWrapper, { menuContent: React.createElement(VibesPanel, null), showVibesSwitch: true }, children)) : (React.createElement(React.Fragment, null, children));

package/vibe-app-mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,2BAA2B,CAAC;AAmBnC,SAAS,QAAQ,CAAC,EAChB,eAAe,GAAG,IAAI,EACtB,YAAY,EACZ,QAAQ,GAKT,EAAE;IAID,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAChC,oBAAC,iBAAiB,IAAC,WAAW,EAAE,oBAAC,UAAU,OAAG,EAAE,eAAe,EAAE,IAAI,IAClE,QAAQ,CACS,CACrB,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;IAGF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,YAAY,IAAG,OAAO,CAAuB,CAAC;IACtF,CAAC;IAED,OAAO,OAAO,CAAC;AAAA,CAChB;AAED,MAAM,UAAU,aAAa,CAAC,OAA6B,EAAuB;IAChF,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAG3E,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,KAAK,YAAY,2BAA2B,EAAE,CAAC;gBACjD,MAAM,IAAI,KAAK,CACb,8BAA8B,KAAK,CAAC,OAAO,WAAW,KAAK,CAAC,IAAI,KAAK;oBACnE,0BAA0B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAC3D,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,YAAY,CAAC;IAElC,IAAI,CAAC,MAAM,CACT,oBAAC,QAAQ,OACH,CAAC,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC,KACtD,CAAC,YAAY,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,CAAC,IAEnD,YAAY,IAAI,oBAAC,YAAY,OAAG,CACxB,CACZ,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;YAAA,CAChB,EAAE,CAAC,CAAC,CAAC;QAAA,CACP;QAED,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;KAC9B,CAAC;AAAA,CACH"}
+{"version":3,"file":"vibe-app-mount.js","sourceRoot":"","sources":["../jsr/vibe-app-mount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,2BAA2B,CAAC;AAmBnC,SAAS,QAAQ,CAAC,EAChB,eAAe,GAAG,IAAI,EACtB,YAAY,EACZ,QAAQ,GAKT,EAAE;IAID,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,CAChC,oBAAC,iBAAiB,IAAC,WAAW,EAAE,oBAAC,UAAU,OAAG,EAAE,eAAe,EAAE,IAAI,IAClE,QAAQ,CACS,CACrB,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAC;IAGF,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,oBAAC,mBAAmB,IAAC,QAAQ,EAAE,YAAY,IAAG,OAAO,CAAuB,CAAC;IACtF,CAAC;IAED,OAAO,OAAO,CAAC;AAAA,CAChB;AAED,MAAM,UAAU,aAAa,CAAC,OAA6B,EAAuB;IAChF,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAG3E,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,KAAK,YAAY,2BAA2B,EAAE,CAAC;gBACjD,MAAM,IAAI,KAAK,CACb,8BAA8B,KAAK,CAAC,OAAO,WAAW,KAAK,CAAC,IAAI,KAAK;oBACnE,0BAA0B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAC3D,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,YAAY,CAAC;IAElC,IAAI,CAAC,MAAM,CACT,oBAAC,QAAQ,OACH,CAAC,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC,KACtD,CAAC,YAAY,KAAK,SAAS,IAAI,EAAE,YAAY,EAAE,CAAC,IAEnD,YAAY,IAAI,oBAAC,YAAY,OAAG,CACxB,CACZ,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,EAAE,CAAC;YAAA,CAChB,EAAE,CAAC,CAAC,CAAC;QAAA,CACP;QAED,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;KAC9B,CAAC;AAAA,CACH"}