@muenchen/muc-patternlab-vue 9.0.2 → 10.0.1-beta.1

package/components/Intro/MucIntro.stories.d.ts

@@ -62,36 +62,288 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: {
-    args: {
-        tagline: string;
-        title: string;
-        variant: string;
-        default: string;
+export declare const Template: () => {
+    components: {
+        MucIntro: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            title: string;
+            tagline?: string;
+            divider?: boolean;
+            img?: string;
+            size?: number;
+            variant?: "detail" | "overview";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            variant: "detail" | "overview";
+            size: number;
+            divider: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                default(): unknown;
+            }> & {
+                default(): unknown;
+            };
+        });
     };
+    template: string;
 };
-export declare const Icon: {
-    args: {
-        tagline: string;
-        title: string;
-        variant: string;
-        img: string;
-        default: string;
+export declare const Icon: () => {
+    components: {
+        MucIntro: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            title: string;
+            tagline?: string;
+            divider?: boolean;
+            img?: string;
+            size?: number;
+            variant?: "detail" | "overview";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            variant: "detail" | "overview";
+            size: number;
+            divider: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                default(): unknown;
+            }> & {
+                default(): unknown;
+            };
+        });
     };
+    template: string;
 };
-export declare const MinimalDetail: {
-    args: {
-        title: string;
-        divider: boolean;
-        variant: string;
-        default: string;
+export declare const MinimalDetail: () => {
+    components: {
+        MucIntro: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            title: string;
+            tagline?: string;
+            divider?: boolean;
+            img?: string;
+            size?: number;
+            variant?: "detail" | "overview";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            variant: "detail" | "overview";
+            size: number;
+            divider: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                default(): unknown;
+            }> & {
+                default(): unknown;
+            };
+        });
     };
+    template: string;
 };
-export declare const MinimalOverview: {
-    args: {
-        title: string;
-        divider: boolean;
-        variant: string;
-        default: string;
+export declare const MinimalOverview: () => {
+    components: {
+        MucIntro: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            title: string;
+            tagline?: string;
+            divider?: boolean;
+            img?: string;
+            size?: number;
+            variant?: "detail" | "overview";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            variant: "detail" | "overview";
+            size: number;
+            divider: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                default(): unknown;
+            }> & {
+                default(): unknown;
+            };
+        });
+    };
+    template: string;
+};
+export declare const WithMultiplePTags: () => {
+    components: {
+        MucIntro: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                title: string;
+                tagline?: string;
+                divider?: boolean;
+                img?: string;
+                size?: number;
+                variant?: "detail" | "overview";
+            }> & Readonly<{}>, {}, {}, {}, {}, {
+                variant: "detail" | "overview";
+                size: number;
+                divider: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            title: string;
+            tagline?: string;
+            divider?: boolean;
+            img?: string;
+            size?: number;
+            variant?: "detail" | "overview";
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            variant: "detail" | "overview";
+            size: number;
+            divider: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<{
+                default(): unknown;
+            }> & {
+                default(): unknown;
+            };
+        });
     };
+    template: string;
 };

package/muc-patternlab-vue.css

