@noctuatech/uswds 0.0.1

package/target/lib/select/select.element.js

@@ -0,0 +1,144 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { attr, css, element, html, listen, query } from "@joist/element";
+let USASelectElement = (() => {
+    var _USASelectElement_instances, _USASelectElement_select, _USASelectElement_internals, _USASelectElement_createId, _USASelectElement_value_accessor_storage, _USASelectElement_name_accessor_storage;
+    let _classDecorators = [element({
+            tagName: "usa-select",
+            shadowDom: [
+                css `
+      :host {
+        display: block;
+        font-family:
+          Source Sans Pro Web,
+          Helvetica Neue,
+          Helvetica,
+          Roboto,
+          Arial,
+          sans-serif;
+        line-height: 1.3;
+        position: relative;
+        width: 100%;
+        max-width: 30rem;
+      }
+
+      select {
+        font-size: 1.06rem;
+        appearance: none;
+        border-width: 1px;
+        border-color: #5c5c5c;
+        border-style: solid;
+        border-radius: 0;
+        color: #1b1b1b;
+        display: block;
+        height: 2.5rem;
+        margin-top: 0.5rem;
+        padding: 0.5rem;
+        width: 100%;
+      }
+
+      select:not(:disabled):focus {
+        outline: 0.25rem solid #2491ff;
+        outline-offset: 0;
+      }
+
+      usa-icon {
+        position: absolute;
+        right: 0.5rem;
+        bottom: 12%;
+        height: 1.5rem;
+        width: 1.5rem;
+      }
+    `,
+                html `
+      <usa-icon icon="unfold_more"></usa-icon>
+
+      <label>
+        <div class="label">
+          <slot></slot>
+        </div>
+
+        <select></select>
+      </label>
+    `,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _onSelectChange_decorators;
+    var USASelectElement = _classThis = class extends _classSuper {
+        constructor() {
+            super(...arguments);
+            _USASelectElement_instances.add(this);
+            _USASelectElement_value_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, "")));
+            _USASelectElement_name_accessor_storage.set(this, (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _name_initializers, "")));
+            _USASelectElement_select.set(this, (__runInitializers(this, _name_extraInitializers), query("select")));
+            _USASelectElement_internals.set(this, this.attachInternals());
+        }
+        get value() { return __classPrivateFieldGet(this, _USASelectElement_value_accessor_storage, "f"); }
+        set value(value) { __classPrivateFieldSet(this, _USASelectElement_value_accessor_storage, value, "f"); }
+        get name() { return __classPrivateFieldGet(this, _USASelectElement_name_accessor_storage, "f"); }
+        set name(value) { __classPrivateFieldSet(this, _USASelectElement_name_accessor_storage, value, "f"); }
+        connectedCallback() {
+            const select = __classPrivateFieldGet(this, _USASelectElement_select, "f").call(this);
+            select.value = this.value;
+            select.name = this.name;
+            __classPrivateFieldGet(this, _USASelectElement_internals, "f").setFormValue(this.value);
+        }
+        onSelectChange() {
+            const select = __classPrivateFieldGet(this, _USASelectElement_select, "f").call(this);
+            __classPrivateFieldGet(this, _USASelectElement_internals, "f").setFormValue(select.value);
+        }
+        onOptionAdded(el) {
+            const option = document.createElement("option");
+            option.value = el.value;
+            option.innerHTML = el.innerHTML;
+            option.id = __classPrivateFieldGet(this, _USASelectElement_instances, "m", _USASelectElement_createId).call(this, el.value);
+            const select = __classPrivateFieldGet(this, _USASelectElement_select, "f").call(this);
+            select.append(option);
+        }
+        onOptionRemoved(el) {
+            const select = __classPrivateFieldGet(this, _USASelectElement_select, "f").call(this);
+            const option = select.querySelector(`#${__classPrivateFieldGet(this, _USASelectElement_instances, "m", _USASelectElement_createId).call(this, el.value)}`);
+            if (option) {
+                option.remove();
+            }
+        }
+    };
+    _USASelectElement_select = new WeakMap();
+    _USASelectElement_internals = new WeakMap();
+    _USASelectElement_instances = new WeakSet();
+    _USASelectElement_value_accessor_storage = new WeakMap();
+    _USASelectElement_name_accessor_storage = new WeakMap();
+    _USASelectElement_createId = function _USASelectElement_createId(val) {
+        return val.split(" ").join("-").toLowerCase();
+    };
+    __setFunctionName(_classThis, "USASelectElement");
+    (() => {
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+        _value_decorators = [attr()];
+        _name_decorators = [attr()];
+        _onSelectChange_decorators = [listen("change")];
+        __esDecorate(_classThis, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+        __esDecorate(_classThis, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+        __esDecorate(_classThis, null, _onSelectChange_decorators, { kind: "method", name: "onSelectChange", static: false, private: false, access: { has: obj => "onSelectChange" in obj, get: obj => obj.onSelectChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        USASelectElement = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    })();
+    _classThis.formAssociated = true;
+    (() => {
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return USASelectElement = _classThis;
+})();
+export { USASelectElement };
+//# sourceMappingURL=select.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.element.js","sourceRoot":"","sources":["../../../src/lib/select/select.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAsE5D,gBAAgB;;4BA5D5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;gBACD,IAAI,CAAA;;;;;;;;;;KAUH;aACF;SACF,CAAC;;;;sBACoC,WAAW;;;;;;;;;6CAAnB,SAAQ,WAAW;;;;YAItC,oDAJE,mDAAgB,+CAIV,EAAE,IAAC;YAGX,kJAAO,EAAE,IAAC;YAEnB,sFAAU,KAAK,CAAC,QAAQ,CAAC,GAAC;YAC1B,sCAAa,IAAI,CAAC,eAAe,EAAE,EAAC;QAwCtC,CAAC;QA9CC,IAAS,KAAK,0FAAM;QAApB,IAAS,KAAK,+FAAM;QAGpB,IAAS,IAAI,yFAAM;QAAnB,IAAS,IAAI,8FAAM;QAKnB,iBAAiB;YACf,MAAM,MAAM,GAAG,uBAAA,IAAI,gCAAQ,MAAZ,IAAI,CAAU,CAAC;YAC9B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAExB,uBAAA,IAAI,mCAAW,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAGD,cAAc;YACZ,MAAM,MAAM,GAAG,uBAAA,IAAI,gCAAQ,MAAZ,IAAI,CAAU,CAAC;YAE9B,uBAAA,IAAI,mCAAW,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;QAED,aAAa,CAAC,EAAyB;YACrC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;YACxB,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;YAChC,MAAM,CAAC,EAAE,GAAG,uBAAA,IAAI,+DAAU,MAAd,IAAI,EAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YAErC,MAAM,MAAM,GAAG,uBAAA,IAAI,gCAAQ,MAAZ,IAAI,CAAU,CAAC;YAE9B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;QAED,eAAe,CAAC,EAAyB;YACvC,MAAM,MAAM,GAAG,uBAAA,IAAI,gCAAQ,MAAZ,IAAI,CAAU,CAAC;YAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,IAAI,uBAAA,IAAI,+DAAU,MAAd,IAAI,EAAW,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAEpE,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;;;;;;;qEAES,GAAW;QACnB,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IAChD,CAAC;;;;6BA9CA,IAAI,EAAE;4BAGN,IAAI,EAAE;sCAcN,MAAM,CAAC,QAAQ,CAAC;QAhBjB,0KAAS,KAAK,6BAAL,KAAK,qFAAM;QAGpB,uKAAS,IAAI,6BAAJ,IAAI,mFAAM;QAcnB,mMAAA,cAAc,6DAIb;QAzBH,6KAkDC;;;;IAjDQ,yBAAc,GAAG,IAAI,AAAP,CAAQ;;QADlB,uDAAgB;;;;SAAhB,gBAAgB"}

package/target/lib/select/select.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/web-components";
+import type { USASelectElement } from "./select.element.js";
+declare const meta: {
+    title: string;
+    tags: string[];
+    render(args: USASelectElement): import("lit-html").TemplateResult<1>;
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<USASelectElement>;
+export declare const Primary: Story;

package/target/lib/select/select.stories.js

@@ -0,0 +1,26 @@
+import { html } from "lit";
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+    title: "usa-select",
+    tags: ["autodocs"],
+    render(args) {
+        return html `
+      <usa-select>
+        Hello World
+
+        <usa-select-option value="first">first</usa-select-option>
+        <usa-select-option value="second">second</usa-select-option>
+        <usa-select-option value="third">third</usa-select-option>
+        <usa-select-option value="fourth">fourth</usa-select-option>
+      </usa-select>
+    `;
+    },
+    argTypes: {},
+    args: {},
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    args: {},
+};
+//# sourceMappingURL=select.stories.js.map

package/target/lib/select/select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../src/lib/select/select.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;;;;;;KASV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/select/select.test.d.ts

@@ -0,0 +1,2 @@
+import "./select.element.js";
+import "./select-option.element.js";

package/target/lib/select/select.test.js

@@ -0,0 +1,89 @@
+import "./select.element.js";
+import "./select-option.element.js";
+import { fixture, html, assert } from "@open-wc/testing";
+import { fireEvent } from "@noctuatech-uswds/testing";
+describe("usa-select", () => {
+    it("should be accessible", async () => {
+        const el = await fixture(html `
+      <usa-select name="example">
+        Hello World
+
+        <usa-select-option value="first">First</usa-select-option>
+        <usa-select-option value="second">Second</usa-select-option>
+        <usa-select-option value="third">Third</usa-select-option>
+      </usa-select>
+    `);
+        return assert.isAccessible(el);
+    });
+    it("should create local select options", async () => {
+        const form = await fixture(html `
+      <form>
+        <usa-select name="example">
+          Hello World
+
+          <usa-select-option value="first">First</usa-select-option>
+          <usa-select-option value="second">Second</usa-select-option>
+          <usa-select-option value="third">Third</usa-select-option>
+        </usa-select>
+      </form>
+    `);
+        const nativeInputs = form
+            .querySelector("usa-select")
+            .shadowRoot.querySelectorAll("option");
+        assert.deepEqual(Array.from(nativeInputs).map((input) => input.value), ["first", "second", "third"]);
+    });
+    it("should remove select options when options are removed", async () => {
+        const form = await fixture(html `
+      <form>
+        <usa-select name="example">
+          Hello World
+
+          <usa-select-option value="first">First</usa-select-option>
+          <usa-select-option value="second">Second</usa-select-option>
+          <usa-select-option value="third">Third</usa-select-option>
+        </usa-select>
+      </form>
+    `);
+        const options = form.querySelectorAll("usa-select-option");
+        options[1].remove();
+        const nativeInputs = form
+            .querySelector("usa-select")
+            .shadowRoot.querySelectorAll("option");
+        assert.deepEqual(Array.from(nativeInputs).map((input) => input.value), ["first", "third"]);
+    });
+    it("should submit form with default values", async () => {
+        const form = await fixture(html `
+      <form>
+        <usa-select name="example" value="second">
+          Hello World
+
+          <usa-select-option value="first">First</usa-select-option>
+          <usa-select-option value="second">Second</usa-select-option>
+          <usa-select-option value="third">Third</usa-select-option>
+        </usa-select>
+      </form>
+    `);
+        const value = new FormData(form);
+        assert.equal(value.get("example"), "second");
+    });
+    it("should update form value as select value changed", async () => {
+        const form = await fixture(html `
+      <form>
+        <usa-select name="example" value="second">
+          Hello World
+
+          <usa-select-option value="first">First</usa-select-option>
+          <usa-select-option value="second">Second</usa-select-option>
+          <usa-select-option value="third">Third</usa-select-option>
+        </usa-select>
+      </form>
+    `);
+        const select = form.querySelector("usa-select");
+        const nativeSelect = select.shadowRoot.querySelector("select");
+        nativeSelect.value = "third";
+        await fireEvent.change(nativeSelect, { bubbles: true });
+        const value = new FormData(form);
+        assert.equal(value.get("example"), "third");
+    });
+});
+//# sourceMappingURL=select.test.js.map

package/target/lib/select/select.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.test.js","sourceRoot":"","sources":["../../../src/lib/select/select.test.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;KAQ7C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;;;KAU/C,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,IAAI;aACtB,aAAa,CAAC,YAAY,CAAE;aAC5B,UAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,SAAS,CACd,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACpD,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAC7B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;;;KAU/C,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAE3D,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QAEpB,MAAM,YAAY,GAAG,IAAI;aACtB,aAAa,CAAC,YAAY,CAAE;aAC5B,UAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,SAAS,CACd,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACpD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;;;KAU/C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,IAAI,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;;;KAU/C,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAE,CAAC;QACjD,MAAM,YAAY,GAAG,MAAM,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QACjE,YAAY,CAAC,KAAK,GAAG,OAAO,CAAC;QAE7B,MAAM,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExD,MAAM,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-tag": USATagElement;
+    }
+}
+export declare const TAG_VARIANTS: readonly ["default", "big"];
+export type TagVariant = (typeof TAG_VARIANTS)[number];
+export declare class USATagElement extends HTMLElement {
+    accessor variant: TagVariant;
+}

package/target/lib/tag/tag.element.js

@@ -0,0 +1,66 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { attr, css, element, html } from "@joist/element";
+export const TAG_VARIANTS = ["default", "big"];
+let USATagElement = (() => {
+    var _USATagElement_variant_accessor_storage;
+    let _classDecorators = [element({
+            tagName: "usa-tag",
+            shadowDom: [
+                css `
+      :host {
+        font-family:
+          Source Sans Pro Web,
+          Helvetica Neue,
+          Helvetica,
+          Roboto,
+          Arial,
+          sans-serif;
+        font-size: 0.93rem;
+        color: #fff;
+        text-transform: uppercase;
+        background-color: #5c5c5c;
+        border-radius: 2px;
+        margin-right: 0.25rem;
+        padding: 1px 0.5rem;
+      }
+
+      :host([variant="big"]) {
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+        font-size: 1.06rem;
+      }
+    `,
+                html `<slot></slot>`,
+            ],
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    var USATagElement = _classThis = class extends _classSuper {
+        get variant() { return __classPrivateFieldGet(this, _USATagElement_variant_accessor_storage, "f"); }
+        set variant(value) { __classPrivateFieldSet(this, _USATagElement_variant_accessor_storage, value, "f"); }
+        constructor() {
+            super(...arguments);
+            _USATagElement_variant_accessor_storage.set(this, __runInitializers(this, _variant_initializers, "default"));
+            __runInitializers(this, _variant_extraInitializers);
+        }
+    };
+    _USATagElement_variant_accessor_storage = new WeakMap();
+    __setFunctionName(_classThis, "USATagElement");
+    (() => {
+        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+        _variant_decorators = [attr()];
+        __esDecorate(_classThis, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
+        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+        USATagElement = _classThis = _classDescriptor.value;
+        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        __runInitializers(_classThis, _classExtraInitializers);
+    })();
+    return USATagElement = _classThis;
+})();
+export { USATagElement };
+//# sourceMappingURL=tag.element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.element.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,KAAK,CAAU,CAAC;IAkC3C,aAAa;;4BA9BzB,OAAO,CAAC;YACP,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAuBF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACiC,WAAW;;;;0CAAnB,SAAQ,WAAW;QAE5C,IAAS,OAAO,yFAAyB;QAAzC,IAAS,OAAO,8FAAyB;;;YAAhC,iGAAsB,SAAS,GAAC;;;;;;;;+BADxC,IAAI,EAAE;QACP,gLAAS,OAAO,6BAAP,OAAO,yFAAyB;QAF3C,6KAGC;;;QAHY,uDAAa;;;;SAAb,aAAa"}

package/target/lib/tag/tag.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from "@storybook/web-components";
+import { type USATagElement } from "./tag.element.js";
+declare const meta: {
+    title: string;
+    tags: string[];
+    render(args: USATagElement): import("lit-html").TemplateResult<1>;
+    argTypes: {
+        variant: {
+            control: "select";
+            options: readonly ["default", "big"];
+        };
+    };
+    args: {
+        variant: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<USATagElement>;
+export declare const Primary: Story;

package/target/lib/tag/tag.stories.js

@@ -0,0 +1,25 @@
+import { html } from "lit";
+import { TAG_VARIANTS } from "./tag.element.js";
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+    title: "usa-tag",
+    tags: ["autodocs"],
+    render(args) {
+        return html `<usa-tag variant=${args.variant}>Hello World</usa-tag>`;
+    },
+    argTypes: {
+        variant: {
+            control: "select",
+            options: TAG_VARIANTS,
+        },
+    },
+    args: {
+        variant: "default",
+    },
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    args: {},
+};
+//# sourceMappingURL=tag.stories.js.map

package/target/lib/tag/tag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.stories.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAEpE,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,OAAO,wBAAwB,CAAC;IACtE,CAAC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,YAAY;SACtB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CAC4B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

package/target/lib/tag/tag.test.d.ts

@@ -0,0 +1 @@
+import "./tag.element.js";

package/target/lib/tag/tag.test.js

@@ -0,0 +1,11 @@
+import "./tag.element.js";
+import { fixture, html, assert } from "@open-wc/testing";
+describe("usa-tag", () => {
+    it("should be accessible", async () => {
+        const tag = await fixture(html `
+      <usa-tag>Hello World</usa-tag>
+    `);
+        return assert.isAccessible(tag);
+    });
+});
+//# sourceMappingURL=tag.test.js.map

package/target/lib/tag/tag.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.test.js","sourceRoot":"","sources":["../../../src/lib/tag/tag.test.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,GAAG,GAAG,MAAM,OAAO,CAAgB,IAAI,CAAA;;KAE5C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib.d.ts

@@ -0,0 +1,13 @@
+export { USAAlertElement } from "./lib/alert/alert.element.js";
+export { USAButtonElement } from "./lib/button/button.element.js";
+export { USACheckboxElement } from "./lib/checkbox/checkbox.element.js";
+export { USADescriptionElement } from "./lib/description/description.element.js";
+export { USAIconElement } from "./lib/icon/icon.element.js";
+export { USATextInputElement } from "./lib/input/input.element.js";
+export { USAInputMaskElement } from "./lib/input-mask/input-mask.element.js";
+export { USALinkElement } from "./lib/link/link.element.js";
+export { USARadioElement } from "./lib/radio/radio.element.js";
+export { USARadioOptionElement } from "./lib/radio/radio-option.element.js";
+export { USASelectElement } from "./lib/select/select.element.js";
+export { USASelecOptionElement } from "./lib/select/select-option.element.js";
+export { USATagElement } from "./lib/tag/tag.element.js";

package/target/lib.js

@@ -0,0 +1,14 @@
+export { USAAlertElement } from "./lib/alert/alert.element.js";
+export { USAButtonElement } from "./lib/button/button.element.js";
+export { USACheckboxElement } from "./lib/checkbox/checkbox.element.js";
+export { USADescriptionElement } from "./lib/description/description.element.js";
+export { USAIconElement } from "./lib/icon/icon.element.js";
+export { USATextInputElement } from "./lib/input/input.element.js";
+export { USAInputMaskElement } from "./lib/input-mask/input-mask.element.js";
+export { USALinkElement } from "./lib/link/link.element.js";
+export { USARadioElement } from "./lib/radio/radio.element.js";
+export { USARadioOptionElement } from "./lib/radio/radio-option.element.js";
+export { USASelectElement } from "./lib/select/select.element.js";
+export { USASelecOptionElement } from "./lib/select/select-option.element.js";
+export { USATagElement } from "./lib/tag/tag.element.js";
+//# sourceMappingURL=lib.js.map

package/target/lib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}