@urbicon-ui/docs-gen 6.1.4

package/dist/generators/svelte/renderers/ExampleRenderer.js

@@ -0,0 +1,137 @@
+/**
+ * Renders code example sections for component documentation
+ */
+export class ExampleRenderer {
+    /** Auto Examples renderer */
+    renderAuto(component, apiData) {
+        const content = `
+<!-- Examples Section -->
+<Section id="examples" title="Examples" subtitle="Common usage patterns and implementations" intent="secondary">
+
+<div class="space-y-8">
+  <!-- Basic Usage Example -->
+  <CodeExample
+    title="Basic Usage"
+    code={\`<${component.name} />\`}
+    language="svelte"
+    size="md"
+    hasPreview={true}
+  >
+    <${component.name} />
+  </CodeExample>
+
+  ${this.generateVariantExamples(component, apiData)}
+</div>
+</Section>
+`;
+        return { id: 'examples', title: 'Examples', content, type: 'examples' };
+    }
+    generateVariantExamples(component, apiData) {
+        if (apiData.variants.length === 0)
+            return '';
+        return apiData.variants
+            .slice(0, 3)
+            .map((variant) => `
+  <!-- ${variant.name} Variant Example -->
+  <CodeExample
+    title="${variant.name.charAt(0).toUpperCase() + variant.name.slice(1)} Variants"
+    code={\`${this.generateVariantExampleCode(component, variant)}\`}
+    language="svelte"
+    size="md"
+    hasPreview={true}
+  >
+    <div class="flex flex-wrap gap-4">
+      ${variant.values
+            .slice(0, 4)
+            .map((value) => `<${component.name} ${variant.name}="${value}"></${component.name}>`)
+            .join('\n      ')}
+    </div>
+  </CodeExample>
+    `)
+            .join('\n');
+    }
+    generateVariantExampleCode(component, variant) {
+        const examples = variant.values
+            .slice(0, 4)
+            .map((value) => `<${component.name} ${variant.name}="${value}"></${component.name}>`);
+        return examples.join('\n');
+    }
+    /**
+     * Render an example section from DocumentationSection
+     */
+    renderExampleSection(section, component, componentApiData) {
+        const exampleContent = section.content;
+        if (!exampleContent) {
+            throw new Error(`Example section ${section.id} missing example content`);
+        }
+        const first = exampleContent.examples?.[0];
+        // Check if this example needs mock variables
+        const needsMockVars = this.checkIfExampleNeedsMockVariables(first?.code || '');
+        const mockVariables = {};
+        if (needsMockVars) {
+            Object.assign(mockVariables, this.getMockVariables(first?.code || ''));
+        }
+        const content = `
+<!-- ${section.title} -->
+<CodeExample title="${section.title}" ${first?.code ? `code={\`${this.escapeBackticks(first.code)}\`}` : ''} ${first?.code ? 'hasPreview={false}' : 'hasPreview={true}'}>
+  ${first?.code ? '' : this.convertCodeToSvelteComponent(first?.code || '')}
+</CodeExample>
+`;
+        return {
+            id: section.id,
+            title: section.title,
+            content: content.trim(),
+            type: 'examples'
+        };
+    }
+    /**
+     * Convert example code to actual Svelte component instance
+     */
+    convertCodeToSvelteComponent(code) {
+        // Simple conversion - replace component names with actual instances
+        // This is a simplified approach - could be enhanced with proper parsing
+        // Replace undefined variables with mock values
+        let convertedCode = code
+            .replace(/<Button\s/g, `<Button `)
+            .replace(/<\/Button>/g, `</Button>`)
+            .replace(/\{isSubmitting\}/g, `{exampleIsSubmitting}`)
+            .replace(/\{!isValid\}/g, `{!exampleIsValid}`)
+            .replace(/\{isSubmitting \? '([^']+)' : '([^']+)'\}/g, `{exampleIsSubmitting ? '$1' : '$2'}`);
+        return convertedCode;
+    }
+    /**
+     * Check if example code contains undefined variables that need mock values
+     */
+    checkIfExampleNeedsMockVariables(code) {
+        const undefinedVariables = ['isSubmitting', 'isValid', 'isLoading', 'isDisabled'];
+        return undefinedVariables.some((variable) => code.includes(`{${variable}}`) ||
+            code.includes(`{!${variable}}`) ||
+            code.includes(`${variable} ?`));
+    }
+    /**
+     * Get mock variables needed for example code
+     */
+    getMockVariables(code) {
+        const mockVars = {};
+        if (code.includes('isSubmitting')) {
+            mockVars.exampleIsSubmitting = false;
+        }
+        if (code.includes('isValid')) {
+            mockVars.exampleIsValid = true;
+        }
+        if (code.includes('isLoading')) {
+            mockVars.exampleIsLoading = false;
+        }
+        if (code.includes('isDisabled')) {
+            mockVars.exampleIsDisabled = false;
+        }
+        return mockVars;
+    }
+    /**
+     * Escape backticks in code for template literals
+     */
+    escapeBackticks(code) {
+        return code.replace(/`/g, '\\`').replace(/\${/g, '\\${');
+    }
+}
+//# sourceMappingURL=ExampleRenderer.js.map

