@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.57

package/dist/components/react/p-Djvj8fd2.js

@@ -1,80 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { a as checkEmptyOrUrl } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { d as defineCustomElement$1 } from './p-DBPOV12C.js';
-
-const postBreadcrumbItemCss = ":host{display:flex;align-items:center;justify-content:start;gap:var(--post-device-spacing-gap-inline-5)}:host post-icon{box-sizing:border-box;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);padding-block:var(--post-core-dimension-4);padding-inline:var(--post-core-dimension-4)}.breadcrumb-item{white-space:nowrap;line-height:150%;padding-block:var(--post-device-spacing-padding-block-7);color:var(--post-scheme-color-interactive-primary-enabled-fg1);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.breadcrumb-item:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item:focus-visible{border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.breadcrumb-item,.breadcrumb-item:focus,.breadcrumb-item:hover{color:LinkText !important}.breadcrumb-item:visited{color:VisitedText !important}}";
-
-const PostBreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class PostBreadcrumbItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    validateUrl() {
-        try {
-            this.validUrl = this.constructUrl(this.url);
-        }
-        catch (error) {
-            this.validUrl = undefined;
-        }
-    }
-    // Helper to construct a valid URL string or return undefined
-    constructUrl(value) {
-        const hasBaseURL = /^https?:\/\//.test(String(this.url));
-        if (typeof value === 'string') {
-            this.fullUrl = hasBaseURL ? value : `${window.location.origin}${value}`;
-            checkEmptyOrUrl(this, 'fullUrl');
-            return this.fullUrl;
-        }
-        return undefined;
-    }
-    connectedCallback() {
-        this.validateUrl();
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
-            const linkElement = this.host.shadowRoot?.querySelector('a');
-            if (linkElement) {
-                event.preventDefault();
-                linkElement.click();
-            }
-        }
-    }
-    render() {
-        const BreadcrumbTag = this.validUrl ? 'a' : 'span';
-        return (h(Host, { key: '9ccdcf67335a106fd70e1d756a941736827454c0', "data-version": version }, h("post-icon", { key: 'c2061015e34cc3c37d343abd872bd8bd3cc82615', name: "chevronright", class: "breadcrumb-item-icon" }), h(BreadcrumbTag, { key: '3e9659ac705d801699167864a06cde461bc84185', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, h("slot", { key: 'e86e3333db8b0636a9a9635a5f11960c7d839e3d' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "url": ["validateUrl"]
-    }; }
-    static get style() { return postBreadcrumbItemCss; }
-}, [1, "post-breadcrumb-item", {
-        "url": [1],
-        "fullUrl": [32]
-    }, undefined, {
-        "url": ["validateUrl"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-breadcrumb-item", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-breadcrumb-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostBreadcrumbItem);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PostBreadcrumbItem as P, defineCustomElement as d };

package/dist/components/react/p-LtiDhYis.js

@@ -1,137 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { c as checkRequiredAndType } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { E as EventFrom } from './p-CzIKqBrS.js';
-import { g as getRoot } from './p-CBFgkSgY.js';
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const PostCollapsibleTrigger = /*@__PURE__*/ proxyCustomElement(class PostCollapsibleTrigger extends H {
-    /**
-     * Set the "aria-controls" and "aria-expanded" attributes on the trigger to match the state of the controlled post-collapsible
-     */
-    validateAriaAttributes() {
-        checkRequiredAndType(this, 'for', 'string');
-    }
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.observer = new MutationObserver(() => this.setTrigger());
-        this.handlePostToggle = this.handlePostToggle.bind(this);
-    }
-    /**
-     * Initiate a mutation observer that updates the trigger whenever necessary
-     */
-    connectedCallback() {
-        this.root = getRoot(this.host);
-        this.root.addEventListener('postToggle', this.handlePostToggle);
-        this.observer.observe(this.host, { childList: true, subtree: true });
-    }
-    componentDidLoad() {
-        this.setTrigger();
-        if (!this.trigger)
-            console.warn('The post-collapsible-trigger must contain a button.');
-        this.validateAriaAttributes();
-    }
-    disconnectedCallback() {
-        this.observer.disconnect();
-        this.root?.removeEventListener('postToggle', this.handlePostToggle);
-    }
-    /**
-     * Update the "aria-controls" and "aria-expanded" attributes on the trigger button
-     */
-    async update() {
-        this.updateAriaAttributes();
-    }
-    /**
-     * Private handler for the 'postToggle' event.
-     * This updates the trigger's "aria-expanded" attribute based on the event detail.
-     */
-    handlePostToggle(e) {
-        if (this.trigger) {
-            this.trigger.setAttribute('aria-expanded', `${e.detail}`);
-        }
-    }
-    updateAriaAttributes() {
-        if (!this.trigger)
-            return;
-        // add the provided id to the aria-controls list
-        const ariaControls = this.trigger.getAttribute('aria-controls');
-        if (!ariaControls?.includes(this.for)) {
-            const newAriaControls = ariaControls ? `${ariaControls} ${this.for}` : this.for;
-            this.trigger.setAttribute('aria-controls', newAriaControls);
-        }
-        // set the aria-expanded to `false` if the controlled collapsible is collapsed or undefined, set it to `true` otherwise
-        const isCollapsed = this.collapsible?.collapsed;
-        const newAriaExpanded = isCollapsed !== undefined ? !isCollapsed : undefined;
-        this.trigger.setAttribute('aria-expanded', `${newAriaExpanded}`);
-    }
-    /**
-     * Toggle the post-collapsible controlled by the trigger
-     */
-    async toggleCollapsible() {
-        await this.collapsible?.toggle();
-    }
-    /**
-     * Retrieve the post-collapsible controlled by the trigger
-     */
-    get collapsible() {
-        const ref = this.root.getElementById(this.for);
-        if (ref && ref.localName === 'post-collapsible') {
-            return ref;
-        }
-        return null;
-    }
-    /**
-     * Find the button and add the proper event listener and ARIA attributes to it
-     */
-    setTrigger() {
-        const trigger = this.host.querySelector('button');
-        if (!trigger || (this.trigger && trigger.isEqualNode(this.trigger)))
-            return;
-        this.trigger = trigger;
-        this.trigger.addEventListener('click', () => this.toggleCollapsible());
-        this.updateAriaAttributes();
-    }
-    render() {
-        return (h(Host, { key: '1cd00cfdb29b9ce191b8eb1fe6a91ddab412d006', "data-version": version }, h("slot", { key: 'b0625b4f2074852609d4a3dd700c04e01fa34d0a' })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "for": ["validateAriaAttributes"]
-    }; }
-}, [1, "post-collapsible-trigger", {
-        "for": [513],
-        "update": [64]
-    }, undefined, {
-        "for": ["validateAriaAttributes"]
-    }]);
-__decorate([
-    EventFrom('post-collapsible')
-], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-collapsible-trigger"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-collapsible-trigger":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostCollapsibleTrigger);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PostCollapsibleTrigger as P, defineCustomElement as d };

package/dist/components/react/p-SbIC4aZX.js

@@ -1,11 +0,0 @@
-const fadeDuration = 200;
-const fadedOutKeyframe = { opacity: '0' };
-const fadedInKeyframe = { opacity: '1' };
-function fadeIn(el) {
-    return el.animate([fadedOutKeyframe, fadedInKeyframe], { duration: fadeDuration });
-}
-function fadeOut(el) {
-    return el.animate([fadedInKeyframe, fadedOutKeyframe], { duration: fadeDuration });
-}
-
-export { fadeIn as a, fadeOut as f };

package/dist/components/react/p-XrZzCOKT.js

@@ -1,78 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { d as checkEmptyOrOneOf } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { d as defineCustomElement$1 } from './p-DBPOV12C.js';
-
-const BUTTON_TYPES = ['button', 'submit', 'reset'];
-
-const postClosebuttonCss = ".visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton .btn{padding:0;border:unset;min-height:unset;min-width:unset;width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);border-radius:var(--post-device-border-radius-round);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:flex;align-items:center;justify-content:center}post-closebutton .btn>post-icon{min-width:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);height:var(--post-device-sizing-interactive-icon-size4)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{cursor:pointer;background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{color:HighlightText !important}}";
-
-const PostClosebutton = /*@__PURE__*/ proxyCustomElement(class PostClosebutton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.mutationObserver = new MutationObserver(this.checkContent.bind(this));
-        /**
-         * Overrides the close button's type ("button" by default)
-         */
-        this.buttonType = 'button';
-    }
-    validateButtonType() {
-        checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
-    }
-    componentDidLoad() {
-        this.checkContent();
-    }
-    connectedCallback() {
-        this.mutationObserver.observe(this.host, {
-            childList: true,
-            characterData: true,
-            subtree: true,
-        });
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-    }
-    checkContent() {
-        this.validateButtonType();
-        if (!this.host.querySelector('.visually-hidden').textContent) {
-            console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
-        }
-    }
-    render() {
-        return (h(Host, { key: '9b5bb7e95c6cf3039119ce485e963ac672834bc3', "data-version": version }, h("button", { key: '084709a7c632a8c665905a667fa6498cae1972a6', class: "btn", type: this.buttonType }, h("post-icon", { key: 'e19209e0c8de59d3e187531e0185d8f2d5c85408', "aria-hidden": "true", name: "closex" }), h("span", { key: '233184a45391e5a9b89635345f2324a87f5e9558', class: "visually-hidden" }, h("slot", { key: 'c213ac1dbdd98d83a8b2dc1b74c85926404ad1c1' })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "buttonType": ["validateButtonType"]
-    }; }
-    static get style() { return postClosebuttonCss; }
-}, [4, "post-closebutton", {
-        "buttonType": [1, "button-type"]
-    }, undefined, {
-        "buttonType": ["validateButtonType"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-closebutton", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-closebutton":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostClosebutton);
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PostClosebutton as P, defineCustomElement as d };

package/dist/components/react/p-v3pOrMNQ.js

@@ -1,114 +0,0 @@
-import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { H as HEADING_LEVELS } from './p-r4txK0AC.js';
-import { d as checkEmptyOrOneOf } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { E as EventFrom } from './p-CzIKqBrS.js';
-import { n as nanoid } from './p-BLchVpF6.js';
-import { d as defineCustomElement$3 } from './p-Ccrl2AQn.js';
-import { d as defineCustomElement$2 } from './p-LtiDhYis.js';
-import { d as defineCustomElement$1 } from './p-DBPOV12C.js';
-
-const postAccordionItemCss = ".accordion-item::after{display:block;content:\"\";margin-block-start:calc(var(--post-device-border-width-default)*-1);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-item:has(.accordion-button:hover)::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-item:has(.accordion-button:hover)::after{border-color:Highlight}}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default)) calc(var(--post-device-spacing-padding-5) + var(--post-device-border-width-default));cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{display:block;position:absolute;content:\"\";inset:0;inset-block-end:auto;border-block-start-width:var(--post-device-border-width-default);border-block-start-style:var(--post-core-border-style-solid);border-block-start-color:var(--post-scheme-color-interactive-primary-enabled-stroke)}.accordion-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.accordion-button.collapsed{padding-block-start:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default));padding-block-end:calc(var(--post-device-spacing-padding-19) + var(--post-device-border-width-default))}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:calc(var(--post-device-spacing-padding-block-25) + var(--post-device-border-width-default));padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const PostAccordionItem = /*@__PURE__*/ proxyCustomElement(class PostAccordionItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * If `true`, the element is collapsed otherwise it is displayed.
-         */
-        this.collapsed = false;
-    }
-    validateHeadingLevel() {
-        checkEmptyOrOneOf(this, 'headingLevel', HEADING_LEVELS);
-    }
-    componentWillLoad() {
-        this.id = this.host.id || `p${nanoid(6)}`;
-    }
-    componentDidLoad() {
-        this.validateHeadingLevel();
-    }
-    // Capture to make sure the "collapsed" property is updated before the event is consumed
-    onCollapseToggle(event) {
-        this.collapsed = !event.detail;
-    }
-    /**
-     * Triggers the collapse programmatically.
-     */
-    async toggle(force) {
-        return this.collapsible.toggle(force);
-    }
-    onSlotLogoChange() {
-        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
-    }
-    componentWillRender() {
-        this.slottedLogo = this.host.querySelector('img[slot="logo"]');
-    }
-    render() {
-        const headingLevel = this.host.closest('post-accordion')?.getAttribute('heading-level');
-        const HeadingTag = `h${headingLevel ?? this.headingLevel ?? 2}`;
-        return (h(Host, { key: 'b98847d19894430b6f65130aebf8673a45afd1e6', id: this.id, "data-version": version }, h("div", { key: 'f26f9d3a4a1f59db23b4698b321e28e112c3eed0', part: "accordion-item", class: "accordion-item" }, h("post-collapsible-trigger", { key: '14bdacce04d67a03655f600feeaeec065e0fc198', for: `${this.id}--collapse` }, h(HeadingTag, { key: '7a07a70d172306ce37f8bd0143b21ed7ec0cab8a', class: "accordion-header", id: `${this.id}--header` }, h("button", { key: '5ad0698a62df5c4b2c0a77ff622090b20f348e9c', type: "button", class: `accordion-button${this.collapsed ? ' collapsed' : ''}`, part: "button" }, h("span", { key: '6e5fcb0c9efa8a57e05fd162c72b9c170a8210c6', class: {
-                'logo-container': true,
-                'has-image': !!this.slottedLogo,
-            } }, h("slot", { key: '41a1409f723bf52de893324ce45d4e7f31eb8908', name: "logo", onSlotchange: this.onSlotLogoChange.bind(this) })), h("slot", { key: '7186adfe4a4fe67f4dbaeb7569820d0d06c18428', name: "header" }), h("post-icon", { key: 'add240b0275b083c537efb28c4a2825ac22e1b47', name: "chevrondown" })))), h("post-collapsible", { key: '4231577c41c7633327c147d2b9adcd847ffc7261', id: `${this.id}--collapse`, collapsed: this.collapsed, ref: el => (this.collapsible = el) }, h("div", { key: '3f3cea3f5468e35f658f7d143db32391fa5fe2f1', class: "accordion-body", part: "body" }, h("slot", { key: '013f6cc755a04b880d91513059e36bcc2be5f412' }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "headingLevel": ["validateHeadingLevel"]
-    }; }
-    static get style() { return postAccordionItemCss; }
-}, [1, "post-accordion-item", {
-        "collapsed": [1028],
-        "headingLevel": [2, "heading-level"],
-        "id": [32],
-        "slottedLogo": [32],
-        "toggle": [64]
-    }, [[2, "postToggle", "onCollapseToggle"]], {
-        "headingLevel": ["validateHeadingLevel"]
-    }]);
-__decorate([
-    EventFrom('post-accordion-item')
-], PostAccordionItem.prototype, "onCollapseToggle", null);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-accordion-item", "post-collapsible", "post-collapsible-trigger", "post-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-accordion-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostAccordionItem);
-            }
-            break;
-        case "post-collapsible":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "post-collapsible-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "post-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PostAccordionItem as P, defineCustomElement as d };

package/dist/components/react/post-language-option.js

@@ -1,100 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { c as checkRequiredAndType, d as checkEmptyOrOneOf, e as checkEmptyOrType, a as checkEmptyOrUrl } from './p-CYkf_7Y5.js';
-import './p-CJ80BZ06.js';
-import { v as version } from './p-BhxZzOEC.js';
-import { S as SWITCH_VARIANTS } from './p-DjIHLduJ.js';
-
-const postLanguageOptionCss = "post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option button{background-color:ButtonFace !important}post-language-option button:hover{background-color:Highlight !important}}post-language-option button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-option a{color:var(--post-current-fg);text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-option:where([variant=menu]){min-width:72px}post-language-option:where([variant=menu])[active]:not([active=false]){display:none}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative;border-radius:0}post-language-option:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-option:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-option:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}";
-
-const PostLanguageOption$1 = /*@__PURE__*/ proxyCustomElement(class PostLanguageOption extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.postChange = createEvent(this, "postChange");
-        this.postLanguageOptionInitiallyActive = createEvent(this, "postLanguageOptionInitiallyActive");
-    }
-    validateCode() {
-        checkRequiredAndType(this, 'code', 'string');
-    }
-    validateVariant() {
-        checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
-    }
-    validateName() {
-        checkEmptyOrType(this, 'name', 'string');
-    }
-    validateUrl() {
-        checkEmptyOrUrl(this, 'url');
-    }
-    componentDidLoad() {
-        this.validateCode();
-        this.validateName();
-        this.validateUrl();
-        if (!this.name && this.isNameRequired()) {
-            throw new Error('The "name" property of the post-language-option component is required when the full language name is not displayed.');
-        }
-        if (this.active) {
-            this.postLanguageOptionInitiallyActive.emit(this.code);
-        }
-    }
-    /**
-     * Selects the language option programmatically.
-     */
-    async select() {
-        this.active = true;
-        this.emitChange();
-    }
-    emitChange() {
-        this.postChange.emit(this.code);
-    }
-    isNameRequired() {
-        return this.host.textContent.toLowerCase() === this.code.toLowerCase();
-    }
-    render() {
-        const lang = this.code.toLowerCase();
-        const emitOnKeyDown = (e) => {
-            if (e.key === 'Enter' || e.key === ' ') {
-                this.emitChange();
-            }
-        };
-        return (h(Host, { key: '06ba54de702d5014b34f1b0cb6396cb947ac3ca6', "data-version": version, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name))) : (h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null), h("span", { class: "visually-hidden" }, this.name)))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "code": ["validateCode"],
-        "variant": ["validateVariant"],
-        "name": ["validateName"],
-        "url": ["validateUrl"]
-    }; }
-    static get style() { return postLanguageOptionCss; }
-}, [4, "post-language-option", {
-        "code": [513],
-        "active": [1540],
-        "variant": [1],
-        "name": [1],
-        "url": [1],
-        "select": [64]
-    }, undefined, {
-        "code": ["validateCode"],
-        "variant": ["validateVariant"],
-        "name": ["validateName"],
-        "url": ["validateUrl"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["post-language-option"];
-    components.forEach(tagName => { switch (tagName) {
-        case "post-language-option":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostLanguageOption$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const PostLanguageOption = PostLanguageOption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PostLanguageOption, defineCustomElement };

package/dist/components/react/post-language-switch.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../types/components";
-
-interface PostLanguageSwitch extends Components.PostLanguageSwitch, HTMLElement {}
-export const PostLanguageSwitch: {
-    prototype: PostLanguageSwitch;
-    new (): PostLanguageSwitch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;