From c0deddc1b60b14439b6b5120238f82b6b6b4eaf2 Mon Sep 17 00:00:00 2001
From: Chris Zuber <shgysk8zer0@gmail.com>
Date: Mon, 27 Apr 2026 14:12:11 -0700
Subject: [PATCH 1/2] Initial Release

---
 CHANGELOG.md      | 89 +----------------------------------------------
 README.md         | 38 ++++++++++++--------
 back.js           | 17 +++++++++
 base.js           | 88 ++++++++++++++++++++++++++++++++++++++++++++++
 button.js         |  6 ++++
 consts.js         |  1 -
 eslint.config.js  |  4 +--
 forward.js        | 17 +++++++++
 http.config.js    |  3 --
 index.html        |  9 ++++-
 index.js          |  3 --
 index.test.js     |  8 -----
 package-lock.json | 31 ++++++++++-------
 package.json      | 24 ++++++-------
 print.js          | 17 +++++++++
 reload.js         | 17 +++++++++
 rollup.config.js  | 20 ++++-------
 share.js          | 40 +++++++++++++++++++++
 18 files changed, 274 insertions(+), 158 deletions(-)
 create mode 100644 back.js
 create mode 100644 base.js
 create mode 100644 button.js
 delete mode 100644 consts.js
 create mode 100644 forward.js
 delete mode 100644 index.js
 delete mode 100644 index.test.js
 create mode 100644 print.js
 create mode 100644 reload.js
 create mode 100644 share.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2296da8..26dc203 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
+## [v0.0.1] - 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..b4867b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "npm-template",
-  "version": "1.1.3",
+  "name": "@aegisjsproject/button",
+  "version": "0.0.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "npm-template",
-      "version": "1.1.3",
+      "name": "@aegisjsproject/button",
+      "version": "0.0.1",
       "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..de5050e 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": "0.0.1",
+  "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');
+	}
+}

From 65fc3e702036bfa363d485636430fb748f7f090b Mon Sep 17 00:00:00 2001
From: Chris Zuber <shgysk8zer0@gmail.com>
Date: Mon, 27 Apr 2026 15:01:27 -0700
Subject: [PATCH 2/2] Version bump

---
 CHANGELOG.md      | 2 +-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 26dc203..c7e0c14 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [v0.0.1] - 2026-04-27
+## [v1.0.0] - 2026-04-27
 
 Initial Release
diff --git a/package-lock.json b/package-lock.json
index b4867b7..2fd9419 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@aegisjsproject/button",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@aegisjsproject/button",
-      "version": "0.0.1",
+      "version": "1.0.0",
       "funding": [
         {
           "type": "librepay",
diff --git a/package.json b/package.json
index de5050e..8855a76 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aegisjsproject/button",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "A simple base custom `<button>` element",
   "keywords": [],
   "type": "module",