@aevix/atom-headless 0.0.1

package/dist/all.js

@@ -0,0 +1 @@
+import{n as e,t}from"./chunks/atom-badge-CdXX-kOP.js";import{n,t as r}from"./chunks/atom-button-CGOr9UME.js";import{n as i,t as a}from"./chunks/atom-progress-BwNHdtje.js";import"./badge.js";import"./button.js";import"./progress.js";e(),n(),i();export{t as AtomBadge,r as AtomButton,a as AtomProgress,e as defineAtomBadge,n as defineAtomButton,i as defineAtomProgress};

package/dist/atom.css

@@ -0,0 +1 @@
+atom-button,atom-badge,atom-progress{box-sizing:border-box;color:var(--atom-color,currentColor);font:var(--atom-font,inherit)}atom-button *,atom-badge *,atom-progress *{box-sizing:inherit}atom-button[hidden],atom-badge[hidden],atom-progress[hidden]{display:none!important}atom-button{--atom-button-bg:transparent;--atom-button-color:var(--atom-color,currentColor);--atom-button-border-color:currentColor;--atom-button-border-width:1px;--atom-button-radius:.5rem;--atom-button-padding-block:.5rem;--atom-button-padding-inline:.875rem;--atom-button-gap:.5rem;--atom-button-min-block-size:2.25rem;--atom-button-shadow:none;--atom-button-hover-bg:color-mix(in srgb, currentColor 8%, transparent);--atom-button-active-bg:color-mix(in srgb, currentColor 14%, transparent);--atom-button-focus-ring:0 0 0 3px color-mix(in srgb, currentColor 28%, transparent);--atom-button-disabled-opacity:.5;cursor:pointer;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;outline:none;display:inline-flex}atom-button[disabled]{cursor:not-allowed;opacity:var(--atom-button-disabled-opacity)}atom-button::part(root){background:var(--atom-button-bg);border:var(--atom-button-border-width) solid var(--atom-button-border-color);border-radius:var(--atom-button-radius);box-shadow:var(--atom-button-shadow);color:var(--atom-button-color);align-items:center;gap:var(--atom-button-gap);inline-size:100%;min-block-size:var(--atom-button-min-block-size);padding:var(--atom-button-padding-block) var(--atom-button-padding-inline);justify-content:center;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s,transform 80ms;display:inline-flex}atom-button:hover:not([disabled])::part(root){background:var(--atom-button-hover-bg)}atom-button:active:not([disabled])::part(root){background:var(--atom-button-active-bg);transform:translateY(1px)}atom-button:focus-visible::part(root){box-shadow:var(--atom-button-shadow), var(--atom-button-focus-ring)}atom-button::part(left),atom-button::part(center),atom-button::part(right){display:inline-flex}atom-button::part(center){min-inline-size:0}atom-button::part(left),atom-button::part(right){flex:none}atom-button>*,atom-badge>*{box-sizing:border-box;color:inherit;font:inherit}atom-button>[slot=left],atom-button>[slot=right],atom-badge>[slot=left],atom-badge>[slot=right]{flex:none;display:inline-flex}atom-badge{--atom-badge-bg:color-mix(in srgb, currentColor 10%, transparent);--atom-badge-color:var(--atom-color,currentColor);--atom-badge-border-color:transparent;--atom-badge-border-width:1px;--atom-badge-radius:999px;--atom-badge-padding-block:.125rem;--atom-badge-padding-inline:.5rem;--atom-badge-gap:.25rem;--atom-badge-hover-bg:color-mix(in srgb, currentColor 16%, transparent);--atom-badge-focus-ring:0 0 0 3px color-mix(in srgb, currentColor 28%, transparent);vertical-align:middle;-webkit-tap-highlight-color:transparent;outline:none;display:inline-flex}atom-badge[href]{cursor:pointer}atom-badge::part(root){background:var(--atom-badge-bg);border:var(--atom-badge-border-width) solid var(--atom-badge-border-color);border-radius:var(--atom-badge-radius);color:var(--atom-badge-color);align-items:center;gap:var(--atom-badge-gap);min-inline-size:0;padding:var(--atom-badge-padding-block) var(--atom-badge-padding-inline);transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s;display:inline-flex}atom-badge[href]:hover::part(root){background:var(--atom-badge-hover-bg)}atom-badge[href]:focus-visible::part(root){box-shadow:var(--atom-badge-focus-ring)}atom-badge::part(left),atom-badge::part(center),atom-badge::part(right){display:inline-flex}atom-badge::part(center){min-inline-size:0}atom-badge::part(left),atom-badge::part(right){flex:none}atom-progress{--atom-progress-block-size:.5rem;--atom-progress-track-bg:color-mix(in srgb, currentColor 14%, transparent);--atom-progress-fill-bg:currentColor;--atom-progress-radius:999px;--atom-progress-border-color:transparent;--atom-progress-border-width:0;--atom-progress-shadow:none;--atom-progress-indeterminate-size:40%;--atom-progress-disabled-opacity:.55;color:var(--atom-progress-color,var(--atom-color,currentColor));display:block}atom-progress[disabled]{opacity:var(--atom-progress-disabled-opacity)}atom-progress::part(track){background:var(--atom-progress-track-bg);border:var(--atom-progress-border-width) solid var(--atom-progress-border-color);border-radius:var(--atom-progress-radius);block-size:var(--atom-progress-block-size);box-shadow:var(--atom-progress-shadow);inline-size:100%;overflow:hidden}atom-progress::part(fill){background:var(--atom-progress-fill-bg);border-radius:inherit;block-size:100%;inline-size:var(--atom-progress-value,0%);transition:inline-size .16s}atom-progress[indeterminate]::part(fill){inline-size:var(--atom-progress-indeterminate-size);animation:1.2s ease-in-out infinite atom-progress-indeterminate}@keyframes atom-progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(75%)}to{transform:translate(250%)}}

package/dist/badge.browser.js

