@sonordev/site-kit 1.5.5 → 2.0.1

package/dist/forms/styles.css

@@ -0,0 +1,312 @@
+/**
+ * @sonordev/site-kit/forms - Default Styles
+ *
+ * Import this file for default form styling, or use it as a reference
+ * for the CSS variables and class names you can customize.
+ *
+ * Usage in Next.js:
+ *   import '@sonordev/site-kit/forms/styles.css'
+ *
+ * Or customize with CSS variables in your global styles:
+ *   :root {
+ *     --sk-input-bg: #ffffff;
+ *     --sk-input-border: #your-border-color;
+ *     --sk-primary: #your-brand-color;
+ *   }
+ *
+ * Or import brand.css for the full token set:
+ *   import '@sonordev/site-kit/brand.css'
+ */
+
+/* ============================================
+   CSS Variables (customize these in your app)
+
+   These defaults match @sonordev/site-kit/brand.css.
+   If you import brand.css, these :root declarations
+   are redundant — brand.css already sets them.
+   ============================================ */
+
+:root {
+  /* Input styling */
+  --sk-input-bg: #ffffff;
+  --sk-input-border: #d1d5db;
+  --sk-input-border-focus: #3b82f6;
+  --sk-input-border-error: #ef4444;
+  --sk-input-radius: 0.375rem;
+  --sk-input-padding: 10px 12px;
+
+  /* Typography */
+  --sk-font-size: 16px;
+  --sk-label-color: inherit;
+  --sk-label-weight: 500;
+  --sk-error: #ef4444;
+  --sk-text-tertiary: #6b7280;
+
+  /* Progress bar */
+  --sk-progress-bg: #e5e7eb;
+  --sk-progress-fill: #3b82f6;
+
+  /* Rating */
+  --sk-rating-active: #fbbf24;
+  --sk-rating-inactive: #d1d5db;
+
+  /* Buttons */
+  --sk-btn-bg: #3b82f6;
+  --sk-btn-color: #ffffff;
+  --sk-btn-hover-bg: #2563eb;
+  --sk-btn-radius: 0.375rem;
+  --sk-btn-padding: 10px 20px;
+
+  --sk-btn-secondary-bg: transparent;
+  --sk-btn-secondary-color: #374151;
+  --sk-btn-secondary-border: #d1d5db;
+}
+
+/* ============================================
+   Form Container
+   ============================================ */
+
+.sk-form {
+  font-family: inherit;
+  font-size: var(--sk-font-size);
+}
+
+/* ============================================
+   Progress Bar (Multi-step forms)
+   ============================================ */
+
+.sk-form__progress {
+  margin-bottom: 24px;
+}
+
+.sk-form__progress-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  font-size: 14px;
+  color: var(--sk-text-tertiary);
+}
+
+.sk-form__progress-track {
+  height: 4px;
+  background-color: var(--sk-progress-bg);
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.sk-form__progress-bar {
+  height: 100%;
+  background-color: var(--sk-progress-fill);
+  transition: width 0.3s ease;
+}
+
+/* ============================================
+   Fields Container
+   ============================================ */
+
+.sk-form__fields {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.sk-form__field-wrapper--full {
+  width: 100%;
+}
+
+.sk-form__field-wrapper--half {
+  width: calc(50% - 8px);
+}
+
+.sk-form__field-wrapper--third {
+  width: calc(33.33% - 11px);
+}
+
+.sk-form__field-wrapper--quarter {
+  width: calc(25% - 12px);
+}
+
+@media (max-width: 640px) {
+  .sk-form__field-wrapper--half,
+  .sk-form__field-wrapper--third,
+  .sk-form__field-wrapper--quarter {
+    width: 100% !important;
+  }
+}
+
+/* ============================================
+   Field Styles
+   ============================================ */
+
+.sk-form__field {
+  margin-bottom: 0;
+}
+
+.sk-form__label {
+  display: block;
+  margin-bottom: 6px;
+  font-weight: var(--sk-label-weight);
+  color: var(--sk-label-color);
+}
+
+.sk-form__input,
+.sk-form__textarea,
+.sk-form__select {
+  width: 100%;
+  padding: var(--sk-input-padding);
+  font-size: var(--sk-font-size);
+  font-family: inherit;
+  border: 1px solid var(--sk-input-border);
+  border-radius: var(--sk-input-radius);
+  background-color: var(--sk-input-bg);
+  outline: none;
+  transition: border-color 0.15s ease;
+}
+
+.sk-form__input:focus,
+.sk-form__textarea:focus,
+.sk-form__select:focus {
+  border-color: var(--sk-input-border-focus);
+  box-shadow: 0 0 0 3px rgba(var(--sk-primary-rgb, 59, 130, 246), 0.1);
+}
+
+.sk-form__textarea {
+  resize: vertical;
+  min-height: 100px;
+}
+
+/* ============================================
+   Radio & Checkbox
+   ============================================ */
+
+.sk-form__radio-group,
+.sk-form__checkbox-group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.sk-form__radio-option,
+.sk-form__checkbox-option,
+.sk-form__checkbox {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+
+/* ============================================
+   Rating
+   ============================================ */
+
+.sk-form__rating {
+  display: flex;
+  gap: 4px;
+}
+
+.sk-form__rating-star {
+  background: none;
+  border: none;
+  font-size: 24px;
+  cursor: pointer;
+  padding: 0;
+  transition: transform 0.1s ease;
+}
+
+.sk-form__rating-star:hover {
+  transform: scale(1.1);
+}
+
+/* ============================================
+   Slider
+   ============================================ */
+
+.sk-form__slider input[type="range"] {
+  width: 100%;
+  accent-color: var(--sk-progress-fill);
+}
+
+.sk-form__slider-value {
+  text-align: center;
+  margin-top: 4px;
+  font-size: 14px;
+  color: var(--sk-text-tertiary);
+}
+
+/* ============================================
+   Error & Help Text
+   ============================================ */
+
+.sk-form__error {
+  color: var(--sk-error);
+  font-size: 14px;
+  margin-top: 4px;
+  margin-bottom: 0;
+}
+
+.sk-form__help {
+  color: var(--sk-text-tertiary);
+  font-size: 14px;
+  margin-top: 4px;
+  margin-bottom: 0;
+}
+
+/* ============================================
+   Action Buttons
+   ============================================ */
+
+.sk-form__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 24px;
+}
+
+.sk-form__btn {
+  padding: var(--sk-btn-padding);
+  font-size: var(--sk-font-size);
+  font-family: inherit;
+  border-radius: var(--sk-btn-radius);
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.sk-form__btn--submit {
+  background-color: var(--sk-btn-bg);
+  color: var(--sk-btn-color);
+  border: none;
+}
+
+.sk-form__btn--submit:hover:not(:disabled) {
+  background-color: var(--sk-btn-hover-bg);
+}
+
+.sk-form__btn--submit:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.sk-form__btn--back {
+  background-color: var(--sk-btn-secondary-bg);
+  color: var(--sk-btn-secondary-color);
+  border: 1px solid var(--sk-btn-secondary-border);
+}
+
+.sk-form__btn--back:hover {
+  background-color: var(--sk-surface, #f3f4f6);
+}
+
+/* ============================================
+   Headings & Paragraphs
+   ============================================ */
+
+.sk-form__heading {
+  margin: 16px 0 8px;
+  font-size: 1.25em;
+}
+
+.sk-form__paragraph {
+  color: var(--sk-text-tertiary);
+  margin: 8px 0;
+}
+

package/dist/images/index.js

@@ -1,46 +1,46 @@
 'use strict';
 
-var chunkG6VGUAK2_js = require('../chunk-G6VGUAK2.js');
-var chunkDY4K6X3A_js = require('../chunk-DY4K6X3A.js');
+var chunkIFVMZFNT_js = require('../chunk-IFVMZFNT.js');
+var chunkGCPPXUAI_js = require('../chunk-GCPPXUAI.js');
 require('../chunk-ZSMWDLMK.js');
 
 
 
 Object.defineProperty(exports, "ManagedImage", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.ManagedImage; }
+  get: function () { return chunkIFVMZFNT_js.ManagedImage; }
 });
 Object.defineProperty(exports, "assignImageToSlot", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.assignImageToSlot; }
+  get: function () { return chunkIFVMZFNT_js.assignImageToSlot; }
 });
 Object.defineProperty(exports, "clearImageSlot", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.clearImageSlot; }
