@compa11y/web 0.1.2 → 0.1.3

package/dist/compa11y.iife.js

@@ -1630,4 +1630,3 @@ var compa11y=function(l,o){"use strict";class u extends HTMLElement{constructor(
         <slot></slot>
       </div>
     `}setupEventListeners(){this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}cleanupEventListeners(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown)}updateVisual(){if(!this.shadowRoot)return;const e=this.shadowRoot.querySelector(".radio-dot");e&&(e.style.opacity=this._checked?"1":"0",e.style.transform=this._checked?"scale(1)":"scale(0)");const t=this.shadowRoot.querySelector(".radio-circle");t&&(this._checked?(t.style.background="var(--compa11y-radio-checked-bg, #0066cc)",t.style.borderColor="var(--compa11y-radio-checked-border, #0066cc)"):(t.style.background="var(--compa11y-radio-bg, white)",t.style.borderColor=""))}attributeChangedCallback(e,t,i){if(t!==i)switch(e){case"value":this._value=i||"";break;case"checked":this._checked=i!==null,this.setAttribute("aria-checked",String(this._checked)),this.updateVisual();break;case"disabled":this._disabled=i!==null,this._disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled");break;case"discoverable":i===null?this._discoverable=!0:i==="false"||i==="0"?this._discoverable=!1:this._discoverable=!0;break;case"label":case"hint":this.render();break}}}if(b("a11y-radio-group",j),b("a11y-radio",U),typeof window<"u"){const d=()=>{o.initAnnouncer(),o.initFocusVisible()};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",d):d(),window.compa11y={A11yDialog:O,A11yMenu:z,A11yTabs:q,A11yCombobox:D,A11ySwitch:T,A11ySelect:R,A11yInput:B,A11yTextarea:H,A11yButton:P,A11yListbox:K,A11yOption:F,A11yOptgroup:M,A11yCheckbox:L,A11yCheckboxGroup:N,A11yRadioGroup:j,A11yRadio:U,initAnnouncer:o.initAnnouncer,announce:o.announce,announcePolite:o.announcePolite,announceAssertive:o.announceAssertive,announceStatus:o.announceStatus,announceError:o.announceError,initFocusVisible:o.initFocusVisible,createFocusTrap:o.createFocusTrap,createFocusScope:o.createFocusScope,createRovingTabindex:o.createRovingTabindex,createKeyboardManager:o.createKeyboardManager,KeyboardPatterns:o.KeyboardPatterns,createTypeAhead:o.createTypeAhead,aria:o.aria,buildAriaProps:o.buildAriaProps,hasAccessibleName:o.hasAccessibleName,isBrowser:o.isBrowser,prefersReducedMotion:o.prefersReducedMotion,prefersHighContrast:o.prefersHighContrast,prefersDarkMode:o.prefersDarkMode}}return Object.defineProperty(l,"KeyboardPatterns",{enumerable:!0,get:()=>o.KeyboardPatterns}),Object.defineProperty(l,"announce",{enumerable:!0,get:()=>o.announce}),Object.defineProperty(l,"announceAssertive",{enumerable:!0,get:()=>o.announceAssertive}),Object.defineProperty(l,"announceError",{enumerable:!0,get:()=>o.announceError}),Object.defineProperty(l,"announcePolite",{enumerable:!0,get:()=>o.announcePolite}),Object.defineProperty(l,"announceStatus",{enumerable:!0,get:()=>o.announceStatus}),Object.defineProperty(l,"aria",{enumerable:!0,get:()=>o.aria}),Object.defineProperty(l,"buildAriaProps",{enumerable:!0,get:()=>o.buildAriaProps}),Object.defineProperty(l,"createFocusScope",{enumerable:!0,get:()=>o.createFocusScope}),Object.defineProperty(l,"createFocusTrap",{enumerable:!0,get:()=>o.createFocusTrap}),Object.defineProperty(l,"createKeyboardManager",{enumerable:!0,get:()=>o.createKeyboardManager}),Object.defineProperty(l,"createRovingTabindex",{enumerable:!0,get:()=>o.createRovingTabindex}),Object.defineProperty(l,"createTypeAhead",{enumerable:!0,get:()=>o.createTypeAhead}),Object.defineProperty(l,"hasAccessibleName",{enumerable:!0,get:()=>o.hasAccessibleName}),Object.defineProperty(l,"initAnnouncer",{enumerable:!0,get:()=>o.initAnnouncer}),Object.defineProperty(l,"initFocusVisible",{enumerable:!0,get:()=>o.initFocusVisible}),Object.defineProperty(l,"isBrowser",{enumerable:!0,get:()=>o.isBrowser}),Object.defineProperty(l,"prefersDarkMode",{enumerable:!0,get:()=>o.prefersDarkMode}),Object.defineProperty(l,"prefersHighContrast",{enumerable:!0,get:()=>o.prefersHighContrast}),Object.defineProperty(l,"prefersReducedMotion",{enumerable:!0,get:()=>o.prefersReducedMotion}),l.A11yButton=P,l.A11yCheckbox=L,l.A11yCheckboxGroup=N,l.A11yCombobox=D,l.A11yDialog=O,l.A11yInput=B,l.A11yListbox=K,l.A11yMenu=z,l.A11yOptgroup=M,l.A11yOption=F,l.A11yRadio=U,l.A11yRadioGroup=j,l.A11ySelect=R,l.A11ySwitch=T,l.A11yTabs=q,l.A11yTextarea=H,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}),l}({},compa11yCore);
-//# sourceMappingURL=compa11y.iife.js.map

package/dist/compa11y.js

@@ -4305,4 +4305,3 @@ export {
   it as prefersHighContrast,
   st as prefersReducedMotion
 };
-//# sourceMappingURL=compa11y.js.map

package/dist/components/button.d.ts

@@ -29,4 +29,3 @@ export declare class A11yButton extends Compa11yElement {
     click(): void;
 }
 export default A11yButton;
-//# sourceMappingURL=button.d.ts.map

package/dist/components/checkbox.d.ts

@@ -157,4 +157,3 @@ export declare class A11yCheckboxGroup extends Compa11yElement {
     private syncDisabledState;
 }
 export default A11yCheckbox;
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/combobox.d.ts

@@ -48,4 +48,3 @@ export declare class A11yCombobox extends Compa11yElement {
     clear(): void;
 }
 export default A11yCombobox;
-//# sourceMappingURL=combobox.d.ts.map

package/dist/components/dialog.d.ts

@@ -33,4 +33,3 @@ export declare class A11yDialog extends Compa11yElement {
     close(): void;
 }
 export default A11yDialog;
-//# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog.test.d.ts

@@ -1,2 +1 @@
 
-//# sourceMappingURL=dialog.test.d.ts.map

package/dist/components/input.d.ts

@@ -38,4 +38,3 @@ export declare class A11yInput extends Compa11yElement {
     select(): void;
 }
 export default A11yInput;
-//# sourceMappingURL=input.d.ts.map

package/dist/components/listbox.d.ts

@@ -83,4 +83,3 @@ export declare class A11yListbox extends Compa11yElement {
     private handleKeyDown;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
 }
-//# sourceMappingURL=listbox.d.ts.map

package/dist/components/menu.d.ts

@@ -37,4 +37,3 @@ export declare class A11yMenu extends Compa11yElement {
     toggle(): void;
 }
 export default A11yMenu;
-//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu.test.d.ts

@@ -1,2 +1 @@
 
-//# sourceMappingURL=menu.test.d.ts.map

package/dist/components/radio-group.d.ts

@@ -84,4 +84,3 @@ export declare class A11yRadio extends Compa11yElement {
     private updateVisual;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
 }
-//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/select.d.ts

@@ -44,4 +44,3 @@ export declare class A11ySelect extends Compa11yElement {
     close(): void;
 }
 export default A11ySelect;
-//# sourceMappingURL=select.d.ts.map

package/dist/components/switch.d.ts

@@ -65,4 +65,3 @@ export declare class A11ySwitch extends Compa11yElement {
     setChecked(checked: boolean): void;
 }
 export default A11ySwitch;
-//# sourceMappingURL=switch.d.ts.map

package/dist/components/tabs.d.ts

@@ -32,4 +32,3 @@ export declare class A11yTabs extends Compa11yElement {
     previous(): void;
 }
 export default A11yTabs;
-//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.test.d.ts

@@ -1,2 +1 @@
 
-//# sourceMappingURL=tabs.test.d.ts.map

package/dist/components/textarea.d.ts

@@ -38,4 +38,3 @@ export declare class A11yTextarea extends Compa11yElement {
     select(): void;
 }
 export default A11yTextarea;
-//# sourceMappingURL=textarea.d.ts.map

package/dist/index.d.ts

@@ -14,4 +14,3 @@ import { initAnnouncer, announce, announcePolite, announceAssertive, announceSta
 
 export { A11yDialog, A11yMenu, A11yTabs, A11yCombobox, A11ySwitch, A11ySelect, A11yInput, A11yTextarea, A11yButton, A11yListbox, A11yOption, A11yOptgroup, A11yCheckbox, A11yCheckboxGroup, A11yRadioGroup, A11yRadio, };
 export { initAnnouncer, announce, announcePolite, announceAssertive, announceStatus, announceError, initFocusVisible, createFocusTrap, createFocusScope, createRovingTabindex, createKeyboardManager, KeyboardPatterns, createTypeAhead, aria, buildAriaProps, hasAccessibleName, isBrowser, prefersReducedMotion, prefersHighContrast, prefersDarkMode, };
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/base-element.d.ts

@@ -58,4 +58,3 @@ export declare abstract class Compa11yElement extends HTMLElement {
  * Helper to define a custom element safely
  */
 export declare function defineElement(name: string, constructor: CustomElementConstructor): void;
-//# sourceMappingURL=base-element.d.ts.map

package/dist/utils/styles.d.ts

@@ -72,4 +72,3 @@ export declare const RADIO_GROUP_STYLES = "\n  \n  :host {\n    display: block;\
  * Radio-specific styles
  */
 export declare const RADIO_STYLES = "\n  \n  :host {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  \n  :host(:focus-visible),\n  :focus-visible {\n    outline: 2px solid var(--compa11y-focus-color, #0066cc);\n    outline-offset: 2px;\n  }\n\n\n\n  :host {\n    display: inline-block;\n  }\n\n  .radio-wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--compa11y-radio-gap, 0.5rem);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  :host([disabled]) .radio-wrapper {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .radio-control {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .radio-input {\n    position: absolute;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: inherit;\n    z-index: 1;\n  }\n\n  .radio-circle {\n    width: var(--compa11y-radio-size, 1.25rem);\n    height: var(--compa11y-radio-size, 1.25rem);\n    min-width: 24px;\n    min-height: 24px;\n    border: var(--compa11y-radio-border, 2px solid #666);\n    border-radius: 50%;\n    background: var(--compa11y-radio-bg, white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.15s ease;\n    pointer-events: none;\n  }\n\n  :host([checked]) .radio-circle {\n    background: var(--compa11y-radio-checked-bg, #0066cc);\n    border-color: var(--compa11y-radio-checked-border, #0066cc);\n  }\n\n  /* Focus visible on circle when input is focused */\n  .radio-input:focus-visible + .radio-circle {\n    outline: 2px solid var(--compa11y-focus-color, #0066cc);\n    outline-offset: 2px;\n  }\n\n  /* Hover */\n  .radio-wrapper:hover:not([disabled]) .radio-circle {\n    border-color: var(--compa11y-radio-hover-border, #0066cc);\n  }\n\n  /* Inner dot */\n  .radio-dot {\n    width: var(--compa11y-radio-dot-size, 0.5rem);\n    height: var(--compa11y-radio-dot-size, 0.5rem);\n    border-radius: 50%;\n    background: var(--compa11y-radio-dot-color, white);\n    opacity: 0;\n    transform: scale(0);\n    transition: all 0.15s ease;\n  }\n\n  :host([checked]) .radio-dot {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  /* Label and text */\n  .radio-content {\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    padding-top: 0.125rem;\n  }\n\n  .radio-label {\n    color: var(--compa11y-radio-label-color, inherit);\n    font-size: var(--compa11y-radio-label-size, 1rem);\n    cursor: inherit;\n  }\n\n  .radio-hint {\n    color: var(--compa11y-radio-hint-color, #666);\n    font-size: var(--compa11y-radio-hint-size, 0.8125rem);\n  }\n\n  /* Forced colors / high contrast mode */\n  @media (forced-colors: active) {\n    .radio-circle {\n      border: 2px solid ButtonText;\n    }\n\n    :host([checked]) .radio-circle {\n      background: Highlight;\n      border-color: Highlight;\n    }\n\n    .radio-dot {\n      background: HighlightText;\n    }\n  }\n";
-//# sourceMappingURL=styles.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compa11y/web",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Accessible Web Components for any HTML page - CDN ready",
   "author": "Ivan Trajkovski",
   "license": "MIT",
@@ -83,7 +83,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@compa11y/core": "0.1.2"
+    "@compa11y/core": "0.1.3"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",