@@ -1,2 +1,2 @@
-@media (width>=768px){.content-width[data-v-e6a3766f]{width:66.67%}}.no-left-margin[data-v-20d7ceb4]{margin-left:0}.set-right-margin[data-v-20d7ceb4]{margin-right:.75rem}.set-left-margin[data-v-20d7ceb4]{margin-left:.75rem}.copied .m-button__icon[data-v-20d7ceb4]{animation:1s ease-in-out rotate}.m-button--ghost[data-v-20d7ceb4]{padding-right:0}[aria-disabled=true][data-v-20d7ceb4]{pointer-events:none}.muc-calendar-container[data-v-db120593]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-db120593]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=false][data-v-db120593]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=true][data-v-db120593]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-db120593]{width:100%;height:100%}.muc-calendar-current-item[data-v-db120593]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-db120593]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-e7805970]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=false][data-v-e7805970]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=true][data-v-e7805970]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count:7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-528928e7]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=false][data-v-528928e7]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=true][data-v-528928e7]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-528928e7]{width:100%;height:100%}.muc-calendar-current-item[data-v-528928e7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-528928e7]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-4dc141ae]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-0e82f1d5]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-0e82f1d5]{width:100%;height:100%}.muc-calendar-current-item[data-v-0e82f1d5]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0e82f1d5]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-2d92e62c]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{opacity:1;transform:scale(1)}}@keyframes disappear-broad-761c6c2c{0%{opacity:1;transform:scale(1)}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-761c6c2c{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{opacity:1;transform:scale(1)}}@keyframes disappear-detail-761c6c2c{0%{opacity:1;transform:scale(1)}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-761c6c2c]{position:absolute}.view-detail-enter-active[data-v-761c6c2c]{animation:appear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-761c6c2c]{animation:disappear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-761c6c2c]{animation:appear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-761c6c2c]{animation:disappear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-761c6c2c]{--calendar-animation-scaling:.1;--calendar-animation-duration:.4s;--calendar-animation-timing:ease-in-out;border:1px solid var(--color-neutrals-blue);justify-content:center;min-width:330px;max-width:900px}.calendar-caption[data-v-761c6c2c]{border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);justify-content:space-between;align-items:center;padding:5px;display:flex}.header[data-v-761c6c2c]{justify-content:center;display:flex}.header .m-button[data-v-761c6c2c]{cursor:pointer}.container-view-size[data-v-761c6c2c]{--cal-container-view-height:313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);position:relative;overflow:hidden}.muc-divider[data-v-a337b11f]{border-bottom:1px var(--color-neutrals-blue) solid;align-self:stretch;height:0}.card[data-v-541410e8]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color .15s ease-in}.card[aria-disabled=true][data-v-541410e8]{cursor:default;border:solid 1px var(--mde-color-neutral-grey-x-x-light);border-bottom:solid 5px var(--mde-color-neutral-grey-disabled)}.card a[data-v-541410e8]{height:100%;display:block;color:var(--mde-color-neutral-grey)!important;text-decoration:none!important}.card[aria-disabled=false][data-v-541410e8]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-541410e8]{padding:24px 16px}.card-header[data-v-541410e8]{display:flex}.card-tagline[data-v-541410e8]{color:var(--mde-color-brand-mde-blue);word-wrap:break-word;padding-bottom:4px}.card[aria-disabled=true] .card-tagline[data-v-541410e8]{color:var(--mde-color-neutral-grey-disabled)}.muc-divider[data-v-541410e8]{margin-top:16px;margin-bottom:16px}@media (width>=768px){.card-content[data-v-541410e8]{padding:32px 24px}}@media (width>=992px){.card-container[data-v-f333e595]{grid-column-gap:32px;grid-row-gap:32px;grid-template-columns:repeat(auto-fit,384px);padding-left:0;padding-right:0;display:grid}}@media (width<=992px){.card-container[data-v-f333e595]{grid-row-gap:24px;grid-template-columns:1fr;padding-left:0;padding-right:0;display:inline-grid}}.drop-zone[data-v-b767117a]{border:1px dashed var(--mde-color-brand-mde-blue-light);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;margin-bottom:20px;padding:20px;display:flex;position:relative}.drop-zone.is-dragover.is-not-disabled[data-v-b767117a]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-b767117a]{cursor:pointer}.content-centered[data-v-af0c991b]{justify-content:center;align-items:center;height:100%;display:flex}.content-centered-justify-left[data-v-af0c991b]{justify-content:left;align-items:center;height:100%;display:flex}.counter-btn--disabled[data-v-af0c991b]{border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light);background-color:#0000}.grid[data-v-af0c991b]{grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr));display:grid}.grid-item[data-v-af0c991b]{justify-content:space-between;display:flex}.grid-item[data-v-af0c991b]>*{margin:0 8px}@media (width>=768px){.grid-item[data-v-af0c991b]:first-child{order:1}.grid-item[data-v-af0c991b]:nth-child(2){order:2}}@media (width<=767px){.grid-item[data-v-af0c991b]:first-child{order:2}.grid-item[data-v-af0c991b]:nth-child(2){order:1}.content-centered-justify-left[data-v-af0c991b]{padding-bottom:.8rem}.grid[data-v-af0c991b]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-20308146]{margin-top:8px;margin-bottom:24px}#dialogRef .m-banner{padding:16px}dialog[data-v-54ec0942]{color:inherit;--mde-gutter-x:0;border:none;margin-top:1.75rem;padding:0}dialog[data-v-54ec0942]::backdrop{background-color:var(--color-neutrals-grey);opacity:.7}.muc-dialog-actions[data-v-54ec0942]{border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight);justify-content:space-between;align-self:stretch;align-items:center;height:69px;padding:0 24px;display:flex}@media (width<=576px){dialog[data-v-54ec0942]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-055bab6c]{padding-left:1.8rem;padding-right:1.8rem}.show-cursor[data-v-c8c29c82]{cursor:pointer}.disabled[data-v-c8c29c82]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}
+@media (width>=768px){.content-width[data-v-e6a3766f]{width:66.67%}}.no-left-margin[data-v-20d7ceb4]{margin-left:0}.set-right-margin[data-v-20d7ceb4]{margin-right:.75rem}.set-left-margin[data-v-20d7ceb4]{margin-left:.75rem}.copied .m-button__icon[data-v-20d7ceb4]{animation:1s ease-in-out rotate}.m-button--ghost[data-v-20d7ceb4]{padding-right:0}[aria-disabled=true][data-v-20d7ceb4]{pointer-events:none}.muc-calendar-container[data-v-db120593]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-db120593]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=false][data-v-db120593]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-db120593]:hover,.muc-calendar-item[aria-disabled=true][data-v-db120593]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-db120593]{width:100%;height:100%}.muc-calendar-current-item[data-v-db120593]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-db120593]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-e7805970]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=false][data-v-e7805970]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-e7805970]:hover,.muc-calendar-item[aria-disabled=true][data-v-e7805970]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count:7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-528928e7]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=false][data-v-528928e7]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-528928e7]:hover,.muc-calendar-item[aria-disabled=true][data-v-528928e7]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-528928e7]{width:100%;height:100%}.muc-calendar-current-item[data-v-528928e7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-528928e7]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-4dc141ae]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=false][data-v-4dc141ae]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:hover,.muc-calendar-item[aria-disabled=true][data-v-4dc141ae]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-0e82f1d5]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=false][data-v-0e82f1d5]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:hover,.muc-calendar-item[aria-disabled=true][data-v-0e82f1d5]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-0e82f1d5]{width:100%;height:100%}.muc-calendar-current-item[data-v-0e82f1d5]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0e82f1d5]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size:3px;grid-template-columns:repeat(var(--container-grid-count,4), minmax(auto, 1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size);display:grid;overflow:hidden}.muc-calendar-item[data-v-2d92e62c]{-webkit-user-select:none;user-select:none;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .3s ease-in;display:flex}.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=false][data-v-2d92e62c]:focus{border:1px solid var(--mde-color-brand-mde-blue);text-underline-offset:2px;cursor:pointer;outline:none;text-decoration:underline;transition:border-color .1s ease-out}.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:hover,.muc-calendar-item[aria-disabled=true][data-v-2d92e62c]:focus{border:1px solid #fff;outline:none;text-decoration:none;cursor:default!important}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;pointer-events:none;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{opacity:1;transform:scale(1)}}@keyframes disappear-broad-761c6c2c{0%{opacity:1;transform:scale(1)}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-761c6c2c{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{opacity:1;transform:scale(1)}}@keyframes disappear-detail-761c6c2c{0%{opacity:1;transform:scale(1)}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-761c6c2c]{position:absolute}.view-detail-enter-active[data-v-761c6c2c]{animation:appear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-761c6c2c]{animation:disappear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-761c6c2c]{animation:appear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-761c6c2c]{animation:disappear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-761c6c2c]{--calendar-animation-scaling:.1;--calendar-animation-duration:.4s;--calendar-animation-timing:ease-in-out;border:1px solid var(--color-neutrals-blue);justify-content:center;min-width:330px;max-width:900px}.calendar-caption[data-v-761c6c2c]{border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);justify-content:space-between;align-items:center;padding:5px;display:flex}.header[data-v-761c6c2c]{justify-content:center;display:flex}.header .m-button[data-v-761c6c2c]{cursor:pointer}.container-view-size[data-v-761c6c2c]{--cal-container-view-height:313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);position:relative;overflow:hidden}.muc-divider[data-v-a337b11f]{border-bottom:1px var(--color-neutrals-blue) solid;align-self:stretch;height:0}.card[data-v-541410e8]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color .15s ease-in}.card[aria-disabled=true][data-v-541410e8]{cursor:default;border:solid 1px var(--mde-color-neutral-grey-x-x-light);border-bottom:solid 5px var(--mde-color-neutral-grey-disabled)}.card a[data-v-541410e8]{height:100%;display:block;color:var(--mde-color-neutral-grey)!important;text-decoration:none!important}.card[aria-disabled=false][data-v-541410e8]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-541410e8]{padding:24px 16px}.card-header[data-v-541410e8]{display:flex}.card-tagline[data-v-541410e8]{color:var(--mde-color-brand-mde-blue);word-wrap:break-word;padding-bottom:4px}.card[aria-disabled=true] .card-tagline[data-v-541410e8]{color:var(--mde-color-neutral-grey-disabled)}.muc-divider[data-v-541410e8]{margin-top:16px;margin-bottom:16px}@media (width>=768px){.card-content[data-v-541410e8]{padding:32px 24px}}@media (width>=992px){.card-container[data-v-f333e595]{grid-column-gap:32px;grid-row-gap:32px;grid-template-columns:repeat(auto-fit,384px);padding-left:0;padding-right:0;display:grid}}@media (width<=992px){.card-container[data-v-f333e595]{grid-row-gap:24px;grid-template-columns:1fr;padding-left:0;padding-right:0;display:inline-grid}}.drop-zone[data-v-b767117a]{border:1px dashed var(--mde-color-brand-mde-blue-light);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;margin-bottom:20px;padding:20px;display:flex;position:relative}.drop-zone.is-dragover.is-not-disabled[data-v-b767117a]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-b767117a]{cursor:pointer}.content-centered[data-v-af0c991b]{justify-content:center;align-items:center;height:100%;display:flex}.content-centered-justify-left[data-v-af0c991b]{justify-content:left;align-items:center;height:100%;display:flex}.counter-btn--disabled[data-v-af0c991b]{border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light);background-color:#0000}.grid[data-v-af0c991b]{grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr));display:grid}.grid-item[data-v-af0c991b]{justify-content:space-between;display:flex}.grid-item[data-v-af0c991b]>*{margin:0 8px}@media (width>=768px){.grid-item[data-v-af0c991b]:first-child{order:1}.grid-item[data-v-af0c991b]:nth-child(2){order:2}}@media (width<=767px){.grid-item[data-v-af0c991b]:first-child{order:2}.grid-item[data-v-af0c991b]:nth-child(2){order:1}.content-centered-justify-left[data-v-af0c991b]{padding-bottom:.8rem}.grid[data-v-af0c991b]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-6c7e0ae0]{margin-top:8px;margin-bottom:24px}#dialogRef .m-banner{padding:16px}dialog[data-v-54ec0942]{color:inherit;--mde-gutter-x:0;border:none;margin-top:1.75rem;padding:0}dialog[data-v-54ec0942]::backdrop{background-color:var(--color-neutrals-grey);opacity:.7}.muc-dialog-actions[data-v-54ec0942]{border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight);justify-content:space-between;align-self:stretch;align-items:center;height:69px;padding:0 24px;display:flex}@media (width<=576px){dialog[data-v-54ec0942]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-055bab6c]{padding-left:1.8rem;padding-right:1.8rem}.show-cursor[data-v-c8c29c82]{cursor:pointer}.disabled[data-v-c8c29c82]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}
 /*$vite$:1*/

package/muc-patternlab-vue.es.js

@@ -10,7 +10,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 }, se = { class: "m-component m-component-accordion" }, ce = { class: "container" }, le = {
 	key: 0,
 	class: "m-component__head"
-}, ue = { class: "m-component__heading" }, de = { class: "m-component__body" }, fe = ["id"], pe = /* @__PURE__ */ d({
+}, ue = { class: "m-component__heading" }, de = { class: "m-component__body" }, fe = ["id"], pe = /*@__PURE__*/ d({
 	__name: "MucAccordion",
 	props: {
 		id: {},
@@ -41,7 +41,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, me = /* @__PURE__ */ I(pe, [["__scopeId", "data-v-e6a3766f"]]), he = ["href"], L = /* @__PURE__ */ d({
+}, me = /*#__PURE__*/ I(pe, [["__scopeId", "data-v-e6a3766f"]]), he = ["href"], L = /* @__PURE__ */ d({
 	__name: "MucIcon",
 	props: {
 		icon: {},
@@ -180,7 +180,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 			icon: u.value
 		}, null, 8, ["icon"])), o("p", null, [w(n.$slots, "default")])]))], 10, we));
 	}
