diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2296da8..c7e0c14 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,93 +7,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-### Added
-- Add `@aegisjsproject/dev-server`
-
-### Changed
-- Update CSP, template, etc
-
-## [v1.1.3] - 2025-11-21
-
-### Added
-- Add `npm start` script
-
-### Changed
-- Update npm publishing
-
-## [v1.1.2] - 2025-05-01
-
-### Changed
-- Use `eslint` & `rollup` directly instead of by other packages
-- Update node version via `.npmrc`
-- Update Node CI workflow
-- Install & use `@shgysk8zer0/eslint-config`
-- Add support for `node --test`, including ignoring tests for publishing
-- Update ESLint & super-linter
-- Switch to more basic Rollup config
-- Update `exports` and `main` accordingly
-
-### Fixed
-- Fix missed renaming in README
-
-## Removed
-- Remove old ESLint config files
-
-## [v1.1.1] - 2023-09-24
-
-### Added
-- Add `unpkg` to `package.json`
-- Add badges in README
-
-### Changed
-- Update `exports` to `package.json` to handle wider variety
-
-### Fixed
-- Fix typo in `fix:js` script
-
-### [v1.1.0] - 2023-07-03
-
-### Changed
-- Update to node 20
-- Update npm publishing GH Action
-
-## [v1.0.5] - 2023-07-02
-
-### Added
-- Add `funding`
-
-### Changed
-- Updated GitHub Actions workflows 
-- Update versioning & lock-file scripts
-- Update `.npmignore` & `.gitignore`
-
-## [v1.0.4] - 2023-06-08
-
-### Added
-- Install `@shgysk8zer0/npm-utils`
-- Add `exports` to package config
-
-### Removed
-- Uninstall `rollup`, `eslint`
-
-### Changed
-- Use `getConfig()` from `@shgysk8zer0/js-utils/rollup` for rollup config
-
-## [v1.0.3] - 2023-06-01
-
-### Fixed
-- Revert to old Release Action, now with permissions & link to changelog
-
-## [v1.0.2] - 2023-06-01
-
-### Fixed
-- Fix `changelog-entry` to match `[$version]` instead of `$version`
-
-## [v1.0.1] - 2023-05-31
-
-### Fixed
-- Update GitHub Release workflow to use [Auto Release](https://github.com/marketplace/actions/auto-release)
-
-## [v1.0.0] - 2023-05-31
+## [v1.0.0] - 2026-04-27
 
 Initial Release
diff --git a/README.md b/README.md
index d7fbe2f..ec3c225 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,24 @@
-# npm-template
+# `@aegisjsproject/button`
 
-A template repo for npm packages
+A simple base custom `<button>` element because Safari does not support `<button is="...">`
 
-[![CodeQL](https://github.com/shgysk8zer0/npm-template/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/shgysk8zer0/npm-template/actions/workflows/codeql-analysis.yml)
-![Node CI](https://github.com/shgysk8zer0/npm-template/workflows/Node%20CI/badge.svg)
-![Lint Code Base](https://github.com/shgysk8zer0/npm-template/workflows/Lint%20Code%20Base/badge.svg)
+[![CodeQL](https://github.com/AegisJSProject/button/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/AegisJSProject/button/actions/workflows/codeql-analysis.yml)
+![Node CI](https://github.com/AegisJSProject/button/workflows/Node%20CI/badge.svg)
+![Lint Code Base](https://github.com/AegisJSProject/button/workflows/Lint%20Code%20Base/badge.svg)
 
-[![GitHub license](https://img.shields.io/github/license/shgysk8zer0/npm-template.svg)](https://github.com/shgysk8zer0/npm-template/blob/master/LICENSE)
-[![GitHub last commit](https://img.shields.io/github/last-commit/shgysk8zer0/npm-template.svg)](https://github.com/shgysk8zer0/npm-template/commits/master)
-[![GitHub release](https://img.shields.io/github/release/shgysk8zer0/npm-template?logo=github)](https://github.com/shgysk8zer0/npm-template/releases)
+[![GitHub license](https://img.shields.io/github/license/AegisJSProject/button.svg)](https://github.com/AegisJSProject/button/blob/master/LICENSE)
+[![GitHub last commit](https://img.shields.io/github/last-commit/AegisJSProject/button.svg)](https://github.com/AegisJSProject/button/commits/master)
+[![GitHub release](https://img.shields.io/github/release/AegisJSProject/button?logo=github)](https://github.com/AegisJSProject/button/releases)
 [![GitHub Sponsors](https://img.shields.io/github/sponsors/shgysk8zer0?logo=github)](https://github.com/sponsors/shgysk8zer0)
 
-[![npm](https://img.shields.io/npm/v/@shgysk8zer0/npm-template)](https://www.npmjs.com/package/@shgysk8zer0/npm-template)
-![node-current](https://img.shields.io/node/v/@shgysk8zer0/npm-template)
-![npm bundle size gzipped](https://img.shields.io/bundlephobia/minzip/@shgysk8zer0/npm-template)
-[![npm](https://img.shields.io/npm/dw/@shgysk8zer0/npm-template?logo=npm)](https://www.npmjs.com/package/@shgysk8zer0/npm-template)
+[![npm](https://img.shields.io/npm/v/@aegisjsproject/button)](https://www.npmjs.com/package/@aegisjsproject/button)
+![node-current](https://img.shields.io/node/v/@aegisjsproject/button)
+![npm bundle size gzipped](https://img.shields.io/bundlephobia/minzip/@aegisjsproject/button)
+[![npm](https://img.shields.io/npm/dw/@aegisjsproject/button?logo=npm)](https://www.npmjs.com/package/@aegisjsproject/button)
 
-[![GitHub followers](https://img.shields.io/github/followers/shgysk8zer0.svg?style=social)](https://github.com/shgysk8zer0)
-![GitHub forks](https://img.shields.io/github/forks/shgysk8zer0/npm-template.svg?style=social)
-![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/npm-template.svg?style=social)
+[![GitHub followers](https://img.shields.io/github/followers/AegisJSProject.svg?style=social)](https://github.com/shgysk8zer0)
+![GitHub forks](https://img.shields.io/github/forks/AegisJSProject/button.svg?style=social)
+![GitHub stars](https://img.shields.io/github/stars/AegisJSProject/button.svg?style=social)
 [![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social)](https://twitter.com/shgysk8zer0)
 
 [![Donate using Liberapay](https://img.shields.io/liberapay/receives/shgysk8zer0.svg?logo=liberapay)](https://liberapay.com/shgysk8zer0/donate "Donate using Liberapay")
@@ -27,3 +27,11 @@ A template repo for npm packages
 - [Code of Conduct](./.github/CODE_OF_CONDUCT.md)
 - [Contributing](./.github/CONTRIBUTING.md)
 <!-- - [Security Policy](./.github/SECURITY.md) -->
+
+```html
+<share-button data-share-title="Example" data-share-url="https://example.com/hello" data-share-text="Hello, World!">Share</share-button>
+<print-button>Print</print-button>
+<reload-button>Reload</reload-button>
+<back-button>Back</back-button>
+<forward-button>Forward</forward-button>
+```
diff --git a/back.js b/back.js
new file mode 100644
index 0000000..97232d3
--- /dev/null
+++ b/back.js
@@ -0,0 +1,17 @@
+import { CustomButton } from './button.js';
+
+export class BackButton extends CustomButton {
+	constructor() {
+		super();
+
+		this.addEventListener('click', ({ currentTarget }) => {
+			if (! currentTarget.disabled) {
+				history.back();
+			}
+		});
+	}
+
+	static {
+		this.register('back-button');
+	}
+}
diff --git a/base.js b/base.js
new file mode 100644
index 0000000..97821e8
--- /dev/null
+++ b/base.js
@@ -0,0 +1,88 @@
+import { reset } from '@aegisjsproject/styles/reset.js';
+import { layers } from '@aegisjsproject/styles/layers.js';
+import { customButton } from '@aegisjsproject/styles/custom-button.js';
+
+const styles = [layers, reset, customButton];
+
+export class CustomButton extends HTMLElement {
+	#shadow = this.attachShadow({ mode: 'open' });
+	#internals = this.attachInternals();
+	#oldTabIndex = NaN;
+	#controller;
+
+	constructor() {
+		super();
+
+		this.#shadow.adoptedStyleSheets = styles;
+		this.#internals.role = 'button';
+	}
+
+	connectedCallback() {
+		this.#controller = new AbortController();
+
+		if (this.#shadow.childElementCount === 0) {
+			this.#shadow.append(document.createElement('slot'));
+		}
+
+		if (! (this.hasAttribute('tabindex') || this.disabled)) {
+			this.tabIndex = 0;
+		}
+
+		this.addEventListener('keydown', event => {
+			if (event.key === 'Enter' && ! this.disabled) {
+				event.preventDefault();
+				event.currentTarget.click();
+			} else if (event.key === ' ' && ! this.disabled) {
+				event.preventDefault();
+			}
+		}, { signal: this.#controller.signal });
+
+		this.addEventListener('keyup', event => {
+			if (event.key === ' ' && ! this.disabled) {
+				event.preventDefault();
+				event.currentTarget.click();
+			}
+		}, { signal: this.#controller.signal });
+	}
+
+	attributeChangedCallback(name, oldVal, newVal) {
+		switch(name) {
+			case 'disabled':
+				if (typeof newVal === 'string') {
+					this.#oldTabIndex = this.hasAttribute('tabindex') ? this.tabIndex : 0;
+					this.tabIndex = -1;
+					this.#internals.states.add('disabled');
+					this.#internals.ariaDisabled = 'true';
+
+					if (this.isSameNode(this.ownerDocument.activeElement)) {
+						this.blur();
+					}
+				} else {
+					this.#internals.states.delete('disabled');
+					this.#internals.ariaDisabled = null;
+					this.tabIndex = Number.isNaN(this.#oldTabIndex) ? 0 : this.#oldTabIndex;
+				}
+				break;
+		}
+	}
+
+	disconnectedCallback() {
+		this.#controller.abort();
+	}
+
+	get disabled() {
+		return this.hasAttribute('disabled');
+	}
+
+	set disabled(val) {
+		this.toggleAttribute('disabled', val);
+	}
+
+	static get observedAttributes() {
+		return ['disabled'];
+	}
+
+	static register(tag) {
+		customElements.define(tag, this);
+	}
+}
diff --git a/button.js b/button.js
new file mode 100644
index 0000000..c4f832c
--- /dev/null
+++ b/button.js
@@ -0,0 +1,6 @@
+export { CustomButton } from './base.js';
+export { ShareButton } from './share.js';
+export { PrintButton } from './print.js';
+export { BackButton } from './back.js';
+export { ForwardButton } from './forward.js';
+export { ReloadButton } from './reload.js';
diff --git a/consts.js b/consts.js
deleted file mode 100644
index fc3a79b..0000000
--- a/consts.js
+++ /dev/null
@@ -1 +0,0 @@
-export const MESSAGE = 'This is a template for npm projects.';
diff --git a/eslint.config.js b/eslint.config.js
index e567f3e..4ff7308 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,3 +1,3 @@
-import { node } from '@shgysk8zer0/eslint-config';
+import { browser } from '@shgysk8zer0/eslint-config';
 
-export default node({ files: ['**/*.js'], ignores: ['**/*.min.js', '**/*.cjs', '**/*.mjs'] });
+export default browser({ files: ['**/*.js'], ignores: ['**/*.min.js', '**/*.cjs', '**/*.mjs'] });
diff --git a/forward.js b/forward.js
new file mode 100644
index 0000000..e6604a7
--- /dev/null
+++ b/forward.js
@@ -0,0 +1,17 @@
+import { CustomButton } from './button.js';
+
+export class ForwardButton extends CustomButton {
+	constructor() {
+		super();
+
+		this.addEventListener('click', ({ currentTarget }) => {
+			if (! currentTarget.disabled) {
+				history.forward();
+			}
+		});
+	}
+
+	static {
+		this.register('forward-button');
+	}
+}
diff --git a/http.config.js b/http.config.js
index 43ca2ec..bf5f9d6 100644
--- a/http.config.js
+++ b/http.config.js
@@ -1,5 +1,4 @@
 import { imports } from '@shgysk8zer0/importmap';
-import { checkCacheItem, setCacheItem } from '@aegisjsproject/http-utils/cache.js';
 import { addTrustedTypePolicy, addScriptSrc, useDefaultCSP } from '@aegisjsproject/http-utils/csp.js';
 
 addScriptSrc(
@@ -17,7 +16,6 @@ export default {
 	open: true,
 	requestPreprocessors: [
 		'@aegisjsproject/http-utils/request-id.js',
-		checkCacheItem,
 	],
 	responsePostprocessors: [
 		'@aegisjsproject/http-utils/compression.js',
@@ -28,6 +26,5 @@ export default {
 				response.headers.append('Link', `<${imports['@shgysk8zer0/polyfills']}>; rel="preload"; as="script"; fetchpriority="high"; crossorigin="anonymous"; referrerpolicy="no-referrer"`);
 			}
 		},
-		setCacheItem,
 	],
 };
diff --git a/index.html b/index.html
index 014936b..62c0ad7 100644
--- a/index.html
+++ b/index.html
@@ -8,12 +8,19 @@
 		<link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any" />
 		<script type="importmap" integrity="{{ INTEGRITY }}">{{ IMPORTMAP }}</script>
 		<script src="{{ POLYFILLS }}" referrerpolicy="no-referrer" crossorigin="anonymous" defer=""></script>
+		<script type="module" src="/button.min.js" referrerpolicy="no-referrer"></script>
 	</head>
 	<body>
 		<header id="header">
 			<h1>Hello, World!</h1>
 		</header>
-		<nav id="nav"></nav>
+		<nav id="nav">
+			<share-button hidden>Share</share-button>
+			<print-button>Print</print-button>
+			<reload-button>Reload</reload-button>
+			<back-button>Back</back-button>
+			<forward-button>Forward</forward-button>
+		</nav>
 		<main id="main">
 			<details>
 				<summary>Request</summary>
diff --git a/index.js b/index.js
deleted file mode 100644
index dce5927..0000000
--- a/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { MESSAGE } from 'npm-template/consts.js';
-console.log(import.meta);
-console.info(MESSAGE);
diff --git a/index.test.js b/index.test.js
deleted file mode 100644
index 1afaf94..0000000
--- a/index.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { test, describe } from 'node:test';
-import assert from 'node:assert';
-import { MESSAGE } from './consts.js';
-const signal = AbortSignal.timeout(300);
-
-describe('An example test', () => {
-	test('Message is a string', { signal }, () => assert.equal(typeof MESSAGE, 'string', 'Message should be a string.'));
-});
diff --git a/package-lock.json b/package-lock.json
index 7d87aa4..2fd9419 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "npm-template",
-  "version": "1.1.3",
+  "name": "@aegisjsproject/button",
+  "version": "1.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "npm-template",
-      "version": "1.1.3",
+      "name": "@aegisjsproject/button",
+      "version": "1.0.0",
       "funding": [
         {
           "type": "librepay",
@@ -24,7 +24,7 @@
         "@rollup/plugin-terser": "^1.0.0",
         "@shgysk8zer0/eslint-config": "^1.0.9",
         "@shgysk8zer0/http-server": "^1.1.2",
-        "@shgysk8zer0/importmap": "^1.9.5",
+        "@shgysk8zer0/importmap": "^1.9.8",
         "eslint": "^10.2.1",
         "rollup": "^4.60.2"
       },
@@ -837,10 +837,11 @@
       }
     },
     "node_modules/@shgysk8zer0/importmap": {
-      "version": "1.9.5",
-      "resolved": "https://registry.npmjs.org/@shgysk8zer0/importmap/-/importmap-1.9.5.tgz",
-      "integrity": "sha512-zRFcw/goHPxNTsm51lj57lxeKb/mkdA3vX3mP1ZSPU0RrcETGRO3dcMEBSBcL8sp1o3zvl4FZ9iIIdUgPZ8wqw==",
+      "version": "1.9.8",
+      "resolved": "https://registry.npmjs.org/@shgysk8zer0/importmap/-/importmap-1.9.8.tgz",
+      "integrity": "sha512-RgaZAgZQT9IRvkyuYUzqNvBHlxgTBEGAI/stQKYygROiczhld17uvj5Zg9cRuiULmnjO1iQ5ksbdHhlirKd99w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@shgysk8zer0/npm-utils": "^1.1.6",
         "@shgysk8zer0/polyfills": "^0.6.3",
@@ -928,6 +929,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1063,6 +1065,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.2.1.tgz",
       "integrity": "sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -1615,6 +1618,7 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
       "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -2238,9 +2242,9 @@
       }
     },
     "@shgysk8zer0/importmap": {
-      "version": "1.9.5",
-      "resolved": "https://registry.npmjs.org/@shgysk8zer0/importmap/-/importmap-1.9.5.tgz",
-      "integrity": "sha512-zRFcw/goHPxNTsm51lj57lxeKb/mkdA3vX3mP1ZSPU0RrcETGRO3dcMEBSBcL8sp1o3zvl4FZ9iIIdUgPZ8wqw==",
+      "version": "1.9.8",
+      "resolved": "https://registry.npmjs.org/@shgysk8zer0/importmap/-/importmap-1.9.8.tgz",
+      "integrity": "sha512-RgaZAgZQT9IRvkyuYUzqNvBHlxgTBEGAI/stQKYygROiczhld17uvj5Zg9cRuiULmnjO1iQ5ksbdHhlirKd99w==",
       "dev": true,
       "requires": {
         "@shgysk8zer0/npm-utils": "^1.1.6",
@@ -2305,7 +2309,8 @@
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "acorn-jsx": {
       "version": "5.3.2",
@@ -2402,6 +2407,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.2.1.tgz",
       "integrity": "sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
@@ -2798,6 +2804,7 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
       "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
       "dev": true,
+      "peer": true,
       "requires": {
         "@rollup/rollup-android-arm-eabi": "4.60.2",
         "@rollup/rollup-android-arm64": "4.60.2",
diff --git a/package.json b/package.json
index 3fd8ebc..8855a76 100644
--- a/package.json
+++ b/package.json
@@ -1,16 +1,16 @@
 {
-  "name": "npm-template",
-  "version": "1.1.3",
-  "description": "A template repo for npm packages",
+  "name": "@aegisjsproject/button",
+  "version": "1.0.0",
+  "description": "A simple base custom `<button>` element",
   "keywords": [],
   "type": "module",
-  "main": "./index.cjs",
-  "module": "./index.js",
-  "unpkg": "./index.min.js",
+  "main": "./button.cjs",
+  "module": "./button.js",
+  "unpkg": "./button.min.js",
   "exports": {
     ".": {
-      "import": "./index.js",
-      "require": "./index.cjs"
+      "import": "./button.js",
+      "require": "./button.cjs"
     },
     "./*.js": {
       "import": "./*.js",
@@ -52,7 +52,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/shgysk8zer0/npm-template.git"
+    "url": "git+https://github.com/AegisJSProject/button.git"
   },
   "author": "Chris Zuber <admin@kernvalley.us>",
   "license": "MIT",
@@ -67,16 +67,16 @@
     }
   ],
   "bugs": {
-    "url": "https://github.com/shgysk8zer0/npm-template/issues"
+    "url": "https://github.com/AegisJSProject/button/issues"
   },
-  "homepage": "https://github.com/shgysk8zer0/npm-template#readme",
+  "homepage": "https://github.com/AegisJSProject/button#readme",
   "devDependencies": {
     "@aegisjsproject/dev-server": "^1.0.6",
     "@aegisjsproject/http-utils": "^1.0.4",
     "@rollup/plugin-terser": "^1.0.0",
     "@shgysk8zer0/eslint-config": "^1.0.9",
     "@shgysk8zer0/http-server": "^1.1.2",
-    "@shgysk8zer0/importmap": "^1.9.5",
+    "@shgysk8zer0/importmap": "^1.9.8",
     "eslint": "^10.2.1",
     "rollup": "^4.60.2"
   }
diff --git a/print.js b/print.js
new file mode 100644
index 0000000..3e95a6d
--- /dev/null
+++ b/print.js
@@ -0,0 +1,17 @@
+import { CustomButton } from './button.js';
+
+export class PrintButton extends CustomButton {
+	constructor() {
+		super();
+
+		this.addEventListener('click', ({ currentTarget }) => {
+			if (! currentTarget.disabled) {
+				globalThis.print();
+			}
+		});
+	}
+
+	static {
+		this.register('print-button');
+	}
+}
diff --git a/reload.js b/reload.js
new file mode 100644
index 0000000..7facca8
--- /dev/null
+++ b/reload.js
@@ -0,0 +1,17 @@
+import { CustomButton } from './button.js';
+
+export class ReloadButton extends CustomButton {
+	constructor() {
+		super();
+
+		this.addEventListener('click', ({ currentTarget }) => {
+			if (! currentTarget.disabled) {
+				location.reload();
+			}
+		});
+	}
+
+	static {
+		this.register('reload-button');
+	}
+}
diff --git a/rollup.config.js b/rollup.config.js
index 00e10f0..0de2fc6 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,23 +1,17 @@
 import terser from '@rollup/plugin-terser';
 
+const external = ['@aegisjsproject/styles/reset.js', '@aegisjsproject/styles/layers.js', '@aegisjsproject/styles/custom-button.js'];
+
 export default [{
-	input: 'index.js',
+	input: 'button.js',
+	external,
 	output: [{
-		file: 'index.cjs',
+		file: 'button.cjs',
 		format: 'cjs',
 	}, {
-		file: 'index.min.js',
-		format: 'iife',
+		file: 'button.min.js',
+		format: 'module',
 		plugins: [terser()],
 		sourcemap: true,
-	}, {
-		file: 'index.mjs',
-		format: 'module',
 	}],
-}, {
-	input: 'consts.js',
-	output: {
-		file: 'consts.cjs',
-		format: 'cjs',
-	}
 }];
diff --git a/share.js b/share.js
new file mode 100644
index 0000000..504441b
--- /dev/null
+++ b/share.js
@@ -0,0 +1,40 @@
+import { CustomButton } from './button.js';
+
+export class ShareButton extends CustomButton {
+	constructor() {
+		super();
+
+		if (typeof navigator.share === 'function') {
+			this.hidden = false;
+
+			this.addEventListener('click', async event => {
+				const btn = event.currentTarget;
+
+				if (! btn.disabled) {
+					btn.disabled = true;
+
+					try {
+						const {
+							shareTitle: title = document.title,
+							shareUrl: url = location.href,
+							shareText: text,
+						} = btn.dataset;
+
+						await navigator.share({ title, url, text });
+					} catch(error) {
+						btn.dispatchEvent(new ErrorEvent('error', { error, message: error.message }));
+					} finally {
+						btn.disabled = false;
+					}
+				}
+			});
+		} else {
+			this.hidden = true;
+			this.disabled = true;
+		}
+	}
+
+	static {
+		this.register('share-button');
+	}
+}