package/dist/generators/svelte/renderers/ExampleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleRenderer.js","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/ExampleRenderer.ts"],"names":[],"mappings":"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"}

package/dist/generators/svelte/renderers/OverviewRenderer.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentAPIData, EnrichedComponentInfo } from '../../../types';
+import type { RenderedSection } from '../types';
+/**
+ * Auto Overview Renderer
+ */
+export declare class OverviewRenderer {
+    renderAuto(component: EnrichedComponentInfo, apiData: ComponentAPIData): RenderedSection;
+}
+//# sourceMappingURL=OverviewRenderer.d.ts.map

package/dist/generators/svelte/renderers/OverviewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewRenderer.d.ts","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/OverviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,UAAU,CAAC,SAAS,EAAE,qBAAqB,EAAE,OAAO,EAAE,gBAAgB,GAAG,eAAe;CAwCzF"}

package/dist/generators/svelte/renderers/OverviewRenderer.js

@@ -0,0 +1,45 @@
+/**
+ * Auto Overview Renderer
+ */
+export class OverviewRenderer {
+    renderAuto(component, apiData) {
+        const content = `
+<!-- Overview Section -->
+<Section id="overview" title="Overview" intent="hero" centered={true}>
+  <div class="max-w-4xl mx-auto space-y-8">
+    <!-- Hero Stats -->
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+      <InfoCard intent="primary" title="Properties" size="lg">
+        <div class="text-3xl font-bold text-primary-600">${apiData.props.length}</div>
+        <div class="text-sm text-slate-600">Total props</div>
+      </InfoCard>
+      
+      <InfoCard intent="secondary" title="Variants" size="lg">
+        <div class="text-3xl font-bold text-secondary-600">${apiData.variants.length}</div>
+        <div class="text-sm text-slate-600">Style variants</div>
+      </InfoCard>
+      
+      <InfoCard intent="success" title="Inheritance" size="lg">
+        <div class="text-3xl font-bold text-success-600">${apiData.inheritance ? apiData.inheritance.length : 0}</div>
+        <div class="text-sm text-slate-600">Inherited types</div>
+      </InfoCard>
+      
+      <InfoCard intent="neutral" title="Examples" size="lg">
+        <div class="text-3xl font-bold text-neutral-600">${apiData.examples ? apiData.examples.length : 0}</div>
+        <div class="text-sm text-slate-600">Code examples</div>
+      </InfoCard>
+    </div>
+    
+    <!-- Component Description -->
+    ${component.description ? `
+    <div class="bg-gradient-to-r from-slate-50 to-slate-100 rounded-xl p-6 text-center">
+      <p class="text-lg text-slate-700 leading-relaxed">${component.description}</p>
+    </div>
+    ` : ''}
+  </div>
+</Section>
+`;
+        return { id: 'overview', title: 'Overview', content, type: 'overview' };
+    }
+}
+//# sourceMappingURL=OverviewRenderer.js.map