+  get: function () { return chunkIFVMZFNT_js.clearImageSlot; }
 });
 Object.defineProperty(exports, "fetchManagedImage", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.fetchManagedImage; }
+  get: function () { return chunkIFVMZFNT_js.fetchManagedImage; }
 });
 Object.defineProperty(exports, "fetchManagedImages", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.fetchManagedImages; }
+  get: function () { return chunkIFVMZFNT_js.fetchManagedImages; }
 });
 Object.defineProperty(exports, "listImageFiles", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.listImageFiles; }
+  get: function () { return chunkIFVMZFNT_js.listImageFiles; }
 });
 Object.defineProperty(exports, "uploadImage", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.uploadImage; }
+  get: function () { return chunkIFVMZFNT_js.uploadImage; }
 });
 Object.defineProperty(exports, "ManagedFavicon", {
   enumerable: true,
-  get: function () { return chunkDY4K6X3A_js.ManagedFavicon; }
+  get: function () { return chunkGCPPXUAI_js.ManagedFavicon; }
 });
 Object.defineProperty(exports, "getManagedFaviconUrl", {
   enumerable: true,
-  get: function () { return chunkDY4K6X3A_js.getManagedFaviconUrl; }
+  get: function () { return chunkGCPPXUAI_js.getManagedFaviconUrl; }
 });
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/images/index.mjs

