@flowdrop/flowdrop 1.4.0 → 1.6.0

package/dist/services/toastService.js

@@ -3,44 +3,44 @@
  * Centralized toast notification service using svelte-french-toast
  * Provides consistent toast notifications across the FlowDrop application
  */
-import { toast } from "svelte-5-french-toast";
-import { TOAST_DURATION } from "../config/constants.js";
+import { toast } from 'svelte-5-french-toast';
+import { TOAST_DURATION } from '../config/constants.js';
 /**
  * Default toast options themed with FlowDrop design tokens.
  * Use with <Toaster toastOptions={flowdropToastOptions} containerClassName="flowdrop-toaster" />
  * and import '@flowdrop/flowdrop/styles/toast.css' (or app toast.css) so toast bar styles apply.
  */
 export const flowdropToastOptions = {
-    className: "flowdrop-toast-bar",
-    style: "",
+    className: 'flowdrop-toast-bar',
+    style: '',
     success: {
         iconTheme: {
-            primary: "var(--fd-success)",
-            secondary: "var(--fd-success-foreground)",
-        },
+            primary: 'var(--fd-success)',
+            secondary: 'var(--fd-success-foreground)'
+        }
     },
     error: {
         iconTheme: {
-            primary: "var(--fd-error)",
-            secondary: "var(--fd-error-foreground)",
-        },
+            primary: 'var(--fd-error)',
+            secondary: 'var(--fd-error-foreground)'
+        }
     },
     loading: {
         iconTheme: {
-            primary: "var(--fd-primary)",
-            secondary: "var(--fd-primary-muted)",
-        },
-    },
+            primary: 'var(--fd-primary)',
+            secondary: 'var(--fd-primary-muted)'
+        }
+    }
 };
 /** Container class for FlowDrop-themed Toaster (used with toast.css). */
-export const FLOWDROP_TOASTER_CLASS = "flowdrop-toaster";
+export const FLOWDROP_TOASTER_CLASS = 'flowdrop-toaster';
 /**
  * Show a success toast notification
  */
 export function showSuccess(message, options) {
     return toast.success(message, {
         duration: options?.duration || TOAST_DURATION.SUCCESS,
-        position: options?.position || "bottom-center",
+        position: options?.position || 'bottom-center'
     });
 }
 /**
@@ -49,7 +49,7 @@ export function showSuccess(message, options) {
 export function showError(message, options) {
     return toast.error(message, {
         duration: options?.duration || TOAST_DURATION.ERROR,
-        position: options?.position || "bottom-center",
+        position: options?.position || 'bottom-center'
     });
 }
 /**
@@ -58,7 +58,7 @@ export function showError(message, options) {
 export function showWarning(message, options) {
     return toast.error(message, {
         duration: options?.duration || TOAST_DURATION.WARNING,
-        position: options?.position || "bottom-center",
+        position: options?.position || 'bottom-center'
     });
 }
 /**
@@ -67,7 +67,7 @@ export function showWarning(message, options) {
 export function showInfo(message, options) {
     return toast.success(message, {
         duration: options?.duration || TOAST_DURATION.INFO,
-        position: options?.position || "bottom-center",
+        position: options?.position || 'bottom-center'
     });
 }
 /**
@@ -76,7 +76,7 @@ export function showInfo(message, options) {
 export function showLoading(message, options) {
     return toast.loading(message, {
         duration: options?.duration || Infinity,
-        position: options?.position || "bottom-center",
+        position: options?.position || 'bottom-center'
     });
 }
 /**
@@ -94,12 +94,12 @@ export function dismissAllToasts() {
 /**
  * Show a promise-based toast (loading -> success/error)
  */