package/dist/generators/svelte/renderers/OverviewRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewRenderer.js","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/OverviewRenderer.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAC3B,UAAU,CAAC,SAAgC,EAAE,OAAyB;QACpE,MAAM,OAAO,GAAG;;;;;;;2DAOuC,OAAO,CAAC,KAAK,CAAC,MAAM;;;;;6DAKlB,OAAO,CAAC,QAAQ,CAAC,MAAM;;;;;2DAKzB,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;;;;2DAKpD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;;;;;MAMlG,SAAiB,CAAC,WAAW,CAAC,CAAC,CAAC;;0DAEoB,SAAiB,CAAC,WAAW;;KAEnF,CAAC,CAAC,CAAC,EAAE;;;CAGT,CAAC;QAEE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAC1E,CAAC;CACF"}

package/dist/generators/svelte/renderers/PlaygroundRenderer.d.ts

@@ -0,0 +1,35 @@
+import type { DocumentationSection } from '@urbicon-ui/shared-types';
+import type { ComponentAPIData, EnrichedComponentInfo } from '../../../types';
+import type { RenderedSection } from '../types';
+/**
+ * Renders interactive playground sections for component documentation
+ */
+export declare class PlaygroundRenderer {
+    /** Auto Playground renderer */
+    renderAuto(component: EnrichedComponentInfo, componentApiData: ComponentAPIData, config?: {
+        featured?: string[];
+        exclude?: string[];
+        defaults?: Record<string, any>;
+        controls?: any[];
+    }): RenderedSection;
+    /**
+     * Render a playground section from DocumentationSection
+     */
+    renderPlaygroundSection(section: DocumentationSection, component: EnrichedComponentInfo, componentApiData: ComponentAPIData): RenderedSection;
+    /**
+     * Convert playground controls from docs.ts format to PlaygroundConfigurator format
+     */
+    private convertPlaygroundControls;
+    private autogenPlaygroundControls;
+    private autogenInitialValues;
+    private mergeControls;
+    /**
+     * Map ControlType to PlaygroundConfigurator control types
+     */
+    private mapControlTypeToPlaygroundType;
+    /**
+     * Generate code generator function from playground configuration
+     */
+    private generateCodeGeneratorFunction;
+}
+//# sourceMappingURL=PlaygroundRenderer.d.ts.map

package/dist/generators/svelte/renderers/PlaygroundRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundRenderer.d.ts","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/PlaygroundRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAqB,MAAM,0BAA0B,CAAC;AACxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,+BAA+B;IAC/B,UAAU,CAAC,SAAS,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;KAAE,GAAG,eAAe;IAgD1M;;OAEG;IACH,uBAAuB,CACtB,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAE,qBAAqB,EAChC,gBAAgB,EAAE,gBAAgB,GAChC,eAAe;IAqDlB;;OAEG;IACF,OAAO,CAAC,yBAAyB;IA+DjC,OAAO,CAAC,yBAAyB;IAoDjC,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,aAAa;IAYtB;;OAEG;IACF,OAAO,CAAC,8BAA8B;IAEvC;;OAEG;IACF,OAAO,CAAC,6BAA6B;CAoBtC"}

package/dist/generators/svelte/renderers/PlaygroundRenderer.js