@@ -1,5 +1,5 @@
-export { ManagedImage, assignImageToSlot, clearImageSlot, fetchManagedImage, fetchManagedImages, listImageFiles, uploadImage } from '../chunk-36Y7OWES.mjs';
-export { ManagedFavicon, getManagedFaviconUrl } from '../chunk-N24BPFF6.mjs';
+export { ManagedImage, assignImageToSlot, clearImageSlot, fetchManagedImage, fetchManagedImages, listImageFiles, uploadImage } from '../chunk-3YQCPLGP.mjs';
+export { ManagedFavicon, getManagedFaviconUrl } from '../chunk-CU6OGBKK.mjs';
 import '../chunk-4XPGGLVP.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/images/server.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkDY4K6X3A_js = require('../chunk-DY4K6X3A.js');
+var chunkGCPPXUAI_js = require('../chunk-GCPPXUAI.js');
 require('../chunk-ZSMWDLMK.js');
 
 
 
 Object.defineProperty(exports, "ManagedFavicon", {
   enumerable: true,
-  get: function () { return chunkDY4K6X3A_js.ManagedFavicon; }
+  get: function () { return chunkGCPPXUAI_js.ManagedFavicon; }
 });
 Object.defineProperty(exports, "fetchFaviconData", {
   enumerable: true,
-  get: function () { return chunkDY4K6X3A_js.fetchFaviconData; }
+  get: function () { return chunkGCPPXUAI_js.fetchFaviconData; }
 });
 Object.defineProperty(exports, "getManagedFaviconUrl", {
   enumerable: true,
-  get: function () { return chunkDY4K6X3A_js.getManagedFaviconUrl; }
+  get: function () { return chunkGCPPXUAI_js.getManagedFaviconUrl; }
 });
 //# sourceMappingURL=server.js.map
 //# sourceMappingURL=server.js.map

package/dist/images/server.mjs

@@ -1,4 +1,4 @@
-export { ManagedFavicon, fetchFaviconData, getManagedFaviconUrl } from '../chunk-N24BPFF6.mjs';
+export { ManagedFavicon, fetchFaviconData, getManagedFaviconUrl } from '../chunk-CU6OGBKK.mjs';
 import '../chunk-4XPGGLVP.mjs';
 //# sourceMappingURL=server.mjs.map
 //# sourceMappingURL=server.mjs.map

package/dist/index.d.mts