-export function showPromise(promise, { loading, success, error, options, }) {
+export function showPromise(promise, { loading, success, error, options }) {
     return toast.promise(promise, {
         loading,
         success,
         error,
-        ...options,
+        ...options
     });
 }
 /**
@@ -108,7 +108,7 @@ export function showPromise(promise, { loading, success, error, options, }) {
 export function showConfirmation(message, options) {
     return toast(message, {
         duration: options?.duration || TOAST_DURATION.CONFIRMATION,
-        position: options?.position || "bottom-center",
+        position: options?.position || 'bottom-center'
     });
 }
 /**
@@ -142,9 +142,9 @@ export const apiToasts = {
         return showPromise(promise, {
             loading: `${operation}...`,
             success: options?.successMessage || `${operation} completed successfully`,
-            error: options?.errorMessage || `${operation} failed`,
+            error: options?.errorMessage || `${operation} failed`
         });
-    },
+    }
 };
 /**
  * Workflow-specific toast helpers
@@ -156,7 +156,7 @@ export const workflowToasts = {
     saved: (workflowName) => {
         const message = workflowName
             ? `Workflow "${workflowName}" saved successfully`
-            : "Workflow saved successfully";
+            : 'Workflow saved successfully';
         return showSuccess(message);
     },
     /**
@@ -172,7 +172,7 @@ export const workflowToasts = {
     deleted: (workflowName) => {
         const message = workflowName
             ? `Workflow "${workflowName}" deleted successfully`
-            : "Workflow deleted successfully";
+            : 'Workflow deleted successfully';
         return showSuccess(message);
     },
     /**
@@ -188,7 +188,7 @@ export const workflowToasts = {
     executionStarted: (workflowName) => {
         const message = workflowName
             ? `Workflow "${workflowName}" execution started`
-            : "Workflow execution started";
+            : 'Workflow execution started';
         return showInfo(message);
     },
     /**
@@ -197,7 +197,7 @@ export const workflowToasts = {
     executionCompleted: (workflowName) => {
         const message = workflowName
             ? `Workflow "${workflowName}" execution completed`
-            : "Workflow execution completed";
+            : 'Workflow execution completed';
         return showSuccess(message);
     },
     /**
@@ -206,7 +206,7 @@ export const workflowToasts = {
     exported: (workflowName) => {
         const message = workflowName
             ? `Workflow "${workflowName}" exported successfully`
-            : "Workflow exported successfully";
+            : 'Workflow exported successfully';
         return showSuccess(message);
     },
     /**
@@ -215,7 +215,7 @@ export const workflowToasts = {
     executionError: (error) => {
         const errorMessage = error instanceof Error ? error.message : error;
         return showError(`Workflow execution failed: ${errorMessage}`);
-    },
+    }
 };
 /**
  * Pipeline-specific toast helpers
@@ -227,7 +227,7 @@ export const pipelineToasts = {
     created: (pipelineName) => {
         const message = pipelineName
             ? `Pipeline "${pipelineName}" created successfully`
-            : "Pipeline created successfully";
+            : 'Pipeline created successfully';
         return showSuccess(message);
     },
     /**
@@ -261,5 +261,5 @@ export const pipelineToasts = {
      */
     statusUpdate: (pipelineId, status) => {
         return showInfo(`Pipeline ${pipelineId} status: ${status}`);
-    },
+    }
 };

package/dist/services/variableService.d.ts

@@ -5,7 +5,7 @@
  *
  * @module services/variableService
  */
-import type { WorkflowNode, WorkflowEdge, VariableSchema, TemplateVariable, TemplateVariablesConfig, AuthProvider } from "../types/index.js";
+import type { WorkflowNode, WorkflowEdge, VariableSchema, TemplateVariable, TemplateVariablesConfig, AuthProvider } from '../types/index.js';
 /**
  * Options for deriving available variables.
  */

package/dist/services/variableService.js

@@ -5,7 +5,7 @@
  *
  * @module services/variableService
  */