@@ -0,0 +1,8 @@
+var AtomHeadlessBadge=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e,t,n){if(n===!1||n==null){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,``);return}e.setAttribute(t,String(n))}var n=class extends HTMLElement{#e;#t=!1;#n;get internals(){return this.#e}get root(){return this.#n}constructor(){super(),this.#n=this.attachShadow({mode:`closed`}),this.#e=this.attachInternals()}connectedCallback(){this.#t||=(this.renderShadow(),!0),this.syncState()}attributeChangedCallback(){this.isConnected&&this.syncState()}aria(e,n,r){t(this,n,r),this.#e[e]=r}};function r(e,t,n,r={}){return e.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,...r,detail:n}))}function i(e,t,n){if(t!==null&&r(e,`atomnavigate`,t,{cancelable:!0})){if(n===`_self`){window.location.assign(t);return}window.open(t,n)}}var a=class extends n{static{this.observedAttributes=[`href`,`target`]}get href(){return this.getAttribute(`href`)}set href(e){t(this,`href`,e)}get target(){let e=this.getAttribute(`target`);return e===`_blank`||e===`_parent`||e===`_top`?e:`_self`}set target(e){t(this,`target`,e)}get#e(){return this.href!==null}constructor(){super(),this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n)}renderShadow(){this.root.innerHTML=`
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot part="left" name="left"></slot>
+                <slot part="center"></slot>
+                <slot part="right" name="right"></slot>
+            </div>
+        `}syncState(){this.aria(`role`,`role`,this.#e?`link`:`note`),this.#e?this.tabIndex=0:this.removeAttribute(`tabindex`)}#t=()=>{this.#e&&i(this,this.href,this.target)};#n=e=>{!this.#e||e.key!==`Enter`||(e.preventDefault(),i(this,this.href,this.target))}};function o(e=`atom-badge`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,a)}return o(),e.AtomBadge=a,e.defineAtomBadge=o,e})({});

package/dist/badge.js

@@ -0,0 +1 @@
+import{n as e,t}from"./chunks/atom-badge-CdXX-kOP.js";e();export{t as AtomBadge,e as defineAtomBadge};

package/dist/browser.js

@@ -0,0 +1,19 @@
+var AtomHeadless=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e,t,n){if(n===!1||n==null){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,``);return}e.setAttribute(t,String(n))}var n=class extends HTMLElement{#e;#t=!1;#n;get internals(){return this.#e}get root(){return this.#n}constructor(){super(),this.#n=this.attachShadow({mode:`closed`}),this.#e=this.attachInternals()}connectedCallback(){this.#t||=(this.renderShadow(),!0),this.syncState()}attributeChangedCallback(){this.isConnected&&this.syncState()}aria(e,n,r){t(this,n,r),this.#e[e]=r}};function r(e,t,n,r={}){return e.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,...r,detail:n}))}function i(e,t,n){if(t!==null&&r(e,`atomnavigate`,t,{cancelable:!0})){if(n===`_self`){window.location.assign(t);return}window.open(t,n)}}var a=class extends n{static{this.observedAttributes=[`href`,`target`]}get href(){return this.getAttribute(`href`)}set href(e){t(this,`href`,e)}get target(){let e=this.getAttribute(`target`);return e===`_blank`||e===`_parent`||e===`_top`?e:`_self`}set target(e){t(this,`target`,e)}get#e(){return this.href!==null}constructor(){super(),this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n)}renderShadow(){this.root.innerHTML=`
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot part="left" name="left"></slot>
+                <slot part="center"></slot>
+                <slot part="right" name="right"></slot>
+            </div>
+        `}syncState(){this.aria(`role`,`role`,this.#e?`link`:`note`),this.#e?this.tabIndex=0:this.removeAttribute(`tabindex`)}#t=()=>{this.#e&&i(this,this.href,this.target)};#n=e=>{!this.#e||e.key!==`Enter`||(e.preventDefault(),i(this,this.href,this.target))}};function o(e=`atom-badge`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,a)}var s=class extends n{static{this.formAssociated=!0}static{this.observedAttributes=[`disabled`,`href`,`name`,`required`,`target`,`type`,`value`]}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){t(this,`disabled`,e)}get href(){return this.getAttribute(`href`)}set href(e){t(this,`href`,e)}get name(){return this.getAttribute(`name`)}set name(e){t(this,`name`,e)}get required(){return this.hasAttribute(`required`)}set required(e){t(this,`required`,e)}get target(){let e=this.getAttribute(`target`);return e===`_blank`||e===`_parent`||e===`_top`?e:`_self`}set target(e){t(this,`target`,e)}get type(){let e=this.getAttribute(`type`);return e===`submit`||e===`reset`?e:`button`}set type(e){t(this,`type`,e)}get value(){return this.getAttribute(`value`)}set value(e){t(this,`value`,e)}get#e(){return this.href!==null}constructor(){super(),this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n)}formDisabledCallback(e){this.aria(`ariaDisabled`,`aria-disabled`,e?`true`:null)}formResetCallback(){}formStateRestoreCallback(e,t){}renderShadow(){this.root.innerHTML=`
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot name="left" part="left"></slot>
+                <slot part="center"></slot>
+                <slot name="right" part="right"></slot>
+            </div>
+        `}syncState(){this.aria(`role`,`role`,this.#e?`link`:`button`),this.aria(`ariaDisabled`,`aria-disabled`,this.disabled?`true`:null),this.tabIndex=this.disabled?-1:0}#t=e=>{if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}this.#r()};#n=e=>{if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this.#e){if(e.key!==`Enter`)return}else if(e.key!==`Enter`&&e.key!==` `)return;e.preventDefault(),this.#r()};#r(){if(r(this,`atomclick`,this.value),this.#e){i(this,this.href,this.target);return}switch(this.type){case`submit`:this.internals.setFormValue(this.value??null),this.internals.form?.requestSubmit();break;case`reset`:this.internals.form?.reset();break}}};function c(e=`atom-button`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,s)}var l=class extends n{static{this.observedAttributes=[`disabled`,`indeterminate`,`label`,`max`,`min`,`value`]}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){t(this,`disabled`,e)}get indeterminate(){return this.hasAttribute(`indeterminate`)}set indeterminate(e){t(this,`indeterminate`,e)}get label(){return this.getAttribute(`label`)??``}set label(e){t(this,`label`,e||null)}get max(){return this.#r(`max`,100)}set max(e){t(this,`max`,e)}get min(){return this.#r(`min`,0)}set min(e){t(this,`min`,e)}get value(){return this.#r(`value`,25)}set value(e){t(this,`value`,e)}get percent(){return Math.round(this.#n*100)/100}get#e(){return Number.isFinite(this.min)&&Number.isFinite(this.max)&&this.max>this.min}get#t(){return!Number.isFinite(this.value)||this.value<this.min?this.min:this.value>this.max?this.max:this.value}get#n(){return this.indeterminate||!this.#e?0:(this.#t-this.min)/(this.max-this.min)*100}renderShadow(){this.root.innerHTML=`
+            <div part="track">
+                <div part="fill"></div>
+            </div>
+        `}syncState(){if(this.aria(`role`,`role`,`progressbar`),this.indeterminate)this.aria(`ariaValueMin`,`aria-valuemin`,null),this.aria(`ariaValueNow`,`aria-valuenow`,null),this.aria(`ariaValueMax`,`aria-valuemax`,null),this.aria(`ariaValueText`,`aria-valuetext`,null);else{let e=this.#e?this.#t:this.min,t=this.#e?this.percent:0;this.aria(`ariaValueMin`,`aria-valuemin`,String(this.min)),this.aria(`ariaValueNow`,`aria-valuenow`,String(e)),this.aria(`ariaValueMax`,`aria-valuemax`,String(this.max)),this.aria(`ariaValueText`,`aria-valuetext`,`${t}% — ${e} of ${this.max} (range ${this.min}-${this.max})`)}this.aria(`ariaLabel`,`aria-label`,this.label||null),this.aria(`ariaDisabled`,`aria-disabled`,this.disabled?`true`:null),this.#i()}#r(e,t){let n=Number(this.getAttribute(e));return Number.isFinite(n)?n:t}#i(){if(this.indeterminate){this.style.removeProperty(`--atom-progress-value`);return}this.style.setProperty(`--atom-progress-value`,`${this.percent}%`)}};function u(e=`atom-progress`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,l)}return o(),c(),u(),o(),c(),u(),e.AtomBadge=a,e.AtomButton=s,e.AtomProgress=l,e.defineAtomBadge=o,e.defineAtomButton=c,e.defineAtomProgress=u,e})({});

package/dist/button.browser.js

@@ -0,0 +1,8 @@
+var AtomHeadlessButton=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e,t,n){if(n===!1||n==null){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,``);return}e.setAttribute(t,String(n))}var n=class extends HTMLElement{#e;#t=!1;#n;get internals(){return this.#e}get root(){return this.#n}constructor(){super(),this.#n=this.attachShadow({mode:`closed`}),this.#e=this.attachInternals()}connectedCallback(){this.#t||=(this.renderShadow(),!0),this.syncState()}attributeChangedCallback(){this.isConnected&&this.syncState()}aria(e,n,r){t(this,n,r),this.#e[e]=r}};function r(e,t,n,r={}){return e.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,...r,detail:n}))}function i(e,t,n){if(t!==null&&r(e,`atomnavigate`,t,{cancelable:!0})){if(n===`_self`){window.location.assign(t);return}window.open(t,n)}}var a=class extends n{static{this.formAssociated=!0}static{this.observedAttributes=[`disabled`,`href`,`name`,`required`,`target`,`type`,`value`]}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){t(this,`disabled`,e)}get href(){return this.getAttribute(`href`)}set href(e){t(this,`href`,e)}get name(){return this.getAttribute(`name`)}set name(e){t(this,`name`,e)}get required(){return this.hasAttribute(`required`)}set required(e){t(this,`required`,e)}get target(){let e=this.getAttribute(`target`);return e===`_blank`||e===`_parent`||e===`_top`?e:`_self`}set target(e){t(this,`target`,e)}get type(){let e=this.getAttribute(`type`);return e===`submit`||e===`reset`?e:`button`}set type(e){t(this,`type`,e)}get value(){return this.getAttribute(`value`)}set value(e){t(this,`value`,e)}get#e(){return this.href!==null}constructor(){super(),this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n)}formDisabledCallback(e){this.aria(`ariaDisabled`,`aria-disabled`,e?`true`:null)}formResetCallback(){}formStateRestoreCallback(e,t){}renderShadow(){this.root.innerHTML=`
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot name="left" part="left"></slot>
+                <slot part="center"></slot>
+                <slot name="right" part="right"></slot>
+            </div>
+        `}syncState(){this.aria(`role`,`role`,this.#e?`link`:`button`),this.aria(`ariaDisabled`,`aria-disabled`,this.disabled?`true`:null),this.tabIndex=this.disabled?-1:0}#t=e=>{if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}this.#r()};#n=e=>{if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this.#e){if(e.key!==`Enter`)return}else if(e.key!==`Enter`&&e.key!==` `)return;e.preventDefault(),this.#r()};#r(){if(r(this,`atomclick`,this.value),this.#e){i(this,this.href,this.target);return}switch(this.type){case`submit`:this.internals.setFormValue(this.value??null),this.internals.form?.requestSubmit();break;case`reset`:this.internals.form?.reset();break}}};function o(e=`atom-button`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,a)}return o(),e.AtomButton=a,e.defineAtomButton=o,e})({});

package/dist/button.js

@@ -0,0 +1 @@
+import{n as e,t}from"./chunks/atom-button-CGOr9UME.js";e();export{t as AtomButton,e as defineAtomButton};

package/dist/chunks/atom-badge-CdXX-kOP.js

@@ -0,0 +1,8 @@
+import{n as e,t}from"./atom-element-CFvcGv3e.js";import{n}from"./events-M1ozXrXC.js";var r=class extends t{static{this.observedAttributes=[`href`,`target`]}get href(){return this.getAttribute(`href`)}set href(t){e(this,`href`,t)}get target(){let e=this.getAttribute(`target`);return e===`_blank`||e===`_parent`||e===`_top`?e:`_self`}set target(t){e(this,`target`,t)}get#e(){return this.href!==null}constructor(){super(),this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n)}renderShadow(){this.root.innerHTML=`
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot part="left" name="left"></slot>
+                <slot part="center"></slot>
+                <slot part="right" name="right"></slot>
+            </div>
+        `}syncState(){this.aria(`role`,`role`,this.#e?`link`:`note`),this.#e?this.tabIndex=0:this.removeAttribute(`tabindex`)}#t=()=>{this.#e&&n(this,this.href,this.target)};#n=e=>{!this.#e||e.key!==`Enter`||(e.preventDefault(),n(this,this.href,this.target))}};function i(e=`atom-badge`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,r)}export{i as n,r as t};

package/dist/chunks/atom-button-CGOr9UME.js

@@ -0,0 +1,8 @@
+import{n as e,t}from"./atom-element-CFvcGv3e.js";import{n,t as r}from"./events-M1ozXrXC.js";var i=class extends t{static{this.formAssociated=!0}static{this.observedAttributes=[`disabled`,`href`,`name`,`required`,`target`,`type`,`value`]}get disabled(){return this.hasAttribute(`disabled`)}set disabled(t){e(this,`disabled`,t)}get href(){return this.getAttribute(`href`)}set href(t){e(this,`href`,t)}get name(){return this.getAttribute(`name`)}set name(t){e(this,`name`,t)}get required(){return this.hasAttribute(`required`)}set required(t){e(this,`required`,t)}get target(){let e=this.getAttribute(`target`);return e===`_blank`||e===`_parent`||e===`_top`?e:`_self`}set target(t){e(this,`target`,t)}get type(){let e=this.getAttribute(`type`);return e===`submit`||e===`reset`?e:`button`}set type(t){e(this,`type`,t)}get value(){return this.getAttribute(`value`)}set value(t){e(this,`value`,t)}get#e(){return this.href!==null}constructor(){super(),this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n)}formDisabledCallback(e){this.aria(`ariaDisabled`,`aria-disabled`,e?`true`:null)}formResetCallback(){}formStateRestoreCallback(e,t){}renderShadow(){this.root.innerHTML=`
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot name="left" part="left"></slot>
+                <slot part="center"></slot>
+                <slot name="right" part="right"></slot>
+            </div>
+        `}syncState(){this.aria(`role`,`role`,this.#e?`link`:`button`),this.aria(`ariaDisabled`,`aria-disabled`,this.disabled?`true`:null),this.tabIndex=this.disabled?-1:0}#t=e=>{if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}this.#r()};#n=e=>{if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this.#e){if(e.key!==`Enter`)return}else if(e.key!==`Enter`&&e.key!==` `)return;e.preventDefault(),this.#r()};#r(){if(r(this,`atomclick`,this.value),this.#e){n(this,this.href,this.target);return}switch(this.type){case`submit`:this.internals.setFormValue(this.value??null),this.internals.form?.requestSubmit();break;case`reset`:this.internals.form?.reset();break}}};function a(e=`atom-button`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,i)}export{a as n,i as t};

package/dist/chunks/atom-element-CFvcGv3e.js

@@ -0,0 +1 @@
+function e(e,t,n){if(n===!1||n==null){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,``);return}e.setAttribute(t,String(n))}var t=class extends HTMLElement{#e;#t=!1;#n;get internals(){return this.#e}get root(){return this.#n}constructor(){super(),this.#n=this.attachShadow({mode:`closed`}),this.#e=this.attachInternals()}connectedCallback(){this.#t||=(this.renderShadow(),!0),this.syncState()}attributeChangedCallback(){this.isConnected&&this.syncState()}aria(t,n,r){e(this,n,r),this.#e[t]=r}};export{e as n,t};

package/dist/chunks/atom-progress-BwNHdtje.js

@@ -0,0 +1,5 @@
+import{n as e,t}from"./atom-element-CFvcGv3e.js";var n=class extends t{static{this.observedAttributes=[`disabled`,`indeterminate`,`label`,`max`,`min`,`value`]}get disabled(){return this.hasAttribute(`disabled`)}set disabled(t){e(this,`disabled`,t)}get indeterminate(){return this.hasAttribute(`indeterminate`)}set indeterminate(t){e(this,`indeterminate`,t)}get label(){return this.getAttribute(`label`)??``}set label(t){e(this,`label`,t||null)}get max(){return this.#r(`max`,100)}set max(t){e(this,`max`,t)}get min(){return this.#r(`min`,0)}set min(t){e(this,`min`,t)}get value(){return this.#r(`value`,25)}set value(t){e(this,`value`,t)}get percent(){return Math.round(this.#n*100)/100}get#e(){return Number.isFinite(this.min)&&Number.isFinite(this.max)&&this.max>this.min}get#t(){return!Number.isFinite(this.value)||this.value<this.min?this.min:this.value>this.max?this.max:this.value}get#n(){return this.indeterminate||!this.#e?0:(this.#t-this.min)/(this.max-this.min)*100}renderShadow(){this.root.innerHTML=`
+            <div part="track">
+                <div part="fill"></div>
+            </div>
+        `}syncState(){if(this.aria(`role`,`role`,`progressbar`),this.indeterminate)this.aria(`ariaValueMin`,`aria-valuemin`,null),this.aria(`ariaValueNow`,`aria-valuenow`,null),this.aria(`ariaValueMax`,`aria-valuemax`,null),this.aria(`ariaValueText`,`aria-valuetext`,null);else{let e=this.#e?this.#t:this.min,t=this.#e?this.percent:0;this.aria(`ariaValueMin`,`aria-valuemin`,String(this.min)),this.aria(`ariaValueNow`,`aria-valuenow`,String(e)),this.aria(`ariaValueMax`,`aria-valuemax`,String(this.max)),this.aria(`ariaValueText`,`aria-valuetext`,`${t}% — ${e} of ${this.max} (range ${this.min}-${this.max})`)}this.aria(`ariaLabel`,`aria-label`,this.label||null),this.aria(`ariaDisabled`,`aria-disabled`,this.disabled?`true`:null),this.#i()}#r(e,t){let n=Number(this.getAttribute(e));return Number.isFinite(n)?n:t}#i(){if(this.indeterminate){this.style.removeProperty(`--atom-progress-value`);return}this.style.setProperty(`--atom-progress-value`,`${this.percent}%`)}};function r(e=`atom-progress`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,n)}export{r as n,n as t};

package/dist/chunks/events-M1ozXrXC.js

@@ -0,0 +1 @@
+function e(e,t,n,r={}){return e.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,...r,detail:n}))}function t(t,n,r){if(n!==null&&e(t,`atomnavigate`,n,{cancelable:!0})){if(r===`_self`){window.location.assign(n);return}window.open(n,r)}}export{t as n,e as t};

package/dist/index.js

@@ -0,0 +1 @@
+import{n as e,t}from"./chunks/atom-badge-CdXX-kOP.js";import{n,t as r}from"./chunks/atom-button-CGOr9UME.js";import{n as i,t as a}from"./chunks/atom-progress-BwNHdtje.js";export{t as AtomBadge,r as AtomButton,a as AtomProgress,e as defineAtomBadge,n as defineAtomButton,i as defineAtomProgress};

package/dist/progress.browser.js

@@ -0,0 +1,5 @@
+var AtomHeadlessProgress=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e,t,n){if(n===!1||n==null){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,``);return}e.setAttribute(t,String(n))}var n=class extends HTMLElement{#e;#t=!1;#n;get internals(){return this.#e}get root(){return this.#n}constructor(){super(),this.#n=this.attachShadow({mode:`closed`}),this.#e=this.attachInternals()}connectedCallback(){this.#t||=(this.renderShadow(),!0),this.syncState()}attributeChangedCallback(){this.isConnected&&this.syncState()}aria(e,n,r){t(this,n,r),this.#e[e]=r}},r=class extends n{static{this.observedAttributes=[`disabled`,`indeterminate`,`label`,`max`,`min`,`value`]}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){t(this,`disabled`,e)}get indeterminate(){return this.hasAttribute(`indeterminate`)}set indeterminate(e){t(this,`indeterminate`,e)}get label(){return this.getAttribute(`label`)??``}set label(e){t(this,`label`,e||null)}get max(){return this.#r(`max`,100)}set max(e){t(this,`max`,e)}get min(){return this.#r(`min`,0)}set min(e){t(this,`min`,e)}get value(){return this.#r(`value`,25)}set value(e){t(this,`value`,e)}get percent(){return Math.round(this.#n*100)/100}get#e(){return Number.isFinite(this.min)&&Number.isFinite(this.max)&&this.max>this.min}get#t(){return!Number.isFinite(this.value)||this.value<this.min?this.min:this.value>this.max?this.max:this.value}get#n(){return this.indeterminate||!this.#e?0:(this.#t-this.min)/(this.max-this.min)*100}renderShadow(){this.root.innerHTML=`
+            <div part="track">
+                <div part="fill"></div>
+            </div>
+        `}syncState(){if(this.aria(`role`,`role`,`progressbar`),this.indeterminate)this.aria(`ariaValueMin`,`aria-valuemin`,null),this.aria(`ariaValueNow`,`aria-valuenow`,null),this.aria(`ariaValueMax`,`aria-valuemax`,null),this.aria(`ariaValueText`,`aria-valuetext`,null);else{let e=this.#e?this.#t:this.min,t=this.#e?this.percent:0;this.aria(`ariaValueMin`,`aria-valuemin`,String(this.min)),this.aria(`ariaValueNow`,`aria-valuenow`,String(e)),this.aria(`ariaValueMax`,`aria-valuemax`,String(this.max)),this.aria(`ariaValueText`,`aria-valuetext`,`${t}% — ${e} of ${this.max} (range ${this.min}-${this.max})`)}this.aria(`ariaLabel`,`aria-label`,this.label||null),this.aria(`ariaDisabled`,`aria-disabled`,this.disabled?`true`:null),this.#i()}#r(e,t){let n=Number(this.getAttribute(e));return Number.isFinite(n)?n:t}#i(){if(this.indeterminate){this.style.removeProperty(`--atom-progress-value`);return}this.style.setProperty(`--atom-progress-value`,`${this.percent}%`)}};function i(e=`atom-progress`){typeof customElements>`u`||customElements.get(e)||customElements.define(e,r)}return i(),e.AtomProgress=r,e.defineAtomProgress=i,e})({});

package/dist/progress.js

@@ -0,0 +1 @@
+import{n as e,t}from"./chunks/atom-progress-BwNHdtje.js";e();export{t as AtomProgress,e as defineAtomProgress};

package/lib/all.ts

@@ -0,0 +1,11 @@
+import { defineAtomBadge } from './components/badge/atom-badge';
+import { defineAtomButton } from './components/button/atom-button';
+import { defineAtomProgress } from './components/progress/atom-progress';
+
+export * from './badge';
+export * from './button';
+export * from './progress';
+
+defineAtomBadge();
+defineAtomButton();
+defineAtomProgress();

package/lib/badge.browser.ts

@@ -0,0 +1,2 @@
+// Browser IIFE entry: registers only <atom-badge> for plain <script> usage.
+export * from './badge';

package/lib/badge.ts

@@ -0,0 +1,5 @@
+import { defineAtomBadge } from './components/badge/atom-badge';
+
+export { AtomBadge, defineAtomBadge, type AtomBadgeTarget } from './components/badge/atom-badge';
+
+defineAtomBadge();

package/lib/browser.ts

@@ -0,0 +1 @@
+export * from './all';

package/lib/button.browser.ts

@@ -0,0 +1,2 @@
+// Browser IIFE entry: registers only <atom-button> for plain <script> usage.
+export * from './button';

package/lib/button.ts

@@ -0,0 +1,5 @@
+import { defineAtomButton } from './components/button/atom-button';
+
+export { AtomButton, defineAtomButton, type AtomButtonTarget, type AtomButtonType } from './components/button/atom-button';
+
+defineAtomButton();

package/lib/components/badge/atom-badge.ts

@@ -0,0 +1,76 @@
+import { AtomElement, navigateFromHost, setAttr, type AtomNavigateTarget } from '../../core';
+
+export type AtomBadgeTarget = AtomNavigateTarget;
+
+export class AtomBadge extends AtomElement {
+    static observedAttributes = ['href', 'target'];
+
+    get href(): string | null {
+        return this.getAttribute('href');
+    }
+    set href(value: string | null) {
+        setAttr(this, 'href', value);
+    }
+
+    get target(): AtomBadgeTarget {
+        const value = this.getAttribute('target');
+        return value === '_blank' || value === '_parent' || value === '_top' ? value : '_self';
+    }
+    set target(value: AtomBadgeTarget) {
+        setAttr(this, 'target', value);
+    }
+
+    get #isLink(): boolean {
+        return this.href !== null;
+    }
+
+    constructor() {
+        super();
+        this.addEventListener('click', this.#onClick);
+        this.addEventListener('keydown', this.#onKeyDown);
+    }
+
+    protected renderShadow(): void {
+        this.root.innerHTML = `
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot part="left" name="left"></slot>
+                <slot part="center"></slot>
+                <slot part="right" name="right"></slot>
+            </div>
+        `;
+    }
+
+    protected syncState(): void {
+        this.aria('role', 'role', this.#isLink ? 'link' : 'note');
+
+        if (this.#isLink) {
+            this.tabIndex = 0;
+        } else {
+            this.removeAttribute('tabindex');
+        }
+    }
+
+    #onClick = (): void => {
+        if (!this.#isLink) return;
+        navigateFromHost(this, this.href, this.target);
+    };
+
+    #onKeyDown = (event: KeyboardEvent): void => {
+        if (!this.#isLink || event.key !== 'Enter') return;
+
+        event.preventDefault();
+        navigateFromHost(this, this.href, this.target);
+    };
+}
+
+export function defineAtomBadge(tagName = 'atom-badge'): void {
+    if (typeof customElements === 'undefined' || customElements.get(tagName)) return;
+    customElements.define(tagName, AtomBadge);
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'atom-badge': AtomBadge;
+    }
+}

package/lib/components/button/atom-button.ts

@@ -0,0 +1,160 @@
+import {
+    AtomElement,
+    emitAtomEvent,
+    navigateFromHost,
+    setAttr,
+    type AtomNavigateTarget,
+} from '../../core';
+
+export type AtomButtonType = 'button' | 'submit' | 'reset';
+export type AtomButtonTarget = AtomNavigateTarget;
+
+export class AtomButton extends AtomElement {
+    static formAssociated = true;
+    static observedAttributes = ['disabled', 'href', 'name', 'required', 'target', 'type', 'value'];
+
+    get disabled(): boolean {
+        return this.hasAttribute('disabled');
+    }
+    set disabled(value: boolean) {
+        setAttr(this, 'disabled', value);
+    }
+
+    get href(): string | null {
+        return this.getAttribute('href');
+    }
+    set href(value: string | null) {
+        setAttr(this, 'href', value);
+    }
+
+    get name(): string | null {
+        return this.getAttribute('name');
+    }
+    set name(value: string | null) {
+        setAttr(this, 'name', value);
+    }
+
+    get required(): boolean {
+        return this.hasAttribute('required');
+    }
+    set required(value: boolean) {
+        setAttr(this, 'required', value);
+    }
+
+    get target(): AtomButtonTarget {
+        const value = this.getAttribute('target');
+        return value === '_blank' || value === '_parent' || value === '_top' ? value : '_self';
+    }
+    set target(value: AtomButtonTarget) {
+        setAttr(this, 'target', value);
+    }
+
+    get type(): AtomButtonType {
+        const value = this.getAttribute('type');
+        return value === 'submit' || value === 'reset' ? value : 'button';
+    }
+    set type(value: AtomButtonType) {
+        setAttr(this, 'type', value);
+    }
+
+    get value(): string | null {
+        return this.getAttribute('value');
+    }
+    set value(value: string | null) {
+        setAttr(this, 'value', value);
+    }
+
+    get #isLink(): boolean {
+        return this.href !== null;
+    }
+
+    constructor() {
+        super();
+        this.addEventListener('click', this.#onClick);
+        this.addEventListener('keydown', this.#onKeyDown);
+    }
+
+    formDisabledCallback(disabled: boolean): void {
+        this.aria('ariaDisabled', 'aria-disabled', disabled ? 'true' : null);
+    }
+
+    formResetCallback(): void {}
+
+    formStateRestoreCallback(_state: FormValue, _mode: 'restore' | 'autocomplete'): void {}
+
+    protected renderShadow(): void {
+        this.root.innerHTML = `
+            <div part="root">
+                <!-- Default light DOM content is the center slot; side slots stay reserved for icon-like atoms. -->
+                <slot name="left" part="left"></slot>
+                <slot part="center"></slot>
+                <slot name="right" part="right"></slot>
+            </div>
+        `;
+    }
+
+    protected syncState(): void {
+        this.aria('role', 'role', this.#isLink ? 'link' : 'button');
+        this.aria('ariaDisabled', 'aria-disabled', this.disabled ? 'true' : null);
+        this.tabIndex = this.disabled ? -1 : 0;
+    }
+
+    #onClick = (event: MouseEvent): void => {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            return;
+        }
+
+        this.#activate();
+    };
+
+    #onKeyDown = (event: KeyboardEvent): void => {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            return;
+        }
+
+        if (this.#isLink) {
+            if (event.key !== 'Enter') return;
+        } else if (event.key !== 'Enter' && event.key !== ' ') {
+            return;
+        }
+
+        event.preventDefault();
+        this.#activate();
+    };
+
+    #activate(): void {
+        emitAtomEvent(this, 'atomclick', this.value);
+
+        if (this.#isLink) {
+            navigateFromHost(this, this.href, this.target);
+            return;
+        }
+
+        switch (this.type) {
+            case 'submit':
+                this.internals.setFormValue(this.value ?? null);
+                this.internals.form?.requestSubmit();
+                break;
+            case 'reset':
+                this.internals.form?.reset();
+                break;
+        }
+    }
+}
+
+export function defineAtomButton(tagName = 'atom-button'): void {
+    if (typeof customElements === 'undefined' || customElements.get(tagName)) return;
+    customElements.define(tagName, AtomButton);
+}
+
+type FormValue = File | string | FormData | null;
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'atom-button': AtomButton;
+    }
+}

package/lib/components/progress/atom-progress.ts

@@ -0,0 +1,123 @@
+import { AtomElement, setAttr } from '../../core';
+
+export class AtomProgress extends AtomElement {
+    static observedAttributes = ['disabled', 'indeterminate', 'label', 'max', 'min', 'value'];
+
+    get disabled(): boolean {
+        return this.hasAttribute('disabled');
+    }
+    set disabled(value: boolean) {
+        setAttr(this, 'disabled', value);
+    }
+
+    get indeterminate(): boolean {
+        return this.hasAttribute('indeterminate');
+    }
+    set indeterminate(value: boolean) {
+        setAttr(this, 'indeterminate', value);
+    }
+
+    get label(): string {
+        return this.getAttribute('label') ?? '';
+    }
+    set label(value: string) {
+        setAttr(this, 'label', value || null);
+    }
+
+    get max(): number {
+        return this.#numberAttr('max', 100);
+    }
+    set max(value: number) {
+        setAttr(this, 'max', value);
+    }
+
+    get min(): number {
+        return this.#numberAttr('min', 0);
+    }
+    set min(value: number) {
+        setAttr(this, 'min', value);
+    }
+
+    get value(): number {
+        return this.#numberAttr('value', 25);
+    }
+    set value(value: number) {
+        setAttr(this, 'value', value);
+    }
+
+    get percent(): number {
+        return Math.round(this.#rawPercent * 100) / 100;
+    }
+
+    get #hasValidRange(): boolean {
+        return Number.isFinite(this.min) && Number.isFinite(this.max) && this.max > this.min;
+    }
+
+    get #clampedValue(): number {
+        if (!Number.isFinite(this.value)) return this.min;
+        if (this.value < this.min) return this.min;
+        if (this.value > this.max) return this.max;
+        return this.value;
+    }
+
+    get #rawPercent(): number {
+        if (this.indeterminate || !this.#hasValidRange) return 0;
+        return ((this.#clampedValue - this.min) / (this.max - this.min)) * 100;
+    }
+
+    protected renderShadow(): void {
+        this.root.innerHTML = `
+            <div part="track">
+                <div part="fill"></div>
+            </div>
+        `;
+    }
+
+    protected syncState(): void {
+        this.aria('role', 'role', 'progressbar');
+
+        if (this.indeterminate) {
+            this.aria('ariaValueMin', 'aria-valuemin', null);
+            this.aria('ariaValueNow', 'aria-valuenow', null);
+            this.aria('ariaValueMax', 'aria-valuemax', null);
+            this.aria('ariaValueText', 'aria-valuetext', null);
+        } else {
+            const current = this.#hasValidRange ? this.#clampedValue : this.min;
+            const percent = this.#hasValidRange ? this.percent : 0;
+
+            this.aria('ariaValueMin', 'aria-valuemin', String(this.min));
+            this.aria('ariaValueNow', 'aria-valuenow', String(current));
+            this.aria('ariaValueMax', 'aria-valuemax', String(this.max));
+            this.aria('ariaValueText', 'aria-valuetext', `${percent}% — ${current} of ${this.max} (range ${this.min}-${this.max})`);
+        }
+
+        this.aria('ariaLabel', 'aria-label', this.label || null);
+        this.aria('ariaDisabled', 'aria-disabled', this.disabled ? 'true' : null);
+        this.#syncFill();
+    }
+
+    #numberAttr(name: string, fallback: number): number {
+        const value = Number(this.getAttribute(name));
+        return Number.isFinite(value) ? value : fallback;
+    }
+
+    #syncFill(): void {
+        if (this.indeterminate) {
+            this.style.removeProperty('--atom-progress-value');
+            return;
+        }
+
+        this.style.setProperty('--atom-progress-value', `${this.percent}%`);
+    }
+}
+
+export function defineAtomProgress(tagName = 'atom-progress'): void {
+    if (typeof customElements === 'undefined' || customElements.get(tagName)) return;
+    customElements.define(tagName, AtomProgress);
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'atom-progress': AtomProgress;
+    }
+}

package/lib/core/atom-element.ts

@@ -0,0 +1,43 @@
+import { setAttr } from './attrs';
+
+export abstract class AtomElement extends HTMLElement {
+    readonly #internals: ElementInternals;
+    #hasRendered = false;
+    readonly #root: ShadowRoot;
+
+    protected get internals(): ElementInternals {
+        return this.#internals;
+    }
+
+    protected get root(): ShadowRoot {
+        return this.#root;
+    }
+
+    constructor() {
+        super();
+        this.#root = this.attachShadow({ mode: import.meta.env.DEV ? 'open' : 'closed' });
+        this.#internals = this.attachInternals();
+    }
+
+    connectedCallback(): void {
+        if (!this.#hasRendered) {
+            this.renderShadow();
+            this.#hasRendered = true;
+        }
+
+        this.syncState();
+    }
+
+    attributeChangedCallback(): void {
+        if (this.isConnected) this.syncState();
+    }
+
+    protected aria(prop: keyof ARIAMixin | 'role', attr: string, value: string | null): void {
+        setAttr(this, attr, value);
+        // ElementInternals ARIA reflection keeps accessible state attached to the host.
+        (this.#internals as unknown as Record<string, string | null>)[prop] = value;
+    }
+
+    protected abstract renderShadow(): void;
+    protected abstract syncState(): void;
+}

package/lib/core/attrs.ts

@@ -0,0 +1,15 @@
+export type AttributeValue = string | number | boolean | null | undefined;
+
+export function setAttr(element: Element, name: string, value: AttributeValue): void {
+    if (value === false || value === null || value === undefined) {
+        element.removeAttribute(name);
+        return;
+    }
+
+    if (value === true) {
+        element.setAttribute(name, '');
+        return;
+    }
+
+    element.setAttribute(name, String(value));
+}

package/lib/core/events.ts

@@ -0,0 +1,36 @@
+export type AtomNavigateTarget = '_blank' | '_self' | '_parent' | '_top';
+
+export function emitAtomEvent<T>(
+    host: EventTarget,
+    type: string,
+    detail: T,
+    options: EventInit = {},
+): boolean {
+    return host.dispatchEvent(
+        new CustomEvent<T>(type, {
+            bubbles: true,
+            composed: true,
+            ...options,
+            detail,
+        }),
+    );
+}
+
+/** Emits the public route hook before falling back to browser navigation. */
+export function navigateFromHost(
+    host: EventTarget,
+    href: string | null,
+    target: AtomNavigateTarget,
+): void {
+    if (href === null) return;
+
+    const shouldNavigate = emitAtomEvent(host, 'atomnavigate', href, { cancelable: true });
+    if (!shouldNavigate) return;
+
+    if (target === '_self') {
+        window.location.assign(href);
+        return;
+    }
+
+    window.open(href, target);
+}

package/lib/core/index.ts

@@ -0,0 +1,7 @@
+export { AtomElement } from './atom-element';
+export { setAttr, type AttributeValue } from './attrs';
+export {
+    emitAtomEvent,
+    navigateFromHost,
+    type AtomNavigateTarget,
+} from './events';

package/lib/index.ts

@@ -0,0 +1,4 @@
+// Non-registering entry: exports classes but does NOT auto-define custom elements.
+export * from './components/badge/atom-badge';
+export * from './components/button/atom-button';
+export * from './components/progress/atom-progress';

package/lib/progress.browser.ts

@@ -0,0 +1,2 @@
+// Browser IIFE entry: registers only <atom-progress> for plain <script> usage.
+export * from './progress';

package/lib/progress.ts

@@ -0,0 +1,5 @@
+import { defineAtomProgress } from './components/progress/atom-progress';
+
+export { AtomProgress, defineAtomProgress } from './components/progress/atom-progress';
+
+defineAtomProgress();

package/package.json

@@ -0,0 +1,112 @@
+{
+    "name": "@aevix/atom-headless",
+    "version": "0.0.1",
+    "description": "Zero-dependency headless Web Components — button, badge, progress. Optional external CSS.",
+    "type": "module",
+    "license": "MIT",
+    "author": "Aevix",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/aevix/atom-headless.git"
+    },
+    "keywords": [
+        "web-components",
+        "custom-elements",
+        "headless",
+        "vanilla",
+        "lit-alternative",
+        "ui"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist",
+        "lib"
+    ],
+    "exports": {
+        ".": {
+            "types": "./lib/index.ts",
+            "import": "./dist/index.js",
+            "default": "./dist/index.js"
+        },
+        "./all": {
+            "types": "./lib/all.ts",
+            "import": "./dist/all.js",
+            "default": "./dist/all.js"
+        },
+        "./button": {
+            "types": "./lib/button.ts",
+            "import": "./dist/button.js",
+            "default": "./dist/button.js"
+        },
+        "./badge": {
+            "types": "./lib/badge.ts",
+            "import": "./dist/badge.js",
+            "default": "./dist/badge.js"
+        },
+        "./progress": {
+            "types": "./lib/progress.ts",
+            "import": "./dist/progress.js",
+            "default": "./dist/progress.js"
+        },
+        "./browser": {
+            "types": "./lib/browser.ts",
+            "import": "./dist/browser.js",
+            "default": "./dist/browser.js"
+        },
+        "./browser/button": {
+            "types": "./lib/button.ts",
+            "import": "./dist/button.browser.js",
+            "default": "./dist/button.browser.js"
+        },
+        "./browser/badge": {
+            "types": "./lib/badge.ts",
+            "import": "./dist/badge.browser.js",
+            "default": "./dist/badge.browser.js"
+        },
+        "./browser/progress": {
+            "types": "./lib/progress.ts",
+            "import": "./dist/progress.browser.js",
+            "default": "./dist/progress.browser.js"
+        },
+        "./styles": {
+            "import": "./dist/atom.css",
+            "default": "./dist/atom.css"
+        }
+    },
+    "module": "./dist/index.js",
+    "types": "./lib/index.ts",
+    "browser": "./dist/browser.js",
+    "unpkg": "./dist/browser.js",
+    "jsdelivr": "./dist/browser.js",
+    "scripts": {
+        "build": "vite build && vite build --mode all && vite build --mode button && vite build --mode badge && vite build --mode progress",
+        "prepublishOnly": "npm run build",
+        "preview": "vite preview",
+        "typecheck": "tsc -p tsconfig.json --noEmit"
+    },
+    "devDependencies": {
+        "lightningcss": "^1.32.0",
+        "typescript": "^5.0.0",
+        "vite": "^8.1.0"
+    },
+    "sideEffects": [
+        "./dist/all.js",
+        "./dist/badge.js",
+        "./dist/button.js",
+        "./dist/progress.js",
+        "./dist/browser.js",
+        "./dist/button.browser.js",
+        "./dist/badge.browser.js",
+        "./dist/progress.browser.js",
+        "./lib/all.ts",
+        "./lib/browser.ts",
+        "./lib/button.ts",
+        "./lib/badge.ts",
+        "./lib/progress.ts",
+        "./lib/button.browser.ts",
+        "./lib/badge.browser.ts",
+        "./lib/progress.browser.ts"
+    ]
+}