open-index/open-npm huggingface dataset:
npm package: @metamatopoeia/liquid-glass-core
Description: Shared types, tokens, and utilities for Liquid Glass UI.
Latest version: 1.4.0

# @metamatopoeia/liquid-glass-core

Shared types, design tokens, and utilities for the [Liquid Glass UI](https://github.com/metamatopoeia/liquid-glass-ui) component ecosystem.

[![npm version](https://badge.fury.io/js/@metamatopoeia%2Fliquid-glass-core.svg)](https://www.npmjs.com/package/@metamatopoeia/liquid-glass-core)
![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)

## Purpose

This package contains **platform-agnostic** artifacts consumed by both the web (`@metamatopoeia/liquid-glass-ui`) and future React Native (`@metamatopoeia/liquid-glass-ui-native`) packages:

- **Type definitions** — `LiquidGlassThemeInput`, `ResolvedThemeTokens`, `ThemePalette`, `GlassTokens`, slot types, and all supporting interfaces.
- **Default tokens** — `defaultLightTokens` and `darkOverrides` containing the full default color palette, glass physics, typography, spacing, and z-index values.
- **`createTheme()`** — Pure token-merging function that deep-merges user overrides with defaults and resolves light/dark mode token sets. Returns a `ResolvedThemeTokens` object with no CSS or DOM dependencies.
- **`deepMerge()`** — Generic recursive object merge utility.

## Installation

```bash
npm install @metamatopoeia/liquid-glass-core
```

**Zero runtime dependencies.** This package is pure TypeScript — types, constants, and utility functions only.

## API

### `createTheme(options?)`

Deep-merges partial theme overrides with the default tokens and returns a resolved theme object containing both light and dark token sets.

```ts
import { createTheme } from '@metamatopoeia/liquid-glass-core';

const theme = createTheme({
  palette: {
    primary: { main: '#6366f1', dark: '#4338ca', light: '#818cf8' },
  },
});

// theme.palette, theme.glass, theme.light, theme.dark, etc.
```

### `deepMerge(target, ...sources)`

Recursively merges plain objects. Arrays and non-object values are replaced, not merged.

### `defaultLightTokens` / `darkOverrides`

The full default token set and dark mode overrides. Useful for inspecting defaults or building custom theme logic.

### Types

All theme-related types are exported:

`LiquidGlassThemeInput`, `ResolvedThemeTokens`, `ThemePalette`, `PaletteColor`, `StatusColor`, `GlassTokens`, `ThemeTypography`, `ThemeRadius`, `ThemeShadows`, `ThemeTransitions`, `ThemeSpacing`, `CallableSpacing`, `ThemeZIndex`, `ComponentName`, `DeepPartial`, and all per-component slot types.

## Platform Agnosticism

This package contains **zero** imports from `react`, `react-dom`, `react-native`, or any DOM/Node API. It compiles and runs in any JavaScript environment.

## License

[MIT](../../LICENSE) © [Shawn D Smith](https://github.com/sds-smith)
npm package: @metamatter/client
Description: MetaMatter is a library for building runtime type definition generation. It is built with <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> and combines the concepts of `Meta-Programming`, to create `type-safe`, `scalable` environme
Latest version: 1.0.0

<p align="center">
  <a href="" target="blank"><img src="https://i.imgur.com/6NTy8Xr.png" width="120" alt="Nest Logo" /></a>
</p>

  <p align="center">A Type Generation Library for building exportable backend type definition, easily to adopt in different <a href="https://www.typescriptlang.org/" target="_blank">TypeScript </a>based backend development</p>
    <p align="center">
<a href="https://www.npmjs.com/package/@metamatter/client" target="_blank"><img src="https://img.shields.io/npm/v/@metamatter/client.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/package/@metamatter/client" target="_blank"><img src="https://img.shields.io/npm/l/@metamatter/client.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/package/@metamatter/client" target="_blank"><img src="https://img.shields.io/npm/dm/@metamatter/client.svg" alt="NPM Downloads" /></a>
<a href="https://lgtm.com/projects/g/Jamyth/metamatter/context:javascript" target="_blank">
<img src="https://img.shields.io/lgtm/grade/javascript/g/Jamyth/metamatter.svg?logo=lgtm&logoWidth=18" alt="Language grade: JavaScript"/>
</a>
<a href="https://lgtm.com/projects/g/Jamyth/metamatter/alerts/" target="_blank">
<img src="https://img.shields.io/lgtm/alerts/g/Jamyth/metamatter.svg?logo=lgtm&logoWidth=18" alt="Total Alerts"/>
</a>
</p>

## Description

MetaMatter is a library for building runtime type definition generation. It is built with <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> and combines the concepts of `Meta-Programming`, to create `type-safe`, `scalable` environment for (mainly) Frontend development.

## Philosophy

There are numbers of libraries for building a <a href="https://nodejs.org" target="_blank">Node.js</a> server-side applications. However, there is an issue when it comes to communicate between Frontend and Backend no matter which backend language we are using. <strong>`Type Definitions`</strong>, would be troublesome when it comes to `Agile` development style. Frequent updates on APIs makes it hard to develop projects in a `type-safe` environment.

MetaMatter aims to address this issue, by providing a lightweight, less configuration tools.

## Installation

```bash
> yarn add @metamatter/client
# or
> npm install @metamatter/client
```

## Usage

There are three decorators at the moment.

-   <strong>`@Property()`</strong>
-   <strong>`@Enum()`</strong>
-   <strong>`@Subclass()`</strong>
npm package: @metamatter/nest
Description: MetaMatter is a library for building runtime type definition generation. It is built with <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> and combines the concepts of `Meta-Programming`, to create `type-safe`, `scalable` environme
Latest version: 1.1.2

<p align="center">
  <a href="" target="blank"><img src="https://i.imgur.com/6NTy8Xr.png" width="120" alt="Nest Logo" /></a>
</p>

  <p align="center">A Type Generation Library for building exportable backend type definition, easily to adopt in different <a href="https://www.typescriptlang.org/" target="_blank">TypeScript </a>based backend development</p>
    <p align="center">
<a href="https://www.npmjs.com/package/@metamatter/nest" target="_blank"><img src="https://img.shields.io/npm/v/@metamatter/nest.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/package/@metamatter/nest" target="_blank"><img src="https://img.shields.io/npm/l/@metamatter/nest.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/package/@metamatter/nest" target="_blank"><img src="https://img.shields.io/npm/dm/@metamatter/nest.svg" alt="NPM Downloads" /></a>
<img alt="npms.io (quality)" src="https://img.shields.io/npms-io/quality-score/@metamatter/nest">
<img alt="npms.io (maintenance)" src="https://img.shields.io/npms-io/maintenance-score/@metamatter/nest">
<img alt="Codacy grade" src="https://img.shields.io/codacy/grade/02bb098082d74638bba0fd5fa622b5b7">
</p>

## Description

MetaMatter is a library for building runtime type definition generation. It is built with <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> and combines the concepts of `Meta-Programming`, to create `type-safe`, `scalable` environment for (mainly) Frontend development.

## Philosophy

There are numbers of libraries for building a <a href="https://nodejs.org" target="_blank">Node.js</a> server-side applications. However, there is an issue when it comes to communicate between Frontend and Backend no matter which backend language we are using. <strong>`Type Definitions`</strong>, would be troublesome when it comes to `Agile` development style. Frequent updates on APIs makes it hard to develop projects in a `type-safe` environment.

MetaMatter aims to address this issue, by providing a lightweight, less configuration tools.

## Installation

```bash
> yarn add @metamatter/core
# or
> npm install @metamatter/core
```

## Plug and Play

If you want to use the package without any configuration. Do this.

```ts
import { MetaMatterModule } from "@metamatter/nest";

@Module({
    imports: [
        MetaMatterModule.forRoot({
            appModule: AppModule,
            globalPrefix: undefined,
        }),
    ],
})
export class AppModule {}
```

Send a `GET` request to `/metamatter/api`, and you can see a immediate result

```bash
> curl http://localhost:3000/metamatter/api
```

## Usage

-   <strong>`@Module()`</strong>
-   <strong>`@Controller()`</strong>
-   <strong>`@RequestBody(type)`</strong>
-   <strong>`@ResponseData(type?)`</strong>
-   <strong>`@ResponseArrayData(type?)`</strong>
npm package: @metameta/v1-sdk-js
Description: # IPFS
Author: Kames Geraghty
Latest version: 0.1.0

# V1 MetaMeta Javascript SDK

# IPFS

https://cloudflare-ipfs.com/ipfs/QmUHeDovuppZGU3yMccWpcCZ3GbcfiYGmCTMSUUn7XsqLY
npm package: @metamist/heroicons-react
Description: React components for heroicons
Author: impulse
Latest version: 1.3.0-dev1

## Heroicons React

[![npm version](https://img.shields.io/npm/v/heroicons-react.svg)](https://www.npmjs.com/package/heroicons-react)
[![npm downloads](https://img.shields.io/npm/dm/heroicons-react.svg)](https://www.npmjs.com/package/heroicons-react)

### Installation

```sh
yarn add heroicons-react
```

```sh
npm install heroicons-react
```

### Usage

```javascript
import React from "react";
import { Sparkles } from "heroicons-react";

const App = () => {
  return <Sparkles />;
};

export default App;
```

Icons can be sized - based on height (default: 24)

```javascript
<Sparkles size={42} />
```

You can also include the whole icon pack:

```javascript
import React from "react";
import * as Icons from "heroicons-react";

const App = () => {
  return <Icons.Sparkles />;
};

export default App;
```

### Available Icons

https://heroicons.com/