open-index/open-npm huggingface dataset:
npm package: @substance/style
Description: Utilities for styling.
Author: James Newell
Latest version: 0.1.0-preview.29

# ⚗️ @substance/style

Utilities for styling.

## Installation

NPM:

```
npm install @substance/style
```

Yarn

```
yarn add @substance/style
```

### Usage

```jsx
import styled from 'styled-components';
import {match} from '@substance/style';

export const Sidebar = styled.div(
  {
    width: 100,
  },
  match('tablet')({
    width: 200,
  }),
  match('desktop')({
    width: 300,
  }),
);
```
npm package: @substancelabs/aztec-evm-bridge-sdk
Description: TypeScript SDK for bridging assets between Aztec and EVM chains using ERC-7683
Author: Substance Labs
Latest version: 1.0.0

# @substancelabs/aztec-evm-bridge-sdk

> ⚠️ **Disclaimer**
>
> This SDK is a **work in progress** and may undergo significant changes. Breaking changes may occur frequently.  
> Use it at your own risk in production environments. Contributions and feedback are welcome as the project evolves.

---

## 📦 Installation

```bash
npm install @substancelabs/aztec-evm-bridge-sdk
```

---

## 🚀 Quick Start

Here's a basic example showing how to initiate an order **from Aztec to Base**:

```ts
import { Bridge, aztecSepolia } from "@substancelabs/aztec-evm-bridge-sdk"
import { AzguardClient } from "@azguardwallet/client"
import { padHex } from "viem"
import { baseSepolia } from "viem/chains"

const azguardClient = new AzguardClient(/* your config */)

const bridge = await Bridge.create({
  azguardClient: azguardClient,
  evmProvider: wagmiClient,
})

const result = await bridge.openOrder(
  {
    chainIdIn: aztecSepolia.id,
    chainIdOut: baseSepolia.id,
    amountIn: 1000000n,
    amountOut: 990000n,
    tokenIn: "0x...",
    tokenOut: "0x...",
    recipient: padHex("0x123..."),
    mode: "public",
    data: padHex("0x"),
  },
  {
    onOrderOpened: ({ orderId, transactionHash }) => {
      console.log(`✅ Order ${orderId} opened: ${transactionHash}`)
    },
    onOrderFilled: ({ orderId, transactionHash }) => {
      console.log(`💰 Order ${orderId} filled: ${transactionHash}`)
    },
  }
)
```

**📚 For comprehensive documentation including API reference, order flows, examples, and troubleshooting, see [DOCUMENTATION.md](./DOCUMENTATION.md).**

---

## 🧪 Development

```bash
# Build the SDK
yarn build

# Run tests
yarn test

# Run tests with coverage
yarn test:coverage
```
npm package: @substantial/eslint-config
Description: Substantial's minimal eslint config
Author: Substantial
Latest version: 1.1.1

# @substantial/eslint-config

[![CircleCI](https://circleci.com/gh/substantial/eslint-config.svg?style=svg)](https://circleci.com/gh/substantial/eslint-config)

A base, hopefully non-controversial eslint config for our projects.

## Installation

```sh
$ yarn add --dev @substantial/eslint-config eslint-config-prettier eslint-plugin-prettier
```

For jest also run:

```sh
$ yarn add --dev eslint-plugin-jest
```

For react also run:

```sh
$ yarn add --dev eslint-config-react-app @typescript-eslint/eslint-plugin @typescript-eslint/parser babel-eslint eslint-plugin-flowtype eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks
```

## Usage

Add this to your eslint config, leaving out any configs that do not apply to
your project:

```json
{
  "extends": [
    "@substantial/eslint-config",
    "@substantial/eslint-config/react",
  ],

  "overrides": [
    {
      "files": ["**/*.test.[jt]s?(x)"],
      "extends": [
          "@substantial/eslint-config/jest"
      ]
    }
  ]
}
```

## Details

### @substantial/eslint-config

Uses `eslint:recommended` as well as some of the TypeScript overrides from [eslint-config-react-app][]

### @substantial/eslint-config/react

Uses [eslint-config-react-app][]

### @substantial/eslint-config/jest

The usage guide assumes tests are in files ending in `.test.js` (or `jsx`, `ts`,
`tsx`), but you may change the files override to anything you like.

[eslint-config-react-app]: https://www.npmjs.com/package/eslint-config-react-app