-}), De = ["aria-disabled"], Oe = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}), De = ["aria-disabled"], Oe = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucButton",
 	props: {
 		variant: { default: "primary" },
@@ -239,7 +239,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 	"tabindex",
 	"aria-label",
 	"aria-disabled"
-], Fe = /* @__PURE__ */ I(/* @__PURE__ */ d({
+], Fe = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucDayTile",
 	props: {
 		date: {},
@@ -280,7 +280,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 			"aria-disabled": l.value
 		}, D(e.date.getDate()), 43, Pe)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-db120593"]]), Ie = { class: "muc-calendar-view-full-size" }, Le = { class: "muc-calendar-container table-header" }, Re = { class: "muc-calendar-container" }, ze = 7, Be = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-db120593"]]), Ie = { class: "muc-calendar-view-full-size" }, Le = { class: "muc-calendar-container table-header" }, Re = { class: "muc-calendar-container" }, ze = 7, Be = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCalendarDay",
 	props: {
 		viewDate: {},
@@ -316,7 +316,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 	"tabindex",
 	"aria-label",
 	"aria-disabled"
-], He = "short", Ue = /* @__PURE__ */ I(/* @__PURE__ */ d({
+], He = "short", Ue = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucMonthTile",
 	props: { date: {} },
 	emits: ["click"],
@@ -340,7 +340,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 			"aria-disabled": c.value
 		}, [o("p", null, D(s(e.date)), 1)], 42, Ve));
 	}
