open-index/open-npm huggingface dataset:
npm package: @smoothie-framework/router-tanstack
Description: Smoothie router bridge over TanStack router core
Author: Smoothie Framework
Latest version: 0.0.3

# @smoothie-framework/router-tanstack

Thin TanStack-backed routing bridge for Smoothie web applications.

This package is the first FW34 routing layer candidate. It exists to keep
routing out of `@smoothie-framework/ui` while giving Smoothie web apps a package-
backed navigation seam.

Current scope:

- package-owned TanStack router integration surface
- route-aware link/navigation helpers over `@smoothie-framework/ui`
- outlet rendering and current route match/loader-data bindings for routed web apps

Current exports include:

- TanStack router-core re-exports
- `RouterLink` and `NavLink`
- `RouterOutlet`
- `createRouterStateBinding`
- `createCurrentRouteMatchBinding`
- `createCurrentRouteLoaderDataBinding`

Example:

```ts
import {
  RouterLink,
  RouterOutlet,
  createRouter,
  createRootRoute,
  createRoute,
} from '@smoothie-framework/router-tanstack';
import { Row, Stack, Text } from '@smoothie-framework/ui';

const rootRoute = createRootRoute();
const homeRoute = createRoute({
  getParentRoute: () => rootRoute,
  path: '/',
  component: () => Text({ children: 'Home' }),
});

const router = createRouter({
  routeTree: rootRoute.addChildren([homeRoute]),
});

const shell = Stack({
  children: [
    Row({
      children: [
        RouterLink({ router, to: { to: '/' }, children: 'Home' }),
      ],
    }),
    RouterOutlet({ router, fallback: Text({ children: 'No route selected' }) }),
  ],
});
```

Out of scope:

- Smoothie-owned router core
- SSR and server functions
- moving router semantics into the core UI toolkit packages
npm package: @smoothie-framework/ui-react
Description: Smoothie UI React adapter baseline on ui-core and ui-styles
Author: Smoothie Framework
Latest version: 0.0.2

# `@smoothie-framework/ui-react`

React adapter baseline for Smoothie UI contracts.

This package proves a React-first adapter path that depends on
`@smoothie-framework/ui-core` and `@smoothie-framework/ui-styles` without using
the `@smoothie-framework/ui` runtime.

Usage:

```tsx
import '@smoothie-framework/ui-styles/styles/components';

import { Button, SmoothieThemeProvider, Stack, Text, smoothieUiStylesPlugin } from '@smoothie-framework/ui-react';

// vite.config.ts
// export default defineConfig({
//     plugins: [smoothieUiStylesPlugin()],
// });

export function App() {
    return (
        <SmoothieThemeProvider activeTheme="dark">
            <Stack gap="md">
                <Text size="lg" weight="bold">Hello from React</Text>
                <Button variant="primary">Ship it</Button>
            </Stack>
        </SmoothieThemeProvider>
    );
}
```

`SmoothieThemeProvider` injects theme variable CSS by default. Import the shared
`components` stylesheet for base recipe-backed component classes, and use the
Vite plugin so utility-backed adapter classes such as stack spacing/alignment
are generated from the shared `ui-styles` pipeline.
npm package: @smoothie-framework/ui-styles
Description: Smoothie UI styles - shared styling scanner, compiler, pipeline, and Vite tooling
Author: Smoothie Framework
Latest version: 0.0.2

# `@smoothie-framework/ui-styles`

Shared styling toolchain for Smoothie UI packages.

This package owns the styling contract, scanner frontends, class compiler,
pipeline assembly, Vite integration, and CLI-facing style generation helpers.
`@smoothie-framework/ui` consumes these exports through compatibility wrappers
so the standalone runtime no longer owns the shared styling implementation.

Primary exports:

- `@smoothie-framework/ui-styles`
- `@smoothie-framework/ui-styles/scanner`
- `@smoothie-framework/ui-styles/compiler`
- `@smoothie-framework/ui-styles/pipeline`
- `@smoothie-framework/ui-styles/vite`
- `@smoothie-framework/ui-styles/classnames`
- `@smoothie-framework/ui-styles/styling/contract`
- `@smoothie-framework/ui-styles/generate-styles`
- `@smoothie-framework/ui-styles/styles`
npm package: @smoothie-framework/ui-svelte
Description: Smoothie UI Svelte adapter baseline contracts on ui-core and ui-styles
Author: Smoothie Framework
Latest version: 0.0.2

# `@smoothie-framework/ui-svelte`

Svelte adapter baseline-contract package for Smoothie UI.

This package currently publishes the baseline contract surface for the future
Svelte adapter. It intentionally does not ship production-ready Svelte
components yet.

Current baseline exports:

- schema-derived prop aliases for the representative baseline components
  (`Button`, `Stack`, `Text`)
- theme contract aliases sourced from `@smoothie-framework/ui-core`
- Vite styling integration via `smoothieUiStylesPlugin`

Usage:

```ts
import '@smoothie-framework/ui-styles/styles/components';

import {
    SMOOTHIE_UI_SVELTE_BASELINE_COMPONENTS,
    smoothieUiStylesPlugin,
    type SmoothieSvelteTextContractProps,
} from '@smoothie-framework/ui-svelte';

const textProps: SmoothieSvelteTextContractProps = {
    size: 'lg',
    weight: 'bold',
};

void textProps;
void SMOOTHIE_UI_SVELTE_BASELINE_COMPONENTS;
void smoothieUiStylesPlugin;
```

These exported types describe the shared schema/contract shape the future
Svelte adapter will implement. They are not a claim that runtime Svelte
components already ship from this package.
npm package: @smoothie-framework/ui-vue
Description: Smoothie UI Vue adapter baseline contracts on ui-core and ui-styles
Author: Smoothie Framework
Latest version: 0.0.2

# `@smoothie-framework/ui-vue`

Vue adapter baseline-contract package for Smoothie UI.

This package currently publishes the baseline contract surface for the future
Vue adapter. It intentionally does not ship production-ready Vue components
yet.

Current baseline exports:

- schema-derived prop aliases for the representative baseline components
  (`Button`, `Stack`, `Text`)
- theme contract aliases sourced from `@smoothie-framework/ui-core`
- Vite styling integration via `smoothieUiStylesPlugin`

Usage:

```ts
import '@smoothie-framework/ui-styles/styles/components';

import {
    SMOOTHIE_UI_VUE_BASELINE_COMPONENTS,
    smoothieUiStylesPlugin,
    type SmoothieVueButtonContractProps,
} from '@smoothie-framework/ui-vue';

const buttonProps: SmoothieVueButtonContractProps = {
    variant: 'primary',
    size: 'md',
};

void buttonProps;
void SMOOTHIE_UI_VUE_BASELINE_COMPONENTS;
void smoothieUiStylesPlugin;
```

These exported types describe the shared schema/contract shape the future Vue
adapter will implement. They are not a claim that runtime Vue components already
ship from this package.