@@ -0,0 +1,319 @@
+/**
+ * Renders interactive playground sections for component documentation
+ */
+export class PlaygroundRenderer {
+    /** Auto Playground renderer */
+    renderAuto(component, componentApiData, config) {
+        const autogeneratedControls = this.autogenPlaygroundControls(componentApiData, config, component);
+        const controls = this.mergeControls(autogeneratedControls, config?.controls || []);
+        const initialValues = { ...this.autogenInitialValues(componentApiData, config, component) };
+        const content = `
+<!-- Playground Section -->
+<Section id="playground" title="Interactive Playground" subtitle="Experiment with different properties and see the changes in real-time" intent="primary">
+  <div class="playground-wrapper">
+    <PlaygroundConfigurator 
+      componentName="${component.name}"
+      controls={${JSON.stringify(controls, null, 2)}}
+      values={${JSON.stringify(initialValues, null, 2)}}
+      showHeader={false}
+      codeGenerator={(values) => {
+        const props = Object.entries(values)
+          .filter(([_, value]) => value !== null && value !== undefined && value !== false)
+          .map(([key, value]) => {
+            if (typeof value === 'boolean') return value ? key : '';
+            if (typeof value === 'string') return \`\${key}="\${value}"\`;
+            return \`\${key}={\${JSON.stringify(value)}}\`;
+          })
+          .filter(Boolean)
+          .join(' ');
+        
+        const { children: content, ...rest } = values;
+        const restProps = Object.entries(rest)
+          .filter(([_, value]) => value !== null && value !== undefined && value !== false)
+          .map(([key, value]) => {
+            if (typeof value === 'boolean') return value ? key : '';
+            if (typeof value === 'string') return \`\${key}="\${value}"\`;
+            return \`\${key}={\${JSON.stringify(value)}}\`;
+          })
+          .filter(Boolean)
+          .join(' ');
+
+        return \`<${component.name}\${restProps ? ' ' + restProps : ''}>\${content ?? 'Click me'}</${component.name}>\`;
+      }}
+    >
+      {#snippet children(values)}
+        <${component.name} {...values}>{values.children ?? 'Click me'}</${component.name}>
+      {/snippet}
+    </PlaygroundConfigurator>
+  </div>
+</Section>
+`;
+        return { id: 'playground', title: 'Interactive Playground', content, type: 'playground' };
+    }
+    /**
+     * Render a playground section from DocumentationSection
+     */
+    renderPlaygroundSection(section, component, componentApiData) {
+        const playgroundContent = section.content;
+        if (!playgroundContent) {
+            throw new Error(`Playground section ${section.id} missing playground content`);
+        }
+        // Convert DocumentationSection playground to PlaygroundConfigurator format
+        const controls = this.convertPlaygroundControls(playgroundContent, component);
+        const values = playgroundContent.defaultValues || {};
+        const codeGeneratorFunction = this.generateCodeGeneratorFunction(playgroundContent, component);
+        // Generate variable names for script section
+        const controlsVarName = `${section.id}Controls`;
+        const valuesVarName = `${section.id}Values`;
+        const codeGenFuncName = `${section.id}CodeGenerator`;
+        const content = `
+<!-- ${section.title} -->
+<Section id="${section.id}" title="${section.title}">
+
+  <PlaygroundConfigurator 
+    componentName="${component.name}"
+    controls={${controlsVarName}}
+    values={${valuesVarName}}
+    codeGenerator={${codeGenFuncName}}
+    showHeader={false}
+  >
+    {#snippet children(values)}
+      <${component.name} {...values}>${'${values?.children ?? "Click me"}'}</${component.name}>
+    {/snippet}
+  </PlaygroundConfigurator>
+</Section>
+
+`;
+        return {
+            id: section.id,
+            title: section.title,
+            content: content.trim(),
+            type: 'playground',
+            scriptData: {
+                variables: {
+                    [controlsVarName]: controls,
+                    [valuesVarName]: values
+                },
+                functions: {
+                    [codeGenFuncName]: codeGeneratorFunction
+                },
+                imports: []
+            }
+        };
+    }
+    /**
+     * Convert playground controls from docs.ts format to PlaygroundConfigurator format
+     */
+    convertPlaygroundControls(playgroundContent, component) {
+        const controls = playgroundContent.controls ?? [];
+        // Ensure boolean normalization and add 'mint' if component supports it
+        const normalized = controls.map((c) => {
+            if ((c.type === 'dropdown' || c.type === 'select') && Array.isArray(c.items)) {
+                const allBool = c.items.length > 0 && c.items.every((it) => {
+                    const v = it?.value;
+                    return v === true || v === false || v === 'true' || v === 'false';
+                });
+                if (allBool)
+                    return { ...c, type: 'boolean', items: undefined };
+            }
+            return c;
+        });
+        // Deduplicate by key, preferring boolean/checkbox
+        const byKey = new Map();
+        const result = [];
+        for (const c of normalized) {
+            const existing = byKey.get(c.key);
+            const isBool = c.type === 'boolean' || c.type === 'checkbox';
+            if (!existing) {
+                byKey.set(c.key, c);
+                result.push(c);
+            }
+            else {
+                const existingIsBool = existing.type === 'boolean' || existing.type === 'checkbox';
+                if (isBool && !existingIsBool) {
+                    const idx = result.findIndex((r) => r.key === c.key);
+                    if (idx !== -1)
+                        result[idx] = c;
+                    byKey.set(c.key, c);
+                }
+            }
+        }
+        // If mint is not present but the component has a 'mint' prop, add a dropdown
+        const hasMint = result.some((c) => c.key === 'mint');
+        const hasMintProp = componentApiDataSupportsMint(component);
+        if (!hasMint && hasMintProp) {
+            result.splice(3, 0, {
+                type: 'dropdown',
+                key: 'mint',
+                label: 'Mint',
+                items: [
+                    { label: 'none', value: 'none' },
+                    { label: 'scale', value: 'scale' },
+                    { label: 'bounce', value: 'bounce' },
+                    { label: 'ripple', value: 'ripple' },
+                    { label: 'translate', value: 'translate' },
+                    { label: 'rotate', value: 'rotate' },
+                    { label: 'glow', value: 'glow' }
+                ],
+                defaultValue: 'scale'
+            });
+        }
+        // Allow content editing via children
+        if (!result.some((c) => c.key === 'children')) {
+            result.push({ type: 'text', key: 'children', label: 'Text', defaultValue: 'Click me' });
+        }
+        return result;
+    }
+    // ===== Auto helpers (ported) =====
+    autogenPlaygroundControls(apiData, config, component) {
+        const controls = [];
+        const addedKeys = new Set();
+        apiData.variants.forEach((variant) => {
+            if (config?.featured && config.featured.length > 0 && !config.featured.includes(variant.name))
+                return;
+            if (config?.exclude && config.exclude.includes(variant.name))
+                return;
+            const values = variant.values || [];
+            const booleanish = values.length > 0 && values.every((v) => v === true || v === false || v === 'true' || v === 'false');
+            if (booleanish)
+                return;
+            controls.push({ type: 'dropdown', key: variant.name, label: variant.name.charAt(0).toUpperCase() + variant.name.slice(1), items: values.map((value) => ({ label: value, value })), defaultValue: variant.defaultValue || values[0] });
+            addedKeys.add(variant.name);
+        });
+        apiData.props.filter((prop) => prop.type === 'boolean' && !prop.name.includes('aria')).forEach((prop) => {
+            if (config?.exclude && config.exclude.includes(prop.name))
+                return;
+            if (config?.featured && config.featured.length > 0 && !config.featured.includes(prop.name))
+                return;
+            if (addedKeys.has(prop.name))
+                return;
+            controls.push({ type: 'checkbox', key: prop.name, label: prop.name.charAt(0).toUpperCase() + prop.name.slice(1), defaultValue: prop.defaultValue === 'true' });
+        });
+        apiData.props.filter((prop) => prop.type === 'string' && ['placeholder', 'label', 'value', 'href'].includes(prop.name)).forEach((prop) => {
+            if (config?.exclude && config.exclude.includes(prop.name))
+                return;
+            if (config?.featured && config.featured.length > 0 && !config.featured.includes(prop.name))
+                return;
+            controls.push({ type: 'text', key: prop.name, label: prop.name.charAt(0).toUpperCase() + prop.name.slice(1), placeholder: `Enter ${prop.name}...`, defaultValue: prop.defaultValue || '' });
+        });
+        const hasMintProp = apiData.props.some((p) => p.name === 'mint');
+        if (hasMintProp && !controls.some((c) => c.key === 'mint')) {
+            controls.splice(Math.min(controls.length, 3), 0, { type: 'dropdown', key: 'mint', label: 'Mint', items: [
+                    { label: 'none', value: 'none' },
+                    { label: 'scale', value: 'scale' },
+                    { label: 'bounce', value: 'bounce' },
+                    { label: 'ripple', value: 'ripple' },
+                    { label: 'translate', value: 'translate' },
+                    { label: 'rotate', value: 'rotate' },
+                    { label: 'glow', value: 'glow' }
+                ], defaultValue: 'scale' });
+        }
+        if (!controls.some((c) => c.key === 'children')) {
+            controls.push({ type: 'text', key: 'children', label: 'Text', defaultValue: 'Click me' });
+        }
+        if (config?.featured && config.featured.length > 0) {
+            const byKey = new Map();
+            controls.forEach((c) => byKey.set(c.key, c));
+            const ordered = [];
+            for (const key of config.featured) {
+                const ctrl = byKey.get(key);
+                if (ctrl) {
+                    ordered.push(ctrl);
+                    byKey.delete(key);
+                }
+            }
+            for (const c of controls) {
+                if (byKey.has(c.key)) {
+                    ordered.push(c);
+                    byKey.delete(c.key);
+                }
+            }
+            return ordered;
+        }
+        return controls;
+    }
+    autogenInitialValues(apiData, config, _component) {
+        const values = {};
+        apiData.variants.forEach((variant) => {
+            if (config?.featured && config.featured.length > 0 && !config.featured.includes(variant.name))
+                return;
+            const vals = variant.values || [];
+            const booleanish = vals.length > 0 && vals.every((v) => v === true || v === false || v === 'true' || v === 'false');
+            if (booleanish)
+                return;
+            values[variant.name] = variant.defaultValue || vals[0];
+        });
+        apiData.props.filter((prop) => prop.type === 'boolean').forEach((prop) => {
+            if (config?.featured && config.featured.length > 0 && !config.featured.includes(prop.name))
+                return;
+            values[prop.name] = prop.defaultValue === 'true';
+        });
+        if (apiData.props.some((p) => p.name === 'mint')) {
+            if (!config?.featured || config.featured.includes('mint')) {
+                values['mint'] = 'scale';
+            }
+        }
+        if (!config?.featured || config.featured.includes('children')) {
+            values['children'] = 'Click me';
+        }
+        if (config?.defaults) {
+            if (config.featured && config.featured.length > 0) {
+                for (const [k, v] of Object.entries(config.defaults)) {
+                    if (config.featured.includes(k))
+                        values[k] = v;
+                }
+            }
+            else {
+                Object.assign(values, config.defaults);
+            }
+        }
+        return values;
+    }
+    mergeControls(base, extra) {
+        if (!extra || extra.length === 0)
+            return base;
+        const merged = [...base];
+        for (const add of extra) {
+            if (!add?.key)
+                continue;
+            const existingIndex = merged.findIndex((c) => c.key === add.key);
+            if (existingIndex >= 0) {
+                merged[existingIndex] = { ...merged[existingIndex], ...add };
+            }
+            else {
+                merged.push(add);
+            }
+        }
+        return merged;
+    }
+    /**
+     * Map ControlType to PlaygroundConfigurator control types
+     */
+    mapControlTypeToPlaygroundType(_controlType) { return 'text'; }
+    /**
+     * Generate code generator function from playground configuration
+     */
+    generateCodeGeneratorFunction(_playgroundContent, component) {
+        const template = `<${component.name}{...props}>{content}</${component.name}>`;
+        return `function(values) {
+      const { children, ...rest } = values || {};
+      const props = Object.entries(rest)
+        .filter(([_, value]) => value !== null && value !== undefined && value !== false)
+        .map(([key, value]) => {
+          if (typeof value === 'boolean') return value ? key : '';
+          if (typeof value === 'string') return \`\${key}="\${value}"\`;
+          return \`\${key}={\${JSON.stringify(value)}}\`;
+        })
+        .filter(Boolean)
+        .join(' ');
+      const content = children ?? 'Click me';
+      return \`${template.replace('{...props}', '${props ? " " + props : ""}').replace('{content}', '${content}')}\`;
+    }`;
+    }
+}
+// Helper: detect if component API contains a 'mint' prop
+function componentApiDataSupportsMint(component) {
+    const props = component?.props ?? component?.componentData?.props ?? [];
+    return Array.isArray(props) && props.some((p) => p?.name === 'mint');
+}
+//# sourceMappingURL=PlaygroundRenderer.js.map

