Update export types

Author: carry0987

.github/workflows/ci.yml

@@ -0,0 +1,44 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+  workflow_dispatch:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [22]
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up PNPM
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Set up Node.js v${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build tests
+        run: pnpm build
+
+      - name: Run Vitest tests
+        run: pnpm test

.prettierignore

@@ -0,0 +1,3 @@
+**/*.d.ts
+dist
+node_modules

.prettierrc

@@ -0,0 +1,17 @@
+{
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSameLine": true,
+    "semi": true,
+    "tabWidth": 4,
+    "useTabs": false,
+    "printWidth": 120,
+    "overrides": [
+        {
+            "files": "*.ts",
+            "options": {
+                "parser": "typescript"
+            }
+        }
+    ]
+}

README.md

@@ -1,8 +1,72 @@
 # RadioBox-JS
-[![version](https://img.shields.io/npm/v/@carry0987/radio-box.svg)](https://www.npmjs.com/package/@carry0987/radio-box)  
-A library for create radio type check box
+[![version](https://img.shields.io/npm/v/@carry0987/radio-box.svg)](https://www.npmjs.com/package/@carry0987/radio-box)
+![CI](https://github.com/carry0987/RadioBox-JS/actions/workflows/ci.yml/badge.svg)  
+A library for create radio type checkbox
 
 ## Installation
 ```bash
-npm install @carry0987/radio-box
+pnpm i @carry0987/radio-box
+```
+
+## Usage
+Here is a simple example to use RadioBox-JS
+
+#### UMD
+```html
+<div id="app">
+    <h1>Normal Radio Input (With label)</h1>
+    <input type="radio" name="radio-normal" id="radio-1" value="Test-1">
+    <label for="radio-1">Radio-1</label>
+    <input type="radio" name="radio-normal" id="radio-2" value="Test-2" checked>
+    <label for="radio-2">Radio-2</label>
+</div>
+<div id="app-2">
+    <h1>Other Radio Input</h1>
+    <input type="radio" name="radio-other" title="Radio-3" value="Test-3">
+    <input type="radio" name="radio-other" id="radio-4" value="Test-4">
+    <label data-radio-for="radio-4">Radio-4</label>
+    <input type="radio" name="radio-other" value="Test-5" data-radio-id="radio-5">
+    <label data-radio-for="radio-5">Radio-5</label>
+</div>
+<script src="dist/radioBox.min.js"></script>
+<script type="text/javascript">
+let radioBox = new radioBoxjs.RadioBox('#app input', {
+    styles: {
+        '.radio-box': {
+            'margin-bottom': '5px'
+        }
+    },
+    onChange: (target) => {
+        console.log(target);
+    }
+});
+console.log(radioBox.value);
+radioBox.value = 'Test-1';
+
+let radioBox2 = new radioBoxjs.RadioBox('#app-2 input', {
+    checked: 1, // You can use index or value
+    bindLabel: false,
+    styles: {
+        '.radio-box': {
+            'margin-bottom': '10px'
+        }
+    },
+    onLoad: (radioBox) => {
+        console.log(radioBox.value);
+    }
+});
+radioBox2.onChange = (target) => {
+    console.log(target.value);
+};
+</script>
+```
+
+#### ES Module
+```ts
+import { RadioBox } from '@carry0987/radio-box';
+import '@carry0987/radio-box/theme/radioBox.min.css';
+
+let radioBox = new RadioBox('#app input', {
+    //...
+});
 ```

dist/radioBox.d.ts renamed to dist/index.d.ts

@@ -2,7 +2,7 @@ interface OnChangeCallback {
     (target: HTMLInputElement): void;
 }
 interface OnLoadCallback {
-    (radioBox: any): void;
+    (radioBox: RadioBox): void;
 }
 interface RadioBoxOption {
     checked: string | number | null;
@@ -28,6 +28,23 @@ interface RadioInputElement extends HTMLInputElement {
     labelToRestore?: HTMLLabelElement;
 }
 
+type interfaces_OnChangeCallback = OnChangeCallback;
+type interfaces_OnLoadCallback = OnLoadCallback;
+type interfaces_RadioBoxOption = RadioBoxOption;
+type interfaces_RadioInputElement = RadioInputElement;
+type interfaces_RadioboxTemplate = RadioboxTemplate;
+type interfaces_RadioboxTitleDetail = RadioboxTitleDetail;
+declare namespace interfaces {
+  export type { interfaces_OnChangeCallback as OnChangeCallback, interfaces_OnLoadCallback as OnLoadCallback, interfaces_RadioBoxOption as RadioBoxOption, interfaces_RadioInputElement as RadioInputElement, interfaces_RadioboxTemplate as RadioboxTemplate, interfaces_RadioboxTitleDetail as RadioboxTitleDetail };
+}
+
+type InputElement = string | HTMLInputElement | Array<HTMLInputElement> | NodeListOf<HTMLInputElement> | null;
+
+type types_InputElement = InputElement;
+declare namespace types {
+  export type { types_InputElement as InputElement };
+}
+
 declare class RadioBox {
     private static instances;
     private static version;
@@ -39,7 +56,7 @@ declare class RadioBox {
     private groupName;
     private onChangeCallback?;
     private onLoadCallback?;
-    constructor(element: string | HTMLInputElement, option: Partial<RadioBoxOption>);
+    constructor(element: InputElement, option: Partial<RadioBoxOption>);
     private init;
     private injectStyles;
     private setupCallbacks;
@@ -71,4 +88,4 @@ declare class RadioBox {
     static destroyAll(): void;
 }
 
-export { type OnChangeCallback, type OnLoadCallback, type RadioBoxOption, type RadioInputElement, type RadioboxTemplate, type RadioboxTitleDetail, RadioBox as default };
+export { RadioBox, interfaces as RadioBoxInterface, types as RadioBoxType };