@refrakt-md/lumina 0.4.0 → 0.5.0

package/sveltekit/layouts/DefaultLayout.svelte

@@ -1,70 +0,0 @@
-<script lang="ts">
-	import { Renderer } from '@refrakt-md/svelte';
-
-	let { regions, renderable }: {
-		title: string;
-		description: string;
-		regions: Record<string, { name: string; mode: string; content: any[] }>;
-		renderable: any;
-		pages: any[];
-	} = $props();
-</script>
-
-{#if regions.header}
-	<header class="site-header">
-		<div class="site-header-inner">
-			<Renderer node={regions.header.content} />
-		</div>
-	</header>
-{/if}
-
-<main class="page-content">
-	<Renderer node={renderable} />
-</main>
-
-<style>
-	.site-header {
-		border-bottom: 1px solid var(--color-border);
-	}
-	.site-header-inner {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.875rem 1.5rem;
-	}
-	.site-header :global(p) {
-		margin: 0;
-		line-height: 1;
-	}
-	.site-header :global(a) {
-		display: inline-block;
-		color: inherit;
-		text-decoration: none;
-	}
-	.site-header :global(a:hover) {
-		text-decoration: none;
-	}
-	.site-header :global(img) {
-		display: block;
-		height: 1.5rem;
-		width: auto;
-	}
-	.site-header-inner :global(p:last-child:not(:first-child)) {
-		font-size: 0.85rem;
-	}
-	.site-header-inner :global(p:last-child:not(:first-child) a) {
-		margin-left: 1.5rem;
-		color: var(--color-muted);
-	}
-	.site-header-inner :global(p:last-child:not(:first-child) a:hover) {
-		color: var(--color-text);
-	}
-	.page-content {
-		padding-top: 2.5rem;
-		padding-bottom: 4rem;
-		max-width: 64rem;
-		margin: 0 auto;
-		padding-left: 1.5rem;
-		padding-right: 1.5rem;
-	}
-</style>

package/sveltekit/layouts/DocsLayout.svelte

@@ -1,133 +0,0 @@
-<script lang="ts">
-	import { Renderer } from '@refrakt-md/svelte';
-
-	let { regions, renderable }: {
-		title: string;
-		description: string;
-		regions: Record<string, { name: string; mode: string; content: any[] }>;
-		renderable: any;
-		pages: any[];
-	} = $props();
-
-	const hasNav = $derived(!!regions.nav);
-</script>
-
-{#if regions.header}
-	<header class="site-header">
-		<div class="site-header-inner">
-			<Renderer node={regions.header.content} />
-		</div>
-	</header>
-{/if}
-
-{#if regions.nav}
-	<aside class="sidebar">
-		<Renderer node={regions.nav.content} />
-	</aside>
-{/if}
-
-<main class="page-content" class:has-nav={hasNav}>
-	<div class="page-content-inner">
-		<Renderer node={renderable} />
-	</div>
-</main>
-
-<style>
-	/* ---- Fixed header ---- */
-	.site-header {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		z-index: 10;
-		background: var(--color-bg, #fff);
-		border-bottom: 1px solid var(--color-border);
-	}
-	.site-header-inner {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0.875rem 1.5rem;
-	}
-	.site-header :global(p) {
-		margin: 0;
-		line-height: 1;
-	}
-	.site-header :global(a) {
-		display: inline-block;
-		color: inherit;
-		text-decoration: none;
-	}
-	.site-header :global(a:hover) {
-		text-decoration: none;
-	}
-	.site-header :global(img) {
-		display: block;
-		height: 1.5rem;
-		width: auto;
-	}
-	.site-header-inner :global(p:last-child:not(:first-child)) {
-		font-size: 0.85rem;
-	}
-	.site-header-inner :global(p:last-child:not(:first-child) a) {
-		margin-left: 1.5rem;
-		color: var(--color-muted);
-	}
-	.site-header-inner :global(p:last-child:not(:first-child) a:hover) {
-		color: var(--color-text);
-	}
-
-	/* ---- Fixed sidebar ---- */
-	.sidebar {
-		position: fixed;
-		left: 0;
-		top: 3.375rem; /* header height */
-		bottom: 0;
-		width: 240px;
-		overflow-y: auto;
-		padding: 1.5rem;
-		border-right: 1px solid var(--color-border);
-		background: var(--color-bg, #fff);
-		z-index: 5;
-	}
-	.sidebar::-webkit-scrollbar {
-		width: 0;
-	}
-
-	/* ---- Content area ---- */
-	.page-content {
-		padding-top: 5rem; /* clears fixed header */
-		padding-bottom: 4rem;
-	}
-	.page-content.has-nav {
-		margin-left: 240px;
-	}
-	.page-content-inner {
-		max-width: 60rem;
-		margin: 0 auto;
-		padding: 0 2.5rem;
-	}
-
-	/* ---- Mobile ---- */
-	@media (max-width: 768px) {
-		.site-header {
-			position: static;
-		}
-		.sidebar {
-			position: static;
-			width: auto;
-			border-right: none;
-			border-bottom: 1px solid var(--color-border);
-			padding: 1rem 1.5rem;
-		}
-		.page-content {
-			padding-top: 2rem;
-		}
-		.page-content.has-nav {
-			margin-left: 0;
-		}
-		.page-content-inner {
-			padding: 0 1.5rem;
-		}
-	}
-</style>

package/sveltekit/registry.ts

@@ -1,59 +0,0 @@
-import type { ComponentRegistry } from '@refrakt-md/svelte';
-import Tabs from './components/Tabs.svelte';
-import DataTable from './components/DataTable.svelte';
-import Diagram from './components/Diagram.svelte';
-import Reveal from './components/Reveal.svelte';
-import Form from './components/Form.svelte';
-import Nav from './components/Nav.svelte';
-import Accordion from './components/Accordion.svelte';
-import Details from './components/Details.svelte';
-import Chart from './components/Chart.svelte';
-import Grid from './components/Grid.svelte';
-import Comparison from './components/Comparison.svelte';
-import Pricing from './components/Pricing.svelte';
-import Testimonial from './components/Testimonial.svelte';
-import Embed from './components/Embed.svelte';
-import Storyboard from './components/Storyboard.svelte';
-import Bento from './components/Bento.svelte';
-import CodeGroup from './components/CodeGroup.svelte';
-
-/** Maps typeof attribute values to Lumina theme Svelte components.
- *  Components registered here handle interactive behavior, complex data
- *  rendering, or dynamic layouts. All other runes use the generic Renderer
- *  path with BEM classes applied by the identity transform.
- */
-export const registry: ComponentRegistry = {
-	// Interactive
-	'CodeGroup': CodeGroup,
-	'TabGroup': Tabs,
-	'Tab': Tabs,
-	'DataTable': DataTable,
-	'Form': Form,
-	'FormField': Form,
-	'Reveal': Reveal,
-	'RevealStep': Reveal,
-	'Diagram': Diagram,
-	'Nav': Nav,
-	'NavGroup': Nav,
-	'NavItem': Nav,
-	'Accordion': Accordion,
-	'AccordionItem': Accordion,
-	'Details': Details,
-	// Complex data rendering
-	'Chart': Chart,
-	'Comparison': Comparison,
-	'ComparisonColumn': Comparison,
-	'ComparisonRow': Comparison,
-	// Dynamic layout
-	'Grid': Grid,
-	'Storyboard': Storyboard,
-	'StoryboardPanel': Storyboard,
-	'Bento': Bento,
-	'BentoCell': Bento,
-	'Embed': Embed,
-	// Rendering logic
-	'Pricing': Pricing,
-	'Tier': Pricing,
-	'FeaturedTier': Pricing,
-	'Testimonial': Testimonial,
-};

package/sveltekit/tokens.css

@@ -1,71 +0,0 @@
-/* ──────────────────────────────────────────────
-   Lumina Theme — Token Bridge
-   Imports identity tokens + global styles (--rf-* prefix),
-   then aliases legacy --* names for existing components.
-   ────────────────────────────────────────────── */
-
-@import '../index.css';
-
-:root {
-	/* Typography */
-	--font-sans: var(--rf-font-sans);
-	--font-mono: var(--rf-font-mono);
-
-	/* Primary scale */
-	--color-primary-50: var(--rf-color-primary-50);
-	--color-primary-100: var(--rf-color-primary-100);
-	--color-primary-200: var(--rf-color-primary-200);
-	--color-primary-300: var(--rf-color-primary-300);
-	--color-primary-400: var(--rf-color-primary-400);
-	--color-primary-500: var(--rf-color-primary-500);
-	--color-primary-600: var(--rf-color-primary-600);
-	--color-primary-700: var(--rf-color-primary-700);
-	--color-primary-800: var(--rf-color-primary-800);
-	--color-primary-900: var(--rf-color-primary-900);
-	--color-primary-950: var(--rf-color-primary-950);
-
-	/* Core palette */
-	--color-text: var(--rf-color-text);
-	--color-muted: var(--rf-color-muted);
-	--color-border: var(--rf-color-border);
-	--color-bg: var(--rf-color-bg);
-	--color-primary: var(--rf-color-primary);
-	--color-primary-hover: var(--rf-color-primary-hover);
-
-	/* Surfaces */
-	--color-surface: var(--rf-color-surface);
-	--color-surface-hover: var(--rf-color-surface-hover);
-	--color-surface-active: var(--rf-color-surface-active);
-	--color-surface-raised: var(--rf-color-surface-raised);
-
-	/* Semantic */
-	--color-info: var(--rf-color-info);
-	--color-info-bg: var(--rf-color-info-bg);
-	--color-info-border: var(--rf-color-info-border);
-	--color-warning: var(--rf-color-warning);
-	--color-warning-bg: var(--rf-color-warning-bg);
-	--color-warning-border: var(--rf-color-warning-border);
-	--color-danger: var(--rf-color-danger);
-	--color-danger-bg: var(--rf-color-danger-bg);
-	--color-danger-border: var(--rf-color-danger-border);
-	--color-success: var(--rf-color-success);
-	--color-success-bg: var(--rf-color-success-bg);
-	--color-success-border: var(--rf-color-success-border);
-
-	/* Radii */
-	--radius-sm: var(--rf-radius-sm);
-	--radius-md: var(--rf-radius-md);
-	--radius-lg: var(--rf-radius-lg);
-	--radius-full: var(--rf-radius-full);
-
-	/* Shadows */
-	--shadow-xs: var(--rf-shadow-xs);
-	--shadow-sm: var(--rf-shadow-sm);
-	--shadow-md: var(--rf-shadow-md);
-	--shadow-lg: var(--rf-shadow-lg);
-
-	/* Code block */
-	--color-code-bg: var(--rf-color-code-bg);
-	--color-code-text: var(--rf-color-code-text);
-	--color-inline-code-bg: var(--rf-color-inline-code-bg);
-}