@devm7mdali/my-collapse/README.md

Lit web component <pdf-input-maker> with optional React wrapper.

# my-collapse

Lit web component `<pdf-input-maker>` with an optional React wrapper export.

## Install

```bash
npm install my-collapse
# or
pnpm add my-collapse
```

## Usage (Web Component)

```ts
import 'my-collapse'; // registers <pdf-input-maker>

// In HTML
// <pdf-input-maker placeHolder="Type here" buttonText="Go"></pdf-input-maker>
```

Listen for the custom event:

```js
document.addEventListener('onClickButton', (e) => {
  console.log('clicked', e.detail);
});
```

## Usage (React)

```tsx
import { PDFButton } from 'my-collapse/react';

export function Demo() {
  return <PDFButton placeHolder="Type here" buttonText="Go" onClickButton={e => console.log(e.detail)} />;
}
```

The React build uses `@lit/react` createComponent helper and re-exports proper TypeScript props.

## Exports Map

- `my-collapse` -> ESM bundle, registers the custom element, exports the `PDFinputMaker` class.
- `my-collapse/react` -> React wrapper `PDFButton` component.

## Development

```bash
npm run dev    # Vite playground (optionally create an index.html that imports the component)
npm run build  # tsup build to dist
```

## Publishing

1. Update version in `package.json` (respect semver).
2. Run `npm run build`.
3. Run `npm publish --access public`.

## License

MIT