-import { logger } from "../utils/logger.js";
+import { logger } from '../utils/logger.js';
 /**
  * Converts a JSON Schema property type to a TemplateVariableType.
  *
@@ -14,22 +14,22 @@ import { logger } from "../utils/logger.js";
  */
 function toTemplateVariableType(schemaType) {
     switch (schemaType) {
-        case "string":
-            return "string";
-        case "number":
-            return "number";
-        case "integer":
-            return "integer";
-        case "boolean":
-            return "boolean";
-        case "array":
-            return "array";
-        case "object":
-            return "object";
-        case "float":
-            return "float";
+        case 'string':
+            return 'string';
+        case 'number':
+            return 'number';
+        case 'integer':
+            return 'integer';
+        case 'boolean':
+            return 'boolean';
+        case 'array':
+            return 'array';
+        case 'object':
+            return 'object';
+        case 'float':
+            return 'float';
         default:
-            return "mixed";
+            return 'mixed';
     }
 }
 /**
@@ -49,18 +49,18 @@ function propertyToTemplateVariable(name, property, sourcePort, sourceNode) {
         description: property.description,
         type: toTemplateVariableType(property.type),
         sourcePort,
-        sourceNode,
+        sourceNode
     };
     // Handle nested object properties
-    if (property.type === "object" && property.properties) {
+    if (property.type === 'object' && property.properties) {
         variable.properties = {};
         for (const [propName, propValue] of Object.entries(property.properties)) {
             variable.properties[propName] = propertyToTemplateVariable(propName, propValue, sourcePort, sourceNode);
         }
     }
     // Handle array items
-    if (property.type === "array" && property.items) {
-        variable.items = propertyToTemplateVariable("item", property.items, sourcePort, sourceNode);
+    if (property.type === 'array' && property.items) {
+        variable.items = propertyToTemplateVariable('item', property.items, sourcePort, sourceNode);
     }
     return variable;
 }
@@ -79,10 +79,10 @@ function portToTemplateVariable(port, sourceNode) {
             name: port.id,
             label: port.name,
             description: port.description,
-            type: "object",
+            type: 'object',
             sourcePort: port.id,
             sourceNode,
-            properties: {},
+            properties: {}
         };
         for (const [propName, propValue] of Object.entries(port.schema.properties)) {
             variable.properties[propName] = propertyToTemplateVariable(propName, propValue, port.id, sourceNode);
@@ -96,7 +96,7 @@ function portToTemplateVariable(port, sourceNode) {
         description: port.description,
         type: toTemplateVariableType(port.dataType),
         sourcePort: port.id,
-        sourceNode,
+        sourceNode
     };
 }
 /**
@@ -152,7 +152,7 @@ function findUpstreamConnections(node, nodes, edges) {
             edge,
             sourceNode,
             sourcePort,
-            targetPort,
+            targetPort
         });
     }
     return connections;
@@ -187,12 +187,12 @@ export function getAvailableVariables(node, nodes, edges, options) {
     for (const connection of connections) {
         const { sourceNode, sourcePort, targetPort } = connection;
         // Skip trigger ports - they don't carry data
-        if (sourcePort?.dataType === "trigger")
+        if (sourcePort?.dataType === 'trigger')
             continue;
-        if (targetPort?.dataType === "trigger")
+        if (targetPort?.dataType === 'trigger')
             continue;
         // Get the target port ID for filtering
-        const targetPortId = targetPort?.id ?? sourcePort?.id ?? "data";
+        const targetPortId = targetPort?.id ?? sourcePort?.id ?? 'data';
         // Filter by target port IDs if specified
         if (targetPortIds !== undefined) {
             if (!targetPortIds.includes(targetPortId))
@@ -245,7 +245,7 @@ export function getAvailableVariables(node, nodes, edges, options) {
  * ```
  */
 export function getChildVariables(schema, path) {
-    const parts = path.split(".");
+    const parts = path.split('.');
     let current;
     // Navigate to the target variable
     for (let i = 0; i < parts.length; i++) {
@@ -296,7 +296,7 @@ export function getArrayIndexSuggestions(maxIndex = 2) {
         suggestions.push(`${i}]`);
     }
     // Add wildcard for "all items"
-    suggestions.push("*]");
+    suggestions.push('*]');
     return suggestions;
 }
 /**
@@ -307,7 +307,7 @@ export function getArrayIndexSuggestions(maxIndex = 2) {
  * @returns True if the variable is an array type
  */
 export function isArrayVariable(schema, path) {
-    const parts = path.split(".");
+    const parts = path.split('.');
     let current;
     for (let i = 0; i < parts.length; i++) {
         const part = parts[i];
@@ -336,7 +336,7 @@ export function isArrayVariable(schema, path) {
             return false;
         }
     }
-    return current?.type === "array";
+    return current?.type === 'array';
 }
 /**
  * Checks if a variable at the given path has child properties.
@@ -411,7 +411,7 @@ export async function getVariableSchema(node, nodes, edges, config, workflowId,
     if (config.api) {
         try {
             // Import API variable service dynamically to avoid circular dependencies
-            const { fetchVariableSchema } = await import("./apiVariableService.js");
+            const { fetchVariableSchema } = await import('./apiVariableService.js');
             const apiResult = await fetchVariableSchema(workflowId, node.id, config.api, authProvider);
             if (apiResult.success && apiResult.schema) {
                 resultSchema = apiResult.schema;
@@ -423,7 +423,7 @@ export async function getVariableSchema(node, nodes, edges, config, workflowId,
                 if (config.api.mergeWithPorts) {
                     const portSchema = getAvailableVariables(node, nodes, edges, {
                         targetPortIds: config.ports,
-                        includePortName: config.includePortName,
+                        includePortName: config.includePortName
                     });
                     resultSchema = mergeVariableSchemas(resultSchema, portSchema);
                 }
@@ -431,13 +431,13 @@ export async function getVariableSchema(node, nodes, edges, config, workflowId,
             }
             else if (!config.api.fallbackOnError) {
                 // API failed and fallback is disabled - return empty schema
-                logger.error("Failed to fetch variables from API:", apiResult.error);
+                logger.error('Failed to fetch variables from API:', apiResult.error);
                 return { variables: {} };
             }
             // If fallback is enabled (default), continue to schema-based mode below
         }
         catch (error) {
-            logger.error("Error fetching variables from API:", error);
+            logger.error('Error fetching variables from API:', error);
             // If fallback is disabled, return empty schema
             if (config.api.fallbackOnError === false) {
                 return { variables: {} };
@@ -451,7 +451,7 @@ export async function getVariableSchema(node, nodes, edges, config, workflowId,
     if (config.ports !== undefined || !config.api) {
         const portSchema = getAvailableVariables(node, nodes, edges, {
             targetPortIds: config.ports,
-            includePortName: config.includePortName,
+            includePortName: config.includePortName
         });
         resultSchema = portSchema;
     }

package/dist/services/workflowStorage.d.ts

@@ -2,11 +2,11 @@
  * In-memory workflow storage service
  * This can be replaced with a database implementation later
  */
-import type { Workflow } from "../types/index.js";
+import type { Workflow } from '../types/index.js';
 /**
  * Save a workflow
  */
-export declare function saveWorkflow(workflow: Omit<Workflow, "id">): Promise<Workflow>;
+export declare function saveWorkflow(workflow: Omit<Workflow, 'id'>): Promise<Workflow>;
 /**
  * Update an existing workflow
  */

package/dist/services/workflowStorage.js

@@ -2,7 +2,7 @@
  * In-memory workflow storage service
  * This can be replaced with a database implementation later
  */
-import { v4 as uuidv4 } from "uuid";
+import { v4 as uuidv4 } from 'uuid';
 // In-memory storage
 const workflows = new Map();
 /**
@@ -20,11 +20,11 @@ export async function saveWorkflow(workflow) {
         ...workflow,
         id,
         metadata: {
-            version: "1.0.0",
+            version: '1.0.0',
             createdAt: new Date().toISOString(),
             updatedAt: new Date().toISOString(),
-            ...workflow.metadata,
-        },
+            ...workflow.metadata
+        }
     };
     workflows.set(id, newWorkflow);
     return newWorkflow;
@@ -42,12 +42,12 @@ export async function updateWorkflow(id, workflow) {
         ...workflow,
         id, // Ensure ID doesn't change
         metadata: {
-            version: existing.metadata?.version || "1.0.0",
+            version: existing.metadata?.version || '1.0.0',
             createdAt: existing.metadata?.createdAt || new Date().toISOString(),
             updatedAt: new Date().toISOString(),
             author: workflow.metadata?.author || existing.metadata?.author,
-            tags: workflow.metadata?.tags || existing.metadata?.tags,
-        },
+            tags: workflow.metadata?.tags || existing.metadata?.tags
+        }
     };
     workflows.set(id, updatedWorkflow);
     return updatedWorkflow;
@@ -100,17 +100,17 @@ export async function initializeSampleWorkflows() {
     }
     // Add a sample workflow
     const sampleWorkflow = {
-        name: "Sample Chat Workflow",
-        description: "A simple workflow demonstrating chat completion",
+        name: 'Sample Chat Workflow',
+        description: 'A simple workflow demonstrating chat completion',
         nodes: [],
         edges: [],
         metadata: {
-            version: "1.0.0",
+            version: '1.0.0',
             createdAt: new Date().toISOString(),
             updatedAt: new Date().toISOString(),
-            author: "System",
-            tags: ["sample", "chat"],
-        },
+            author: 'System',
+            tags: ['sample', 'chat']
+        }
     };
     await saveWorkflow(sampleWorkflow);
 }

package/dist/settings/index.d.ts

@@ -16,10 +16,10 @@
  * import { theme, setTheme } from "@flowdrop/flowdrop/core";
  * ```
  */
-export { default as ThemeToggle } from "../components/ThemeToggle.svelte";
-export { default as SettingsPanel } from "../components/SettingsPanel.svelte";
-export { default as SettingsModal } from "../components/SettingsModal.svelte";
-export type { ThemeSettings, EditorSettings, UISettings, BehaviorSettings, ApiSettings, FlowDropSettings, SettingsCategory, PartialSettings, DeepPartial, SettingsChangeEvent, SettingsChangeCallback, SyncStatus, SettingsStoreState, } from "../types/settings.js";
-export { SETTINGS_CATEGORIES, SETTINGS_CATEGORY_LABELS, SETTINGS_CATEGORY_ICONS, DEFAULT_THEME_SETTINGS, DEFAULT_EDITOR_SETTINGS, DEFAULT_UI_SETTINGS, DEFAULT_BEHAVIOR_SETTINGS, DEFAULT_API_SETTINGS, DEFAULT_SETTINGS, SETTINGS_STORAGE_KEY, } from "../types/settings.js";
-export { getSettings as settingsStore, getThemeSettings as themeSettings, getEditorSettings as editorSettings, getUiSettings as uiSettings, getBehaviorSettings as behaviorSettings, getApiSettings as apiSettings, getSyncStatus as syncStatusStore, updateSettings, resetSettings, getSettings, initializeSettings, setSettingsService, syncSettingsToApi, loadSettingsFromApi, onSettingsChange, } from "../stores/settingsStore.svelte.js";
-export { settingsApi, SettingsService, createSettingsService, setSettingsEndpointConfig, getSettingsEndpointConfig, } from "../services/settingsService.js";
+export { default as ThemeToggle } from '../components/ThemeToggle.svelte';
+export { default as SettingsPanel } from '../components/SettingsPanel.svelte';
+export { default as SettingsModal } from '../components/SettingsModal.svelte';
+export type { ThemeSettings, EditorSettings, UISettings, BehaviorSettings, ApiSettings, FlowDropSettings, SettingsCategory, PartialSettings, DeepPartial, SettingsChangeEvent, SettingsChangeCallback, SyncStatus, SettingsStoreState } from '../types/settings.js';
+export { SETTINGS_CATEGORIES, SETTINGS_CATEGORY_LABELS, SETTINGS_CATEGORY_ICONS, DEFAULT_THEME_SETTINGS, DEFAULT_EDITOR_SETTINGS, DEFAULT_UI_SETTINGS, DEFAULT_BEHAVIOR_SETTINGS, DEFAULT_API_SETTINGS, DEFAULT_SETTINGS, SETTINGS_STORAGE_KEY } from '../types/settings.js';
+export { getSettings as settingsStore, getThemeSettings as themeSettings, getEditorSettings as editorSettings, getUiSettings as uiSettings, getBehaviorSettings as behaviorSettings, getApiSettings as apiSettings, getSyncStatus as syncStatusStore, updateSettings, resetSettings, getSettings, initializeSettings, setSettingsService, syncSettingsToApi, loadSettingsFromApi, onSettingsChange } from '../stores/settingsStore.svelte.js';
+export { settingsApi, SettingsService, createSettingsService, setSettingsEndpointConfig, getSettingsEndpointConfig } from '../services/settingsService.js';

package/dist/settings/index.js

@@ -19,15 +19,15 @@
 // ============================================================================
 // Components
 // ============================================================================
-export { default as ThemeToggle } from "../components/ThemeToggle.svelte";
-export { default as SettingsPanel } from "../components/SettingsPanel.svelte";
-export { default as SettingsModal } from "../components/SettingsModal.svelte";
-export { SETTINGS_CATEGORIES, SETTINGS_CATEGORY_LABELS, SETTINGS_CATEGORY_ICONS, DEFAULT_THEME_SETTINGS, DEFAULT_EDITOR_SETTINGS, DEFAULT_UI_SETTINGS, DEFAULT_BEHAVIOR_SETTINGS, DEFAULT_API_SETTINGS, DEFAULT_SETTINGS, SETTINGS_STORAGE_KEY, } from "../types/settings.js";
+export { default as ThemeToggle } from '../components/ThemeToggle.svelte';
+export { default as SettingsPanel } from '../components/SettingsPanel.svelte';
+export { default as SettingsModal } from '../components/SettingsModal.svelte';
+export { SETTINGS_CATEGORIES, SETTINGS_CATEGORY_LABELS, SETTINGS_CATEGORY_ICONS, DEFAULT_THEME_SETTINGS, DEFAULT_EDITOR_SETTINGS, DEFAULT_UI_SETTINGS, DEFAULT_BEHAVIOR_SETTINGS, DEFAULT_API_SETTINGS, DEFAULT_SETTINGS, SETTINGS_STORAGE_KEY } from '../types/settings.js';
 // ============================================================================
 // Settings Stores
 // ============================================================================
-export { getSettings as settingsStore, getThemeSettings as themeSettings, getEditorSettings as editorSettings, getUiSettings as uiSettings, getBehaviorSettings as behaviorSettings, getApiSettings as apiSettings, getSyncStatus as syncStatusStore, updateSettings, resetSettings, getSettings, initializeSettings, setSettingsService, syncSettingsToApi, loadSettingsFromApi, onSettingsChange, } from "../stores/settingsStore.svelte.js";
+export { getSettings as settingsStore, getThemeSettings as themeSettings, getEditorSettings as editorSettings, getUiSettings as uiSettings, getBehaviorSettings as behaviorSettings, getApiSettings as apiSettings, getSyncStatus as syncStatusStore, updateSettings, resetSettings, getSettings, initializeSettings, setSettingsService, syncSettingsToApi, loadSettingsFromApi, onSettingsChange } from '../stores/settingsStore.svelte.js';
 // ============================================================================
 // Settings Service
 // ============================================================================
-export { settingsApi, SettingsService, createSettingsService, setSettingsEndpointConfig, getSettingsEndpointConfig, } from "../services/settingsService.js";
+export { settingsApi, SettingsService, createSettingsService, setSettingsEndpointConfig, getSettingsEndpointConfig } from '../services/settingsService.js';

package/dist/skins/default.d.ts

@@ -1,2 +1,2 @@
-import type { FlowDropSkin } from "../types/skin";
+import type { FlowDropSkin } from '../types/skin';
 export declare const defaultSkin: FlowDropSkin;

package/dist/skins/default.js

@@ -1 +1 @@
-export const defaultSkin = { name: "default" };
+export const defaultSkin = { name: 'default' };

package/dist/skins/index.d.ts

@@ -1,6 +1,6 @@
-import type { FlowDropSkin, FlowDropSkinName } from "../types/skin";
-import { defaultSkin } from "./default";
-import { slateSkin } from "./slate";
+import type { FlowDropSkin, FlowDropSkinName } from '../types/skin';
+import { defaultSkin } from './default';
+import { slateSkin } from './slate';
 /**
  * Resolve a skin prop to a complete FlowDropSkin object.
  *

package/dist/skins/index.js

@@ -1,8 +1,8 @@
-import { defaultSkin } from "./default";
-import { slateSkin } from "./slate";
+import { defaultSkin } from './default';
+import { slateSkin } from './slate';
 const builtinSkins = {
     default: defaultSkin,
-    slate: slateSkin,
+    slate: slateSkin
 };
 /**
  * Resolve a skin prop to a complete FlowDropSkin object.
@@ -13,16 +13,16 @@ const builtinSkins = {
  *   → minimal skin tokens + { primary: '#e11d48' }
  */
 export function resolveSkin(skin) {
-    if (!skin || skin === "default")
+    if (!skin || skin === 'default')
         return defaultSkin;
-    if (typeof skin === "string")
+    if (typeof skin === 'string')
         return builtinSkins[skin] ?? defaultSkin;
     // Object form — check for a named base to merge on top of
     const baseName = skin.name;
-    if (baseName && baseName !== "default" && builtinSkins[baseName]) {
+    if (baseName && baseName !== 'default' && builtinSkins[baseName]) {
         const base = builtinSkins[baseName];
         return {
-            tokens: { ...(base.tokens ?? {}), ...(skin.tokens ?? {}) },
+            tokens: { ...(base.tokens ?? {}), ...(skin.tokens ?? {}) }
         };
     }
     return skin;

package/dist/skins/slate.d.ts

@@ -1,2 +1,2 @@
-import type { FlowDropSkin } from "../types/skin";
+import type { FlowDropSkin } from '../types/skin';
 export declare const slateSkin: FlowDropSkin;