@@ -1,15 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { ReactNode } from 'react';
-export { c as ManagedFAQData, M as ManagedMetadataResult, b as ManagedSchemaProps } from './types-KZP_VWZp.mjs';
+export { d as ManagedFAQData, M as ManagedMetadataResult, c as ManagedSchemaProps } from './types-CGkyylOa.mjs';
 export { c as AnalyticsConfig, b as AnalyticsEvent, P as PageView } from './types-DNSYU7qI.mjs';
 export { C as ChatConfig, c as EngageElement, d as WidgetConfig } from './types-BnCwwUX3.mjs';
 export { a as FormField, F as FormSubmission, M as ManagedFormConfig } from './types-0dmq3k20.mjs';
 export { d as BlogAuthor, b as BlogCategory, B as BlogPostType } from './types-D08004rU.mjs';
 export { g as Cart, f as CartItem, e as CommerceCategory, C as CommerceOffering, c as CommerceSchedule, a as CommerceVariant, O as OfferingType } from './types-B0xmgGw-.mjs';
 export { x as CalendarView, w as CheckoutForm, z as EventCalendar, u as EventEmbed, y as EventModal, E as EventTile, O as OfferingCard, s as OfferingList, t as ProductEmbed, R as RegistrationForm, U as UpcomingEvents, l as createCheckoutSession, j as fetchNextEvent, a as fetchOffering, f as fetchOfferings, c as fetchProducts, h as fetchServices, i as fetchUpcomingEvents, F as formatDate, G as formatDateTime, B as formatPrice, M as getOfferingUrl, r as registerForEvent, A as useEventModal } from './useEventModal-DvqBRau-.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 export { RedirectConfig, RedirectRule, clearRedirectCache, fetchRedirectRules, generateNextRedirects, handleManagedRedirects } from './redirects/index.mjs';
 export { g as ImageApiConfig, I as ImageFile, M as ManagedImage, b as ManagedImageData, a as ManagedImageProps, d as assignImageToSlot, e as clearImageSlot, f as fetchManagedImage, c as fetchManagedImages, l as listImageFiles, u as uploadImage } from './api-DTKSHh_w.mjs';
-export { S as SetupWizard } from './SetupWizard-Cki06kB0.mjs';
 export { Review, ReviewStats, TestimonialSection, TestimonialSectionProps, fetchReviewStats, fetchReviews } from './reputation/index.mjs';
 import 'next';
 import 'next/server';
@@ -71,26 +70,6 @@ interface SiteKitConfig {
     debug?: boolean;
 }
 