package/dist/generators/svelte/renderers/PlaygroundRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundRenderer.js","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/PlaygroundRenderer.ts"],"names":[],"mappings":"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"}

package/dist/generators/svelte/renderers/TypesRenderer.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentAPIData, EnrichedComponentInfo } from '../../../types';
+import type { RenderedSection } from '../types';
+/**
+ * Auto Types Renderer (local types table)
+ */
+export declare class TypesRenderer {
+    renderAuto(_component: EnrichedComponentInfo, componentApiData: ComponentAPIData): RenderedSection;
+}
+//# sourceMappingURL=TypesRenderer.d.ts.map

package/dist/generators/svelte/renderers/TypesRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypesRenderer.d.ts","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/TypesRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD;;GAEG;AACH,qBAAa,aAAa;IACxB,UAAU,CAAC,UAAU,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,GAAG,eAAe;CAiBnG"}

package/dist/generators/svelte/renderers/TypesRenderer.js

@@ -0,0 +1,23 @@
+/**
+ * Auto Types Renderer (local types table)
+ */
+export class TypesRenderer {
+    renderAuto(_component, componentApiData) {
+        const relevant = componentApiData.types || [];
+        const content = `\n<!-- Type Definitions -->\n<TypesReference types={typesForTypesReference} />\n`;
+        return {
+            id: 'types',
+            title: 'Type Definitions',
+            content,
+            type: 'types',
+            scriptData: {
+                variables: {
+                    typesForTypesReference: { code: `const typesForTypesReference = ${JSON.stringify(relevant)}`, type: 'literal' }
+                },
+                functions: {},
+                imports: ["import { TypesReference } from '@urbicon-ui/docs';"]
+            }
+        };
+    }
+}
+//# sourceMappingURL=TypesRenderer.js.map

