@noctuatech/uswds 0.0.31 → 0.0.33

package/README.md

@@ -23,7 +23,7 @@ npm i @noctuatech/uswds
   }
 </style>
 
-<script src="/node_modules/@noctuatech/uswds/assets/uswds.min.js"></script>
+<script type="module" src="https://esm.sh/@noctuatech/uswds@latest"></script>
 
 <usa-config icon-path="/node_modules/@noctuatech/uswds/assets/usa-icons/">
   <usa-alert type="info">
@@ -33,6 +33,18 @@ npm i @noctuatech/uswds
     <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
     eiusmod.
   </usa-alert>
+  
+  <form>
+    <usa-input name="username">
+      First name
+    </usa-input>
+
+    <usa-input name="password">
+      Last name
+    </usa-input>
+
+    <usa-button type="submit">Submit</usa-button>
+  </form>
 </usa-config>
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noctuatech/uswds",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "workspaces": ["packages/**"],
   "main": "./target/lib.js",
@@ -29,7 +29,7 @@
       "dependencies": ["tsc"]
     },
     "build": {
-      "dependencies": ["tsc", "build-storybook", "rollup", "copy_icons"]
+      "dependencies": ["tsc", "build-storybook", "copy_icons"]
     },
     "preview": {
       "command": "browser-sync start --server --files \"target/**\" \"index.html\"",
@@ -51,17 +51,6 @@
       "output": ["target/**", "tsconfig.tsbuildinfo"],
       "dependencies": ["./packages/testing:build"]
     },
-    "rollup": {
-      "command": "rollup -c rollup.config.js",
-      "files": ["target/**", "rollup.config.js"],
-      "output": ["assets/uswds.min.js"],
-      "dependencies": [
-        {
-          "script": "tsc",
-          "cascade": false
-        }
-      ]
-    },
     "copy_icons": {
       "command": "cp -a node_modules/@uswds/uswds/dist/img/usa-icons/. assets/usa-icons/",
       "files": ["node_modules/@uswds/uswds/dist/img/usa-icons/**"],
@@ -72,9 +61,9 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@joist/di": "^4.0.0-next.48",
-    "@joist/element": "^4.0.0-next.48",
-    "@joist/observable": "^4.0.0-next.48",
+    "@joist/di": "^4.0.0",
+    "@joist/element": "^4.0.0",
+    "@joist/observable": "^4.0.0",
     "tslib": "2.8.1"
   },
   "devDependencies": {
@@ -82,24 +71,22 @@
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-essentials": "^8.5.1",
-    "@storybook/web-components": "^8.5.1",
-    "@storybook/web-components-vite": "^8.5.1",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/web-components": "^8.6.0",
+    "@storybook/web-components-vite": "^8.6.0",
     "@types/mocha": "^10.0.7",
     "@types/node": "^22.0.0",
     "@uswds/uswds": "^3.10.0",
-    "@web/test-runner": "^0.19.0",
+    "@web/test-runner": "^0.20.0",
     "browser-sync": "^3.0.3",
     "husky": "^9.0.11",
     "js-beautify": "^1.15.1",
     "lint-staged": "^15.2.2",
     "lit": "^3.2.1",
-    "minify-html-literals": "^1.3.5",
     "mocha": "^11.0.0",
     "plop": "^4.0.1",
-    "rollup": "^4.28.0",
-    "storybook": "^8.5.1",
-    "typescript": "^5.6.3",
+    "storybook": "^8.6.0",
+    "typescript": "^5.8.0-beta",
     "wireit": "^0.14.9"
   },
   "lint-staged": {

package/src/lib/accordion/accordion.element.ts

@@ -1,5 +1,7 @@
 import { attr, css, element, html, listen, query } from "@joist/element";
 
+import { USAAccordionToggleEvent } from "./events.js";
+
 declare global {
   interface HTMLElementTagNameMap {
     "usa-accordion": USAAccordionElement;
@@ -111,8 +113,7 @@ export class USAAccordionElement extends HTMLElement {
   #details = query("details");
 
   attributeChangedCallback() {
-    const details = this.#details();
-    details.open = this.open;
+    this.#details({ open: this.open });
   }
 
   @listen("click", "summary")
@@ -131,17 +132,3 @@ export class USAAccordionElement extends HTMLElement {
     }
   }
 }
-
-class USAAccordionToggleEvent extends Event {
-  open;
-
-  get target() {
-    return super.target as USAAccordionElement;
-  }
-
-  constructor(open: boolean) {
-    super("usa::accordion::toggle", { bubbles: true });
-
-    this.open = open;
-  }
-}

package/src/lib/accordion/events.ts

@@ -0,0 +1,15 @@
+import type { USAAccordionElement } from "./accordion.element.js";
+
+export class USAAccordionToggleEvent extends Event {
+  open;
+
+  get target() {
+    return super.target as USAAccordionElement;
+  }
+
+  constructor(open: boolean) {
+    super("usa::accordion::toggle", { bubbles: true });
+
+    this.open = open;
+  }
+}

package/src/lib/alert/alert.element.ts

@@ -65,13 +65,6 @@ declare global {
       }
 
       #heading::slotted(*) {
-        font-family:
-          Source Sans Pro Web,
-          Helvetica Neue,
-          Helvetica,
-          Roboto,
-          Arial,
-          sans-serif;
         font-size: 1.33rem;
         line-height: 0.9;
         margin-top: 0;

package/src/lib/description/description.element.ts

@@ -16,7 +16,7 @@ declare global {
         margin-top: 0.5rem;
       }
     `,
-    html` <slot></slot> `,
+    html`<slot></slot>`,
   ],
 })
 export class USADescriptionElement extends HTMLElement {}

package/src/lib/file-input/file-input.element.ts

@@ -131,14 +131,12 @@ export class USAFileInputElement extends HTMLElement {
 
     const formData = new FormData();
 
-    if (this.files?.length) {
-      box.style.display = "none";
+    box.style.display = this.files?.length ? "none" : "flex";
 
+    if (this.files?.length) {
       for (const file of this.files) {
         formData.append(this.name, file);
       }
-    } else {
-      box.style.display = "flex";
     }
 
     this.#internals.setFormValue(formData);

package/src/lib/icon/icon-types.ts

@@ -71,7 +71,6 @@ export const ICON_TYPES = [
   "event",
   "expand_less",
   "expand_more",
-  "facebook",
   "fast_forward",
   "fast_rewind",
   "favorite",
@@ -85,7 +84,6 @@ export const ICON_TYPES = [
   "fingerprint",
   "first_page",
   "flag",
-  "flickr",
   "flight",
   "flooding",
   "folder",
@@ -93,7 +91,6 @@ export const ICON_TYPES = [
   "format_quote",
   "format_size",
   "forum",
-  "github",
   "grid_view",
   "group_add",
   "groups",
@@ -112,7 +109,6 @@ export const ICON_TYPES = [
   "info",
   "info_outline",
   "insights",
-  "instagram",
   "keyboard",
   "label",
   "language",
@@ -122,7 +118,6 @@ export const ICON_TYPES = [
   "lightbulb_outline",
   "link",
   "link_off",
-  "linkedin",
   "list",
   "local_cafe",
   "local_fire_department",
@@ -222,7 +217,6 @@ export const ICON_TYPES = [
   "translate",
   "trending_down",
   "trending_up",
-  "twitter",
   "undo",
   "unfold_less",
   "unfold_more",
@@ -237,8 +231,6 @@ export const ICON_TYPES = [
   "wash",
   "wifi",
   "work",
-  "x",
-  "youtube",
   "zoom_in",
   "zoom_out_map",
   "zoom_out",

package/src/lib/input/input.element.ts

@@ -1,5 +1,5 @@
 import { attr, css, element, html, listen, query, ready } from "@joist/element";
-import { type Changes, effect, observe } from "@joist/observable";
+import { effect, observe } from "@joist/observable";
 
 import type { MaskableElement } from "../input-mask/maskable.element.js";
 
@@ -105,6 +105,9 @@ export class USATextInputElement
   @attr()
   accessor required = false;
 
+  @attr()
+  accessor type: "text" | "password" | "number" = "text";
+
   @attr({
     observed: false,
   })
@@ -131,11 +134,9 @@ export class USATextInputElement
   }
 
   attributeChangedCallback() {
-    this.#input({
-      autocomplete: this.autocomplete,
-      placeholder: this.placeholder,
-      name: this.name,
-    });
+    const { autocomplete, placeholder, name, type } = this;
+
+    this.#input({ autocomplete, placeholder, name, type });
   }
 
   connectedCallback() {
@@ -143,20 +144,10 @@ export class USATextInputElement
   }
 
   @effect()
-  onChange(changes: Changes<this>) {
-    const input = this.#input();
+  onChange() {
+    const { value, selectionStart, selectionEnd } = this;
 
-    if (input.value !== this.value) {
-      input.value = this.value;
-    }
-
-    if (changes.has("selectionStart")) {
-      input.selectionStart = this.selectionStart;
-    }
-
-    if (changes.has("selectionEnd")) {
-      input.selectionEnd = this.selectionEnd;
-    }
+    this.#input({ value, selectionStart, selectionEnd });
 
     this.#syncFormState();
   }

package/src/lib/input/input.stories.ts

@@ -16,7 +16,7 @@ const meta = {
 
         console.log(Array.from(data.entries()));
       }}>
-        <usa-input name="fname" value="Danny" autocomplete="off" detail="pfx">
+        <usa-input name="fname" autocomplete="off" detail="pfx">
           <usa-icon icon="credit_card" slot="detail"></usa-icon>
 
           First name

package/src/lib/input-mask/format.ts

@@ -1,10 +1,6 @@
-export enum PatternChar {
-  Any = "*",
-  Number = "9",
-  Letter = "A",
-}
+export const PATTERN_CHARS = ["*", "9", "A"] as const;
 
-export const PATTERN_CHARS = Object.values(PatternChar);
+export type PatternChar = (typeof PATTERN_CHARS)[number];
 
 export const REG_EXPS = {
   Letters: /^[a-z]/i,
@@ -28,24 +24,26 @@ export function format(value: string, pattern: string): FormattedResult {
     const char = chars[count];
 
     if (char && patternChar) {
-      if (patternChar === PatternChar.Any) {
-        // Any letter or number
-        formatted += char;
-        count++;
-      } else if (patternChar === PatternChar.Number) {
-        // Numbers only
-        if (/^[0-9]/i.test(char)) {
-          formatted += char;
-        }
-
-        count++;
-      } else if (patternChar === PatternChar.Letter) {
-        // Letters only
-        if (/^[a-z]/i.test(char)) {
+      if (isPatternChar(patternChar)) {
+        if (patternChar === "*") {
+          // Any letter or number
           formatted += char;
+          count++;
+        } else if (patternChar === "9") {
+          // Numbers only
+          if (/^[0-9]/i.test(char)) {
+            formatted += char;
+          }
+
+          count++;
+        } else if (patternChar === "A") {
+          // Letters only
+          if (/^[a-z]/i.test(char)) {
+            formatted += char;
+          }
+
+          count++;
         }
-
-        count++;
       } else {
         formatted += patternChar;
       }
@@ -54,3 +52,7 @@ export function format(value: string, pattern: string): FormattedResult {
 
   return { raw, formatted };
 }
+
+export function isPatternChar(char: unknown): char is PatternChar {
+  return PATTERN_CHARS.some((c) => char === c);
+}

package/src/lib/input-mask/input-mask.element.ts

@@ -1,6 +1,6 @@
-import { attr, css, element, html, listen } from "@joist/element";
+import { attr, css, element, html, listen, queryAll } from "@joist/element";
 
-import { PATTERN_CHARS, PatternChar, REG_EXPS, format } from "./format.js";
+import { PATTERN_CHARS, type PatternChar, REG_EXPS, format } from "./format.js";
 import type { MaskableElement } from "./maskable.element.js";
 
 declare global {
@@ -24,8 +24,10 @@ export class USAInputMaskElement extends HTMLElement {
   @attr()
   accessor mask = "";
 
+  #maskables = queryAll<MaskableElement>("[mask]", this);
+
   connectedCallback() {
-    for (const input of this.querySelectorAll<MaskableElement>("[mask]")) {
+    for (const input of this.#maskables()) {
       const { formatted } = format(input.value, this.#getMaskFor(input));
 
       if (formatted) {
@@ -62,7 +64,7 @@ export class USAInputMaskElement extends HTMLElement {
   onKeyDown(e: KeyboardEvent) {
     const input = e.target as MaskableElement;
     const mask = this.#getMaskFor(input);
-    const patternChar = mask[input.selectionStart || 0];
+    const patternChar = mask[input.selectionStart || 0] as PatternChar;
 
     if (e.key.length === 1 && /^[a-z0-9]/i.test(e.key)) {
       // check that the key is a single character and that it is a letter or number
@@ -70,12 +72,12 @@ export class USAInputMaskElement extends HTMLElement {
       if (input.value.length >= mask.length) {
         // prevent default once value is the same as the mask length
         e.preventDefault();
-      } else if (patternChar === PatternChar.Number) {
+      } else if (patternChar === "9") {
         if (!REG_EXPS.Numbers.test(e.key)) {
           // if pattern char specifies number and is not
           e.preventDefault();
         }
-      } else if (patternChar === PatternChar.Letter) {
+      } else if (patternChar === "A") {
         if (!REG_EXPS.Letters.test(e.key)) {
           // if pattern char specifies letter and is not
           e.preventDefault();

package/src/lib/radio/radio-option/radio-option.element.ts

@@ -43,32 +43,31 @@ export class USARadioOptionElement extends HTMLElement {
   #radio = inject(RADIO_CTX);
 
   #observer = new MutationObserver(() => {
-    const input = this.#input();
     const radio = this.#radio();
 
-    input.name = radio.name;
-    input.checked = radio.value === this.value;
+    this.#input({
+      name: radio.name,
+      checked: radio.value === this.value,
+    });
   });
 
   attributeChangedCallback() {
-    const input = this.#input();
-    const slot = this.#slot();
+    this.#input({ value: this.value });
+    this.#slot({ name: this.value });
 
     this.slot = this.value;
-
-    slot.name = this.value;
-    input.value = this.value;
   }
 
   @injected()
   onInjected() {
-    const input = this.#input();
     const radio = this.#radio();
 
     radio.addRadioOption(this.#label());
 
-    input.name = radio.name;
-    input.checked = radio.value === this.value;
+    this.#input({
+      name: radio.name,
+      checked: radio.value === this.value,
+    });
 
     this.#observer.observe(radio, {
       attributeFilter: ["value", "name"],

package/src/lib/radio/radio.element.ts

@@ -18,6 +18,10 @@ declare global {
   shadowDom: [
     css`
       :host {
+        --usa-radio-active-color: #005ea2;
+        --usa-radio-tiled-bg: rgba(0, 94, 162, 0.1);
+        --usa-radio-focus-color: #2491ff;
+
         display: flex;
         flex-direction: column;
         gap: 1rem;
@@ -51,14 +55,14 @@ declare global {
       }
 
       label:has(input:checked)::before {
-        background-color: #005ea2;
+        background-color: var(--usa-radio-active-color);
         box-shadow:
-          0 0 0 2px #005ea2,
+          0 0 0 2px var(--usa-radio-active-color),
           inset 0 0 0 2px #fff;
       }
 
       label:has(input:focus)::before {
-        outline: 0.25rem solid #2491ff;
+        outline: 0.25rem solid var(--usa-radio-focus-color);
         outline-offset: 0.25rem;
       }
 
@@ -75,8 +79,8 @@ declare global {
       }
 
       :host([tiled]) label:has(input:checked) {
-        background-color: rgba(0, 94, 162, 0.1);
-        border-color: #005ea2;
+        background-color: var(--usa-radio-tiled-bg);
+        border-color: var(--usa-radio-active-color);
       }
 
       slot {

package/src/lib/select/select-option/select-option.element.ts

@@ -1,6 +1,6 @@
+import { inject, injectable, injected } from "@joist/di";
 import { attr, css, element, html, listen } from "@joist/element";
 
-import { inject, injectable, injected } from "@joist/di";
 import { SELECT_CONTEXT } from "../context.js";
 
 declare global {
@@ -20,7 +20,9 @@ declare global {
     html`<slot></slot>`,
   ],
 })
-@injectable()
+@injectable({
+  name: "usa-select-option-ctx",
+})
 export class USASelecOptionElement extends HTMLElement {
   @attr()
   accessor value = "";

package/src/lib/textarea/textarea.element.ts

@@ -18,12 +18,14 @@ declare global {
       :host {
         font-size: 1.06rem;
         line-height: 1.3;
-        display: block;
+        display: flex;
+        flex-direction: column;
         font-weight: 400;
-        max-width: 30rem;
         margin-bottom: 1.5rem;
+        max-width: 30rem;
         position: relative;
-        height: calc(6lh + .5rem);
+        height: 9lh;
+        gap: 0.5rem;
       }
 
       textarea {
@@ -32,7 +34,6 @@ declare global {
         border-radius: 0;
         color: #1b1b1b;
         display: block;
-        margin-top: .5rem;
         max-width: 30rem;
         padding: .5rem;
         border-width: 1px;
@@ -42,8 +43,8 @@ declare global {
         -moz-appearance: none;
         appearance: none;
         width: 100%;
-        height: 100%;
         resize: none;
+        flex-grow: 1;
       }
 
       textarea:not(:disabled):focus {
@@ -52,11 +53,11 @@ declare global {
       }
     `,
     html`
-      <label>
+      <label for="textarea">
         <slot></slot>
-
-        <textarea></textarea>
       </label>
+      
+      <textarea id="textarea"></textarea>
     `,
   ],
 })
@@ -96,9 +97,7 @@ export class USATextareaElement extends HTMLElement {
 
   @effect()
   onChange() {
-    this.#input({
-      value: this.value,
-    });
+    this.#input({ value: this.value });
 
     this.#syncFormState();
   }
@@ -109,11 +108,9 @@ export class USATextareaElement extends HTMLElement {
   }
 
   attributeChangedCallback() {
-    this.#input({
-      name: this.name,
-      placeholder: this.placeholder,
-      autocomplete: this.autocomplete,
-    });
+    const { name, placeholder, autocomplete } = this;
+
+    this.#input({ name, placeholder, autocomplete });
   }
 
   #syncFormState() {

package/target/lib/accordion/accordion.element.d.ts

@@ -1,3 +1,4 @@
+import { USAAccordionToggleEvent } from "./events.js";
 declare global {
     interface HTMLElementTagNameMap {
         "usa-accordion": USAAccordionElement;
@@ -11,9 +12,3 @@ export declare class USAAccordionElement extends HTMLElement {
     onClick(e: Event): void;
     onAccordionToggle(e: USAAccordionToggleEvent): void;
 }
-declare class USAAccordionToggleEvent extends Event {
-    open: boolean;
-    get target(): USAAccordionElement;
-    constructor(open: boolean);
-}
-export {};

package/target/lib/accordion/accordion.element.js

@@ -1,5 +1,6 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { attr, css, element, html, listen, query } from "@joist/element";
+import { USAAccordionToggleEvent } from "./events.js";
 let USAAccordionElement = (() => {
     let _classDecorators = [element({
             tagName: "usa-accordion",
@@ -134,8 +135,7 @@ let USAAccordionElement = (() => {
         set open(value) { this.#open_accessor_storage = value; }
         #details = (__runInitializers(this, _open_extraInitializers), query("details"));
         attributeChangedCallback() {
-            const details = this.#details();
-            details.open = this.open;
+            this.#details({ open: this.open });
         }
         onClick(e) {
             e.preventDefault();
@@ -153,14 +153,4 @@ let USAAccordionElement = (() => {
     return USAAccordionElement = _classThis;
 })();
 export { USAAccordionElement };
-class USAAccordionToggleEvent extends Event {
-    open;
-    get target() {
-        return super.target;
-    }
-    constructor(open) {
-        super("usa::accordion::toggle", { bubbles: true });
-        this.open = open;
-    }
-}
 //# sourceMappingURL=accordion.element.js.map

package/target/lib/accordion/accordion.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAuG5D,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAnBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAUtB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA5BH,6KA6BC;;;YA7BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA5BU,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IACzC,IAAI,CAAC;IAEL,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
+{"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAuGzC,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCASN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAlBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAStB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA3BH,6KA4BC;;;YA5BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA3BU,mBAAmB"}

package/target/lib/accordion/events.d.ts

@@ -0,0 +1,6 @@
+import type { USAAccordionElement } from "./accordion.element.js";
+export declare class USAAccordionToggleEvent extends Event {
+    open: boolean;
+    get target(): USAAccordionElement;
+    constructor(open: boolean);
+}