-interface SignalConfig$1 {
-    enabled: boolean;
-    realtime?: boolean;
-    experiments?: boolean;
-    behaviorTracking?: boolean;
-}
-interface SiteKitContextValue extends SiteKitConfig {
-    isReady: boolean;
-    signal?: SignalConfig$1;
-    signalUrl?: string;
-}
-declare function useSiteKit(): SiteKitContextValue;
-interface SiteKitProviderProps extends SiteKitConfig {
-    children: ReactNode;
-    signalUrl?: string;
-}
-declare function SiteKitProvider({ children, apiKey, apiUrl, signalUrl, projectId, recaptchaSiteKey, analytics, engage, forms, signal, sitemapSync, debug, }: SiteKitProviderProps & {
-    signal?: SignalConfig$1;
-}): react_jsx_runtime.JSX.Element;
-
 /**
  * @sonordev/site-kit/affiliates - Affiliates Types
  *
@@ -564,112 +543,6 @@ declare function ExperimentConversion({ experimentId, outcomeType, value, childr
     children: React__default.ReactElement;
 }): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
 
-/**
- * @sonordev/site-kit/setup - Conversational Setup Assistant
- *
- * AI-powered conversational interface for setting up site-kit.
- * Uses Echo/Signal to guide users through configuration.
- *
- * Features:
- * - Streaming AI responses for real-time feedback
- * - Brand extraction from existing websites
- * - Module recommendations based on business type
- * - Integration verification
- * - Copilot instructions generation
- */
-interface SetupContext {
-    flow: 'new' | 'existing' | 'rebuild' | null;
-    step: string;
-    project_id?: string;
-    org_id?: string;
-    domain?: string;
-    business_type?: string;
-    scan_results?: ScanResults;
-    scrape_results?: ScrapeResults;
-    selected_modules?: string[];
-    brand?: BrandInfo;
-}
-interface ScanResults {
-    forms: {
-        file: string;
-        form_library: string;
-        fields: number;
-    }[];
-    widgets: {
-        file: string;
-        widget_type: string;
-    }[];
-    metadata: {
-        file: string;
-        type: string;
-    }[];
-    sitemaps: {
-        file: string;
-        type: string;
-    }[];
-}
-interface ScrapeResults {
-    scrape_id: string;
-    domain: string;
-    pages_found: number;
-    faqs_imported: number;
-    routes: {
-        path: string;
-        title: string;
-    }[];
-    brand?: BrandInfo;
-}
-interface BrandInfo {
-    business_name: string;
-    tagline?: string;
-    primary_color?: string;
-    secondary_color?: string;
-    logo_url?: string;
-    phone_numbers?: string[];
-    email_addresses?: string[];
-    social_profiles?: Record<string, string>;
-}
-interface SetupState {
-    step: 'welcome' | 'auth' | 'project' | 'modules' | 'config' | 'verify' | 'complete';
-    isAuthenticated: boolean;
-    userEmail?: string;
-    accessToken?: string;
-    selectedOrg?: {
-        id: string;
-        name: string;
-    };
-    selectedProject?: {
-        id: string;
-        name: string;
-        domain: string;
-    };
-    selectedModules: string[];
-    config: Record<string, unknown>;
-    errors: string[];
-    context: SetupContext;
-}
-interface SetupAssistantProps {
-    /** Sonor API URL */
-    apiUrl?: string;
-    /** Signal API URL for AI chat */
-    signalUrl?: string;
-    /** Supabase URL for auth */
-    supabaseUrl?: string;
-    /** Supabase anon key */
-    supabaseKey?: string;
-    /** Pre-selected project ID (if coming from Sonor) */
-    projectId?: string;
-    /** Pre-selected org ID (if coming from Sonor) */
-    orgId?: string;
-    /** Auth token (if already authenticated) */
-    authToken?: string;
-    /** Callback when setup is complete */
-    onComplete?: (config: SetupState) => void;
-    /** Custom welcome message */
-    welcomeMessage?: string;
-}
-declare function SetupAssistant({ apiUrl, signalUrl, supabaseUrl, supabaseKey, projectId, orgId, authToken, onComplete, welcomeMessage, }: SetupAssistantProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Sync Module Types - Booking Widget for Client Sites
  */
@@ -848,4 +721,4 @@ declare function formatDate(isoString: string, timezone: string): string;
  */
 declare function formatDuration(minutes: number): string;
 
-export { type Affiliate, AffiliateCard, type AffiliateCardProps, type AffiliateOffer, type AffiliateWithOffers, AffiliatesWidget, type AffiliatesWidgetProps, type BookingResult, type BookingType, BookingWidget, type BookingWidgetProps, type EngageOverride, type ExperimentAssignment, type ExperimentConfig, ExperimentConversion, type ExperimentVariant, type GuestInfo, type Host, type MetaOverride, type PriceOverride, SetupAssistant, SignalBridge, type SignalBridgeProps, type SignalConfig, type SignalContextValue, type SignalEvent, SignalExperiment, type SignalOutcome, type SiteKitConfig, SiteKitProvider, type SlotHold, type SyncWidgetConfig, type TimeSlot, type UseAffiliatesResult, createBooking, createSlotHold, detectTimezone, fetchAffiliates, fetchAvailability, fetchAvailableDates, fetchBookingTypeDetails, fetchBookingTypes, formatDate as formatBookingDate, formatTime as formatBookingTime, formatDuration, getTrackingUrl, releaseSlotHold, useAffiliates, useExperimentVariant, useSignal, useSignalConfig, useSignalEvent, useSignalExperiment, useSignalOutcome, useSiteKit };
+export { type Affiliate, AffiliateCard, type AffiliateCardProps, type AffiliateOffer, type AffiliateWithOffers, AffiliatesWidget, type AffiliatesWidgetProps, type BookingResult, type BookingType, BookingWidget, type BookingWidgetProps, type EngageOverride, type ExperimentAssignment, type ExperimentConfig, ExperimentConversion, type ExperimentVariant, type GuestInfo, type Host, type MetaOverride, type PriceOverride, SignalBridge, type SignalBridgeProps, type SignalConfig, type SignalContextValue, type SignalEvent, SignalExperiment, type SignalOutcome, type SiteKitConfig, type SlotHold, type SyncWidgetConfig, type TimeSlot, type UseAffiliatesResult, createBooking, createSlotHold, detectTimezone, fetchAffiliates, fetchAvailability, fetchAvailableDates, fetchBookingTypeDetails, fetchBookingTypes, formatDate as formatBookingDate, formatTime as formatBookingTime, formatDuration, getTrackingUrl, releaseSlotHold, useAffiliates, useExperimentVariant, useSignal, useSignalConfig, useSignalEvent, useSignalExperiment, useSignalOutcome };