open-index/open-npm huggingface dataset:
npm package: @datx/schema
Description: A MobX data store
Author: Infinum JavaScript Team
Latest version: 0.0.1

# DatX

DatX is an opinionated JS/TS data store. It features support for simple property definition, references to other models and first-class TypeScript support.

# TODOs

- [x] Schema support
- [x] Schema validation
- [x] Schema typings
- [x] Schema parsing/serialization
- [x] Custom types
- [x] Circular types
- [x] Collection / cyclical serialization
- [ ] Custom transformers
- [x] Optional custom types
- [ ] Polymorphic types
- [ ] Property mapping
- [ ] Efficient snapshots

## License

The [MIT License](LICENSE)

## Credits

datx is maintained and sponsored by
[Infinum](https://www.infinum.co).

<img src="https://infinum.co/infinum.png" width="264">
npm package: @daun/scroll-manager
Description: Handle scrolling smoothly using requestAnimationFrame
Author: Philipp Daun
Latest version: 1.0.1

# Scroll Manager

Smooth scroll handlers.

- Uses requestAnimationFrame to achieve smooth scrolling while running callbacks.
- Listens for a scroll event listener to start the animation loop.
- Stops the animation loop once the user has stopped scrolling.

See [How to make faster scroll effects?](https://gist.github.com/Warry/4254579) for the thinking
behind this approach and [tylerchild's gist](https://gist.github.com/tylerchilds/6ce0bb6e200b3cb797c843dc4ade425b)
for the original implementation.

## Usage

Create a Scroll Manager, ideally one per page, using `createScrollManager()`.

- `add(callback: function(scrollPosition))` - Add a callback function to be fired every animation loop
- `remove(callback: function)` - Remove a callback function from the Scroll Manager
- `destroy()` - Kill the Scroll Manager

```js
import createScrollManager from '@daun/scroll-manager'

const log1 = console.log.bind(null, 1)
const log2 = console.log.bind(null, 2)
const log3 = console.log.bind(null, 3)

const scrollManager = createScrollManager()

scrollManager.add(log1)
scrollManager.add(log2)
scrollManager.add(log3)

scrollManager.remove(log1)

setTimeout(scrollManager.destroy, 5000)
```

## License

[MIT](https://opensource.org/licenses/MIT)
npm package: @davcal0/hestia-design-tokens
Description: Design tokens (CSS variables + JS) para el proyecto Hestia
Author: Julián David
Latest version: 1.0.19

# Hestia Design Tokens

Design tokens para el proyecto Hestia, generados con [Style Dictionary](https://amzn.github.io/style-dictionary/).

## Instalación

```bash
npm install @davcal0/hestia-design-tokens
npm package: @davdevs/paper-foundations
Description: Foundation design tokens and primitives for Dav/Devs Paper UI
Author: Davina Leong
Latest version: 1.0.0

# @davdevs/paper-foundations

🎨 **Foundation Design Tokens for DavDevs Paper Design System**

Core design tokens, utilities, and foundational components that power the entire Paper design system.

## Features

- **Design Tokens**: Colors, spacing, typography scales, and sizing
- **Utility Functions**: `cn()` for className merging with Tailwind
- **Base Components**: Container, Stack, Inline, Box, Surface, and Typography primitives
- **CSS Custom Properties**: CSS variables for consistent theming
- **TypeScript Support**: Full type definitions included

## Installation

```bash
npm install @davdevs/paper-foundations
# or
yarn add @davdevs/paper-foundations
# or
pnpm add @davdevs/paper-foundations
```

## Usage

### Import Design Tokens

```css
/* Import CSS tokens */
@import '@davdevs/paper-foundations/tokens.css';
```

```ts
// Import utility functions
import { cn } from '@davdevs/paper-foundations';

// Usage
const className = cn('base-class', conditionalClass && 'conditional', 'another-class');
```

### Base Components

```tsx
import { Container, Stack, Box } from '@davdevs/paper-foundations';

function App() {
  return (
    <Container>
      <Stack spacing="md">
        <Box padding="lg">Content here</Box>
      </Stack>
    </Container>
  );
}
```

## Design Tokens

### Colors
- Primary palette (paper whites, creams, beiges)
- Accent colors (muted earth tones)
- Semantic colors (success, warning, error, info)

### Spacing
- Consistent scale from `xs` (0.25rem) to `3xl` (3rem)
- Based on 4px grid system

### Typography
- Font families (serif, sans-serif, mono)
- Font weights and sizes
- Line heights optimized for readability

## Components

- **Container**: Responsive layout container
- **Stack**: Vertical spacing component  
- **Inline**: Horizontal spacing component
- **Box**: Generic layout primitive
- **Surface**: Styled surface with elevation
- **Typography**: Text styling components

## License

MIT License - see [LICENSE](https://github.com/davinaleong/proj-davdevs-paper/blob/main/LICENSE) for details.

## Links

- [Documentation](https://davdevs-paper.com/docs/foundations)
- [GitHub](https://github.com/davinaleong/proj-davdevs-paper)
- [npm](https://npmjs.com/package/@davdevs/paper-foundations)