package/dist/generators/svelte/renderers/TypesRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypesRenderer.js","sourceRoot":"","sources":["../../../../src/generators/svelte/renderers/TypesRenderer.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,OAAO,aAAa;IACxB,UAAU,CAAC,UAAiC,EAAE,gBAAkC;QAC9E,MAAM,QAAQ,GAAI,gBAAwB,CAAC,KAAK,IAAI,EAAE,CAAC;QACvD,MAAM,OAAO,GAAG,kFAAkF,CAAC;QACnG,OAAO;YACL,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,kBAAkB;YACzB,OAAO;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE;gBACV,SAAS,EAAE;oBACT,sBAAsB,EAAE,EAAE,IAAI,EAAE,kCAAkC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;iBAChH;gBACD,SAAS,EAAE,EAAE;gBACb,OAAO,EAAE,CAAC,oDAAoD,CAAC;aAChE;SACF,CAAC;IACJ,CAAC;CACF"}

package/dist/generators/svelte/renderers/UsageRenderer.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentAPIData, EnrichedComponentInfo } from '../../../types';
+import type { RenderedSection } from '../types';
+/**
+ * Auto Usage Renderer (best practices, notes)
+ */
+export declare class UsageRenderer {
+    renderAuto(component: EnrichedComponentInfo, apiData: ComponentAPIData): RenderedSection;
+    private generateDeprecationWarnings;
+    private generateExperimentalWarnings;
+    private generateInheritanceInfo;
+    private generateAccessibilityNotes;
+    private escapeHtml;
+}
+//# sourceMappingURL=UsageRenderer.d.ts.map