-}), [["__scopeId", "data-v-528928e7"]]), We = { class: "muc-calendar-container muc-calendar-view-full-size" }, Ge = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-528928e7"]]), We = { class: "muc-calendar-container muc-calendar-view-full-size" }, Ge = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCalendarMonth",
 	props: { viewDate: {} },
 	emits: ["clicked"],
@@ -357,7 +357,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 	"tabindex",
 	"aria-label",
 	"aria-disabled"
-], qe = "numeric", Je = /* @__PURE__ */ I(/* @__PURE__ */ d({
+], qe = "numeric", Je = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucYearTile",
 	props: { date: {} },
 	emits: ["click"],
@@ -381,7 +381,7 @@ var ae = Object.defineProperty, oe = (e, t) => {
 			"aria-disabled": c.value
 		}, [o("p", null, D(s(e.date)), 1)], 42, Ke));
 	}
-}), [["__scopeId", "data-v-0e82f1d5"]]), Ye = { class: "muc-calendar-container muc-calendar-view-full-size" }, Xe = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-0e82f1d5"]]), Ye = { class: "muc-calendar-container muc-calendar-view-full-size" }, Xe = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCalendarYear",
 	props: { viewDate: {} },
 	emits: ["clicked"],
@@ -397,9 +397,9 @@ var ae = Object.defineProperty, oe = (e, t) => {
 }), [["__scopeId", "data-v-2d92e62c"]]), Ze = { class: "container-wrapper" }, Qe = { class: "calendar-caption" }, $e = {
 	key: 1,
 	class: "header"
-}, et = { class: "container-view-size" }, tt = 10, nt = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, et = { class: "container-view-size" }, tt = 10, nt = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCalendar",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		viewMonth: {},
 		min: {},
 		max: {},
@@ -656,10 +656,10 @@ var ae = Object.defineProperty, oe = (e, t) => {
 function pt(e, t) {
 	return y(), a("div", ft);
 }
-var mt = /* @__PURE__ */ I(dt, [["render", pt], ["__scopeId", "data-v-a337b11f"]]), ht = ["aria-disabled"], gt = ["href", "target"], _t = { class: "card-content" }, vt = { class: "card-header" }, yt = {
+var mt = /*#__PURE__*/ I(dt, [["render", pt], ["__scopeId", "data-v-a337b11f"]]), ht = ["aria-disabled"], gt = ["href", "target"], _t = { class: "card-content" }, vt = { class: "card-header" }, yt = {
 	key: 0,
 	class: "mde-b2 mde-bold card-tagline"
-}, bt = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, bt = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCard",
 	props: {
 		title: {},
@@ -687,7 +687,7 @@ var mt = /* @__PURE__ */ I(dt, [["render", pt], ["__scopeId", "data-v-a337b11f"]
 			w(t.$slots, "content", {}, void 0, !0)
 		])], 8, gt)], 8, ht));
 	}
-}), [["__scopeId", "data-v-541410e8"]]), xt = { class: "container card-container" }, St = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-541410e8"]]), xt = { class: "container card-container" }, St = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCardContainer",
 	setup(e) {
 		return (e, t) => (y(), a("div", xt, [w(e.$slots, "default", {}, void 0, !0)]));
@@ -794,10 +794,10 @@ var mt = /* @__PURE__ */ I(dt, [["render", pt], ["__scopeId", "data-v-a337b11f"]
 function qt(e, t) {
 	return y(), a("svg", Kt, [...t[0] ||= [c("<g clip-path=\"url(#clip0_875_841)\"><path d=\"M107.655 18.699L106.594 11.0435L98.9873 12.1173\" stroke=\"#005A9F\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"></path><path d=\"M106.594 11.0435C106.594 11.0435 94.1981 33.255 58.2578 27.2483\" stroke=\"#005A9F\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"></path><path d=\"M85.5371 32.8255C92.2897 31.142 97.5195 28.1144 101.261 25.2393\" stroke=\"#005A9F\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"></path><path d=\"M0.344727 45.982C0.344727 45.982 13.4778 24.2 49.1976 31.426\" stroke=\"#005A9F\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"></path><path d=\"M22.1184 24.9275C15.3107 26.3755 9.98438 29.2299 6.15332 31.9734\" stroke=\"#005A9F\" stroke-miterlimit=\"10\" stroke-linecap=\"round\"></path><path d=\"M68.3603 2.69507H37.1055V55.6536H77.5314V11.9164L68.3603 2.69507Z\" fill=\"#005A9F\" stroke=\"#005A9F\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M73.7345 53.3119H33.3086V0.346436H64.5634L73.7345 9.57469V53.3119Z\" fill=\"white\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path><path d=\"M38.5039 14.4868H45.3667\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path><path d=\"M38.5039 21.1584H68.5391\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path><path d=\"M38.5039 27.8372H68.5391\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path><path d=\"M38.5039 34.509H68.5391\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path><path d=\"M38.5039 41.1877H68.5391\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path><path d=\"M73.7346 9.57469H64.5635V0.346436L73.7346 9.57469Z\" fill=\"white\" stroke=\"#005A9F\" stroke-linejoin=\"round\"></path></g><defs><clipPath id=\"clip0_875_841\"><rect width=\"108\" height=\"56\" fill=\"white\"></rect></clipPath></defs>", 2)]]);
 }
-var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
+var Jt = /*#__PURE__*/ I(Gt, [["render", qt]]), Yt = {
 	key: 0,
 	class: "visually-hidden"
-}, Xt = { class: "m-hint" }, Zt = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, Xt = { class: "m-hint" }, Zt = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucFileDropzone",
 	props: {
 		buttonText: { default: "Upload file" },
@@ -902,7 +902,7 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 	}
 }), [["__scopeId", "data-v-b767117a"]]), Qt = ["id", "checked"], $t = ["for"], en = ["id"], tn = /* @__PURE__ */ d({
 	__name: "MucCheckbox",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		id: {},
 		label: {},
 		hint: {}
@@ -913,7 +913,7 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p(["click"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ p(["click"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = A(e, "modelValue"), r = t, i = () => {
 			n.value = !n.value, r("click");
@@ -1014,9 +1014,9 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 }), fn = { class: "grid" }, pn = { class: "grid-item" }, mn = { class: "content-centered" }, hn = {
 	class: "content-centered",
 	style: { color: "var(--color-brand-main-blue)" }
-}, gn = { class: "visually-hidden" }, _n = { class: "content-centered" }, vn = { class: "grid-item content-centered-justify-left" }, yn = { key: 0 }, bn = { key: 1 }, xn = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, gn = { class: "visually-hidden" }, _n = { class: "content-centered" }, vn = { class: "grid-item content-centered-justify-left" }, yn = { key: 0 }, bn = { key: 1 }, xn = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucCounter",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		label: {},
 		min: {},
 		max: {},
@@ -1109,7 +1109,7 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 	class: "icon"
 }, In = ["xlink:href"], Ln = /* @__PURE__ */ d({
 	__name: "MucInput",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		id: {},
 		errorMsg: {},
 		placeholder: {},
@@ -1129,7 +1129,7 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p(["suffixClick", "blur"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ p(["suffixClick", "blur"], ["update:modelValue"]),
 	setup(t, { emit: s }) {
 		let c = A(t, "modelValue"), u = te(), d = s, f = n(() => t.type === "search"), p = n(() => {
 			if (c.value === "") return [];
@@ -1224,7 +1224,7 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 	}
 }), Wn = { class: "m-form-group" }, Gn = { class: "m-radio-group" }, Kn = { class: "m-radio-group__legend" }, qn = { class: "m-radio-group__heading" }, Jn = { class: "m-radios" }, Yn = /* @__PURE__ */ d({
 	__name: "MucRadioButtonGroup",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		heading: {},
 		disabled: {
 			type: Boolean,
@@ -1241,7 +1241,7 @@ var Jt = /* @__PURE__ */ I(Gt, [["render", qt]]), Yt = {
 		] },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p(["change"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ p(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = A(e, "modelValue"), r = t;
 		return b(Rn, {
@@ -3822,7 +3822,7 @@ var xa = function(e) {
 	"multiple"
 ], Pa = /* @__PURE__ */ d({
 	__name: "MucSelect",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		id: {},
 		items: {},
 		label: {},
@@ -3835,7 +3835,7 @@ var xa = function(e) {
 		itemTitle: { default: "title" },
 		placeholder: {}
 	}, {
-		modelValue: { default: [] },
+		modelValue: { default: () => [] },
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
@@ -3971,7 +3971,7 @@ var xa = function(e) {
 	"aria-live": "polite"
 }, Ha = /* @__PURE__ */ d({
 	__name: "MucTextArea",
-	props: /* @__PURE__ */ p({
+	props: /*@__PURE__*/ p({
 		id: {},
 		errorMsg: {},
 		rows: { default: 3 },
@@ -3987,7 +3987,7 @@ var xa = function(e) {
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ p(["blur"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ p(["blur"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = A(e, "modelValue"), s = S(n.value.length), c = t, u = () => {
 			s.value = n.value.length, c("blur");
@@ -4044,7 +4044,7 @@ var xa = function(e) {
 ], no = { class: "m-intro-vertical__grid-inner" }, ro = {
 	key: 0,
 	class: "m-intro-vertical__tagline"
-}, io = { class: "m-intro-vertical__title" }, ao = { class: "m-intro-vertical__content" }, oo = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, io = { class: "m-intro-vertical__title" }, ao = { class: "m-intro-vertical__content" }, oo = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucIntro",
 	props: {
 		title: {},
@@ -4063,7 +4063,7 @@ var xa = function(e) {
 			t.tagline ? (y(), a("p", Ja, D(t.tagline), 1)) : i("", !0),
 			o("h1", Ya, D(t.title), 1),
 			t.divider ? (y(), r(O(mt), { key: 1 })) : i("", !0),
-			o("div", Xa, [o("p", null, [w(n.$slots, "default", {}, void 0, !0)])])
+			o("div", Xa, [w(n.$slots, "default", {}, void 0, !0)])
 		])])])])])) : i("", !0), c.value ? (y(), a("div", {
 			key: 1,
 			class: m(["m-intro m-intro-vertical", { "m-intro-vertical--with-pictogram": t.img }])
@@ -4075,10 +4075,10 @@ var xa = function(e) {
 		}, null, 8, to)])) : i("", !0), o("div", no, [
 			o("div", null, [t.tagline ? (y(), a("p", ro, D(t.tagline), 1)) : i("", !0), o("h1", io, D(t.title), 1)]),
 			t.divider ? (y(), r(O(mt), { key: 0 })) : i("", !0),
-			o("div", ao, [o("p", null, [w(n.$slots, "default", {}, void 0, !0)])])
+			o("div", ao, [w(n.$slots, "default", {}, void 0, !0)])
 		])])])])], 2)) : i("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-20308146"]]), so = { tabindex: "1" }, co = { class: "modal-content" }, lo = { class: "modal-header" }, uo = {
+}), [["__scopeId", "data-v-6c7e0ae0"]]), so = { tabindex: "1" }, co = { class: "modal-content" }, lo = { class: "modal-header" }, uo = {
 	class: "modal-title",
 	id: "modalLabel"
 }, fo = {
@@ -4090,7 +4090,7 @@ var xa = function(e) {
 }, mo = { class: "m-button-group" }, ho = {
 	key: 1,
 	class: "muc-dialog-actions"
-}, go = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, go = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucModal",
 	props: { open: {
 		type: Boolean,
@@ -6011,7 +6011,7 @@ var Pu = /* @__PURE__ */ Cu(ju, [["render", Nu]]), Fu = {
 	class: "m-slider m-slider--visible-preview",
 	"aria-label": "Slider mit Elementen",
 	"data-m-slider-splide": "m-slider-comment"
-}, Vu = /* @__PURE__ */ I(/* @__PURE__ */ d({
+}, Vu = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucSlider",
 	emits: ["changeSlide"],
 	setup(e, { emit: t }) {
@@ -6063,7 +6063,7 @@ var Pu = /* @__PURE__ */ Cu(ju, [["render", Nu]]), Fu = {
 	"aria-setsize",
 	"aria-posinset",
 	"aria-current"
-], Wu = ["id"], Gu = ["id"], Ku = ["id"], qu = ["aria-labelledby"], Ju = /* @__PURE__ */ I(/* @__PURE__ */ d({
+], Wu = ["id"], Gu = ["id"], Ku = ["id"], qu = ["aria-labelledby"], Ju = /*#__PURE__*/ I(/* @__PURE__ */ d({
 	__name: "MucStepperItem",
 	props: {
 		item: {},

package/package.json

@@ -3,7 +3,7 @@
   "author": "FabianWilms",
   "description": "A vue component library of some of the components available from https://patternlab.muenchen.space",
   "license": "MIT",
-  "version": "9.0.2",
+  "version": "10.0.1-beta.1",
   "private": false,
   "module": "./dist/muc-patternlab-vue.es.js",
   "main": "./dist/index.d.ts",
@@ -32,7 +32,6 @@
     "node": ">=22.14"
   },
   "scripts": {
-    "postinstall": "patch-package",
     "build": "rimraf dist && npm run build-only && cp package.json dist/package.json",
     "test": "vitest",
     "build-only": "vite build",
@@ -48,36 +47,35 @@
   "devDependencies": {
     "@muenchen/prettier-codeformat": "1.0.2",
     "@rushstack/eslint-patch": "1.16.1",
-    "@storybook/addon-a11y": "10.3.6",
-    "@storybook/addon-docs": "10.3.6",
-    "@storybook/addon-links": "10.3.6",
-    "@storybook/vue3-vite": "10.3.6",
+    "@storybook/addon-a11y": "10.4.4",
+    "@storybook/addon-docs": "10.4.4",
+    "@storybook/addon-links": "10.4.4",
+    "@storybook/vue3-vite": "10.4.4",
     "@tsconfig/node24": "24.0.4",
     "@types/jsdom": "21.1.7",
     "@types/node": "24.11.2",
-    "@vitejs/plugin-vue": "6.0.6",
+    "@vitejs/plugin-vue": "6.0.7",
     "@vue/eslint-config-prettier": "10.2.0",
-    "@vue/eslint-config-typescript": "14.7.0",
-    "@vue/test-utils": "2.4.10",
+    "@vue/eslint-config-typescript": "14.8.0",
+    "@vue/test-utils": "2.4.11",
     "@vue/tsconfig": "0.9.1",
-    "eslint": "10.3.0",
-    "eslint-plugin-storybook": "10.3.6",
-    "eslint-plugin-vue": "10.9.1",
+    "eslint": "10.4.1",
+    "eslint-plugin-storybook": "10.4.4",
+    "eslint-plugin-vue": "10.9.2",
     "jsdom": "29.1.1",
-    "prettier": "3.8.3",
+    "prettier": "3.8.4",
     "rimraf": "6.1.3",
-    "semantic-release": "25.0.3",
+    "semantic-release": "25.0.5",
     "semantic-release-gitmoji": "1.6.9",
-    "storybook": "10.3.6",
+    "storybook": "10.4.4",
     "typescript": "5.9.3",
-    "vite": "8.0.11",
+    "vite": "8.0.16",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "4.1.5",
-    "vue-tsc": "3.2.8"
+    "vitest": "4.1.8",
+    "vue-tsc": "3.3.4"
   },
   "dependencies": {
     "@splidejs/vue-splide": "0.6.12",
-    "choices.js": "11.2.3",
-    "patch-package": "8.0.1"
+    "choices.js": "11.2.3"
   }
 }