@muenchen/muc-patternlab-vue 1.8.0-beta.5 → 1.8.0-beta.7

package/dist/muc-patternlab-vue.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as p, computed as l, openBlock as o, createElementBlock as r, createElementVNode as t, normalizeClass as y, renderSlot as i, createCommentVNode as g, toDisplayString as m, pushScopeId as I, popScopeId as B, useSlots as O, createTextVNode as h, Fragment as M, renderList as S, createBlock as R, unref as T, createSlots as A, withCtx as f } from "vue";
+import { defineComponent as h, computed as d, openBlock as o, createElementBlock as i, createElementVNode as t, normalizeClass as b, renderSlot as c, createCommentVNode as g, toDisplayString as _, pushScopeId as I, popScopeId as B, useSlots as A, createTextVNode as m, Fragment as M, renderList as S, createBlock as O, unref as R, createSlots as T, withCtx as f } from "vue";
 const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PURE__ */ t("svg", { class: "icon" }, [
   /* @__PURE__ */ t("use", { href: "#icon-information" })
-], -1), H = /* @__PURE__ */ p({
+], -1), H = /* @__PURE__ */ h({
   __name: "MucBanner",
   props: {
     type: { default: "info" }
   },
   setup(a) {
-    const e = a, s = l(() => {
+    const e = a, s = d(() => {
       switch (e.type) {
         case "info":
           return "m-banner--info";
@@ -18,7 +18,7 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
         default:
           return "m-banner--info";
       }
-    }), n = l(() => {
+    }), n = d(() => {
       switch (e.type) {
         case "info":
           return "dialog";
@@ -29,7 +29,7 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
         default:
           return "dialog";
       }
-    }), c = l(() => {
+    }), l = d(() => {
       switch (e.type) {
         case "info":
           return "Information";
@@ -41,17 +41,17 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
           return "Information";
       }
     });
-    return (d, _) => (o(), r("div", null, [
+    return (u, p) => (o(), i("div", null, [
       t("div", null, [
         t("div", {
-          class: y(["m-banner", s.value]),
+          class: b(["m-banner", s.value]),
           role: n.value,
-          "aria-label": c.value
+          "aria-label": l.value
         }, [
           t("div", P, [
             D,
             t("p", null, [
-              i(d.$slots, "default")
+              c(u.$slots, "default")
             ])
           ])
         ], 10, L)
@@ -62,16 +62,17 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
   key: 0,
   "aria-hidden": "true",
   class: "m-button__icon"
-}, W = ["xlink:href"], F = /* @__PURE__ */ p({
+}, V = ["xlink:href"], W = /* @__PURE__ */ h({
   __name: "MucButton",
   props: {
     variant: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
-    icon: {}
+    icon: {},
+    iconAnimated: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(a, { emit: e }) {
-    const s = a, n = e, c = l(() => {
+    const s = a, n = e, l = d(() => {
       switch (s.variant) {
         case "secondary":
           return "m-button--secondary";
@@ -80,34 +81,34 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
         default:
           return "m-button--primary";
       }
-    }), d = () => {
+    }), u = d(() => s.iconAnimated ? "m-button--animated-right" : ""), p = () => {
       n("click");
     };
-    return (_, u) => (o(), r("button", {
-      onClick: d,
-      disabled: _.disabled,
-      class: y(["m-button m-button--animated-right", c.value])
+    return (r, $) => (o(), i("button", {
+      onClick: p,
+      disabled: r.disabled,
+      class: b(["m-button", [l.value, u.value]])
     }, [
       t("span", null, [
-        i(_.$slots, "default"),
-        _.icon ? (o(), r("svg", N, [
+        c(r.$slots, "default"),
+        r.icon ? (o(), i("svg", N, [
           t("use", {
-            "xlink:href": "#icon-" + _.icon
-          }, null, 8, W)
+            "xlink:href": "#icon-" + r.icon
+          }, null, 8, V)
         ])) : g("", !0)
       ])
     ], 10, j));
   }
-}), V = ["aria-label"], x = { class: "m-callout__inner" }, z = { class: "m-callout__icon" }, U = {
+}), F = ["aria-label"], x = { class: "m-callout__inner" }, z = { class: "m-callout__icon" }, U = {
   "aria-hidden": "true",
   class: "icon"
-}, X = ["xlink:href"], q = { class: "m-callout__body" }, G = { class: "m-callout__body__inner" }, J = { class: "m-callout__headline" }, K = { class: "m-callout__content" }, Q = /* @__PURE__ */ p({
+}, X = ["xlink:href"], q = { class: "m-callout__body" }, G = { class: "m-callout__body__inner" }, J = { class: "m-callout__headline" }, K = { class: "m-callout__content" }, Q = /* @__PURE__ */ h({
   __name: "MucCallout",
   props: {
     type: { default: "info" }
   },
   setup(a) {
-    const e = a, s = l(() => {
+    const e = a, s = d(() => {
       switch (e.type) {
         case "error":
           return "warning";
@@ -116,7 +117,7 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
         default:
           return "information";
       }
-    }), n = l(() => {
+    }), n = d(() => {
       switch (e.type) {
         case "error":
           return "m-callout--error";
@@ -127,7 +128,7 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
         default:
           return "m-callout--default";
       }
-    }), c = l(() => {
+    }), l = d(() => {
       switch (e.type) {
         case "success":
           return "Erfolgreich";
@@ -139,14 +140,14 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
           return "Information";
       }
     });
-    return (d, _) => (o(), r("div", {
-      class: y(["m-callout", n.value]),
-      "aria-label": c.value
+    return (u, p) => (o(), i("div", {
+      class: b(["m-callout", n.value]),
+      "aria-label": l.value
     }, [
       t("div", x, [
         t("div", z, [
-          i(d.$slots, "icon", {}, () => [
-            (o(), r("svg", U, [
+          c(u.$slots, "icon", {}, () => [
+            (o(), i("svg", U, [
               t("use", {
                 "xlink:href": `#icon-${s.value}`
               }, null, 8, X)
@@ -156,27 +157,27 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
         t("div", q, [
           t("div", G, [
             t("div", J, [
-              i(d.$slots, "header", {}, void 0, !0)
+              c(u.$slots, "header", {}, void 0, !0)
             ]),
             t("div", K, [
               t("p", null, [
-                i(d.$slots, "content", { class: "m-callout__content" }, void 0, !0)
+                c(u.$slots, "content", { class: "m-callout__content" }, void 0, !0)
               ])
             ])
           ])
         ])
       ])
-    ], 10, V));
+    ], 10, F));
   }
-}), b = (a, e) => {
+}), k = (a, e) => {
   const s = a.__vccOpts || a;
-  for (const [n, c] of e)
-    s[n] = c;
+  for (const [n, l] of e)
+    s[n] = l;
   return s;
-}, Y = /* @__PURE__ */ b(Q, [["__scopeId", "data-v-efad4956"]]), Z = (a) => (I("data-v-acf0a1dd"), a = a(), B(), a), tt = { class: "card-content" }, et = { class: "card-header" }, nt = {
+}, Y = /* @__PURE__ */ k(Q, [["__scopeId", "data-v-efad4956"]]), Z = (a) => (I("data-v-acf0a1dd"), a = a(), B(), a), tt = { class: "card-content" }, et = { class: "card-header" }, nt = {
   key: 0,
   class: "card-tagline"
-}, st = /* @__PURE__ */ Z(() => /* @__PURE__ */ t("div", { class: "muc-divider" }, null, -1)), at = /* @__PURE__ */ p({
+}, st = /* @__PURE__ */ Z(() => /* @__PURE__ */ t("div", { class: "muc-divider" }, null, -1)), at = /* @__PURE__ */ h({
   __name: "MucCard",
   props: {
     title: {},
@@ -185,33 +186,33 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
   emits: ["click"],
   setup(a, { emit: e }) {
     const s = e;
-    return (n, c) => (o(), r("div", {
+    return (n, l) => (o(), i("div", {
       class: "card",
-      onClick: c[0] || (c[0] = (d) => s("click", d))
+      onClick: l[0] || (l[0] = (u) => s("click", u))
     }, [
       t("div", tt, [
         t("div", et, [
-          i(n.$slots, "headerPrefix", {}, void 0, !0),
+          c(n.$slots, "headerPrefix", {}, void 0, !0),
           t("div", null, [
-            n.tagline ? (o(), r("div", nt, m(n.tagline), 1)) : g("", !0),
+            n.tagline ? (o(), i("div", nt, _(n.tagline), 1)) : g("", !0),
             t("div", null, [
-              t("h3", null, m(n.title), 1)
+              t("h3", null, _(n.title), 1)
             ])
           ])
         ]),
         st,
-        i(n.$slots, "content", {}, void 0, !0)
+        c(n.$slots, "content", {}, void 0, !0)
       ])
     ]));
   }
-}), ot = /* @__PURE__ */ b(at, [["__scopeId", "data-v-acf0a1dd"]]), rt = { class: "container card-container" }, it = /* @__PURE__ */ p({
+}), ot = /* @__PURE__ */ k(at, [["__scopeId", "data-v-acf0a1dd"]]), it = { class: "container card-container" }, rt = /* @__PURE__ */ h({
   __name: "MucCardContainer",
   setup(a) {
-    return (e, s) => (o(), r("div", rt, [
-      i(e.$slots, "default", {}, void 0, !0)
+    return (e, s) => (o(), i("div", it, [
+      c(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), ct = /* @__PURE__ */ b(it, [["__scopeId", "data-v-6740df8f"]]), lt = { class: "m-comment__head" }, dt = { class: "m-comment__initials" }, ut = { class: "m-comment__info" }, _t = { class: "m-comment__author" }, mt = { key: 0 }, ht = { class: "m-comment__author" }, pt = { class: "m-comment__date" }, vt = ["aria-label"], ft = /* @__PURE__ */ t("svg", {
+}), ct = /* @__PURE__ */ k(rt, [["__scopeId", "data-v-6740df8f"]]), lt = { class: "m-comment__head" }, dt = { class: "m-comment__initials" }, ut = { class: "m-comment__info" }, _t = { class: "m-comment__author" }, mt = { key: 0 }, ht = { class: "m-comment__author" }, pt = { class: "m-comment__date" }, vt = ["aria-label"], ft = /* @__PURE__ */ t("svg", {
   "aria-hidden": "true",
   class: "icon"
 }, [
@@ -235,74 +236,74 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
   /* @__PURE__ */ t("use", { "xlink:href": "#icon-solid-star" })
 ], -1), Ct = [
   kt
-], Mt = { class: "m-star-rating__numeric" }, St = { class: "m-comment__body" }, wt = { class: "m-comment__headline" }, Et = { class: "m-comment__text" }, It = "de-DE", Bt = 0.2, Ot = 0.8, $ = 5, E = /* @__PURE__ */ p({
+], Mt = { class: "m-star-rating__numeric" }, St = { class: "m-comment__body" }, wt = { class: "m-comment__headline" }, Et = { class: "m-comment__text" }, It = "de-DE", Bt = 0.2, At = 0.8, y = 5, E = /* @__PURE__ */ h({
   __name: "MucComment",
   props: {
     rating: {},
     variant: { default: "listing" }
   },
   setup(a) {
-    const e = O(), s = a, n = l(() => !!e.date), c = l(() => s.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), d = l(() => s.rating.toLocaleString(It.valueOf(), {
+    const e = A(), s = a, n = d(() => !!e.date), l = d(() => s.variant === "slider" ? "m-comment--slider" : "m-comment--listing"), u = d(() => s.rating.toLocaleString(It.valueOf(), {
       minimumFractionDigits: 1
-    })), _ = l(() => {
-      const u = +(s.rating % 1).toFixed(1);
-      let k = Math.min(Math.floor(s.rating), $), v = Math.floor($ - s.rating), C = !1;
-      return s.rating !== 0 && s.rating !== $ && (u <= Bt ? v++ : u >= Ot ? k++ : C = !0), {
-        fullStars: k,
+    })), p = d(() => {
+      const r = +(s.rating % 1).toFixed(1);
+      let $ = Math.min(Math.floor(s.rating), y), v = Math.floor(y - s.rating), C = !1;
+      return s.rating !== 0 && s.rating !== y && (r <= Bt ? v++ : r >= At ? $++ : C = !0), {
+        fullStars: $,
         emptyStars: v,
         isHalfStar: C
       };
     });
-    return (u, k) => (o(), r("div", {
-      class: y(["m-comment", c.value])
+    return (r, $) => (o(), i("div", {
+      class: b(["m-comment", l.value])
     }, [
       t("div", lt, [
         t("div", dt, [
-          i(u.$slots, "initials")
+          c(r.$slots, "initials")
         ]),
         t("div", ut, [
           t("span", _t, [
-            i(u.$slots, "author")
+            c(r.$slots, "author")
           ]),
-          n.value ? (o(), r("span", mt, [
+          n.value ? (o(), i("span", mt, [
             t("span", ht, [
-              h(" "),
-              i(u.$slots, "datePrefix")
+              m(" "),
+              c(r.$slots, "datePrefix")
             ]),
             t("span", pt, [
-              h(" "),
-              i(u.$slots, "date")
+              m(" "),
+              c(r.$slots, "date")
             ])
           ])) : g("", !0),
           t("div", {
             class: "m-star-rating",
             role: "img",
-            "aria-label": `Bewertung: ${u.rating} von ${$} Sternen`
+            "aria-label": `Bewertung: ${r.rating} von ${y} Sternen`
           }, [
-            (o(!0), r(M, null, S(_.value.fullStars, (v) => (o(), r("div", {
+            (o(!0), i(M, null, S(p.value.fullStars, (v) => (o(), i("div", {
               key: v,
               class: "m-star-rating__item m-star-rating__item--full"
             }, gt))), 128)),
-            _.value.isHalfStar ? (o(), r("div", $t, bt)) : g("", !0),
-            (o(!0), r(M, null, S(_.value.emptyStars, (v) => (o(), r("div", {
+            p.value.isHalfStar ? (o(), i("div", $t, bt)) : g("", !0),
+            (o(!0), i(M, null, S(p.value.emptyStars, (v) => (o(), i("div", {
               key: v,
               class: "m-star-rating__item"
             }, Ct))), 128)),
-            t("div", Mt, m(d.value), 1)
+            t("div", Mt, _(u.value), 1)
           ], 8, vt)
         ])
       ]),
       t("div", St, [
         t("div", wt, [
-          i(u.$slots, "headline")
+          c(r.$slots, "headline")
         ]),
         t("div", Et, [
-          i(u.$slots, "text")
+          c(r.$slots, "text")
         ])
       ])
     ], 2));
   }
-}), Rt = " ", Tt = /* @__PURE__ */ p({
+}), Ot = " ", Rt = /* @__PURE__ */ h({
   __name: "MucCommentText",
   props: {
     datePrefix: { default: "am" },
@@ -315,38 +316,38 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
     variant: { default: "listing" }
   },
   setup(a) {
-    const e = a, s = l(() => ((e.initials ?? e.author.split(Rt).map((n) => n.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
-    return (n, c) => (o(), R(T(E), {
+    const e = a, s = d(() => ((e.initials ?? e.author.split(Ot).map((n) => n.charAt(0)).join("")).match(/^.|.$/g) ?? [""]).join(""));
+    return (n, l) => (o(), O(R(E), {
       rating: n.rating,
       variant: n.variant
-    }, A({
+    }, T({
       initials: f(() => [
-        h(m(s.value), 1)
+        m(_(s.value), 1)
       ]),
       datePrefix: f(() => [
-        h("am")
+        m("am")
       ]),
       author: f(() => [
-        h(m(n.author), 1)
+        m(_(n.author), 1)
       ]),
       headline: f(() => [
-        h(m(n.headline), 1)
+        m(_(n.headline), 1)
       ]),
       text: f(() => [
-        h(m(n.text), 1)
+        m(_(n.text), 1)
       ]),
       _: 2
     }, [
       n.date ? {
         name: "date",
         fn: f(() => [
-          h(m(n.date), 1)
+          m(_(n.date), 1)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["rating", "variant"]));
   }
-}), At = {
+}), Tt = {
   class: "m-intro m-intro-static-image",
   style: { "background-color": "var(--color-neutrals-blue-xlight)" }
 }, Lt = { class: "container" }, Pt = { style: { width: "66.6%" } }, Dt = {
@@ -355,7 +356,7 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
 }, Ht = { class: "m-intro-vertical__title" }, jt = {
   key: 0,
   class: "muc-divider"
-}, Nt = { class: "m-intro-vertical__content" }, Wt = { style: { "padding-bottom": "32px" } }, Ft = /* @__PURE__ */ p({
+}, Nt = { class: "m-intro-vertical__content" }, Vt = { style: { "padding-bottom": "32px" } }, Wt = /* @__PURE__ */ h({
   __name: "MucIntro",
   props: {
     title: {},
@@ -363,33 +364,33 @@ const L = ["role", "aria-label"], P = { class: "container-fluid" }, D = /* @__PU
     divider: { type: Boolean }
   },
   setup(a) {
-    return (e, s) => (o(), r("div", At, [
+    return (e, s) => (o(), i("div", Tt, [
       t("div", Lt, [
         t("div", Pt, [
           t("div", null, [
-            e.tagline ? (o(), r("p", Dt, m(e.tagline), 1)) : g("", !0),
-            t("h1", Ht, m(e.title), 1)
+            e.tagline ? (o(), i("p", Dt, _(e.tagline), 1)) : g("", !0),
+            t("h1", Ht, _(e.title), 1)
           ]),
-          e.divider ? (o(), r("div", jt)) : g("", !0),
+          e.divider ? (o(), i("div", jt)) : g("", !0),
           t("div", Nt, [
-            t("p", Wt, [
-              i(e.$slots, "default", {}, void 0, !0)
+            t("p", Vt, [
+              c(e.$slots, "default", {}, void 0, !0)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Vt = /* @__PURE__ */ b(Ft, [["__scopeId", "data-v-3957c1bd"]]), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ft = /* @__PURE__ */ k(Wt, [["__scopeId", "data-v-3957c1bd"]]), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MucBanner: H,
-  MucButton: F,
+  MucButton: W,
   MucCallout: Y,
   MucCard: ot,
   MucCardContainer: ct,
   MucComment: E,
-  MucCommentText: Tt,
-  MucIntro: Vt
+  MucCommentText: Rt,
+  MucIntro: Ft
 }, Symbol.toStringTag, { value: "Module" }));
 function xt(a) {
   for (const e in w)
@@ -398,12 +399,12 @@ function xt(a) {
 const Ut = { install: xt };
 export {
   H as MucBanner,
-  F as MucButton,
+  W as MucButton,
   Y as MucCallout,
   ot as MucCard,
   ct as MucCardContainer,
   E as MucComment,
-  Tt as MucCommentText,
-  Vt as MucIntro,
+  Rt as MucCommentText,
+  Ft as MucIntro,
   Ut as default
 };

package/dist/types/components/BuisnessHours/BusinessHourType.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Shorthand notation of all seven days in german.
+ *
+ * @typedef {"Mo" | "Di" | "Mi" | "Do" | "Fr" | "Sa" | "So"} WeekDays
+ */
+type WeekDays = "Mo" | "Di" | "Mi" | "Do" | "Fr" | "Sa" | "So";
+/**
+ * @typedef {Object} OpeningHour
+ * @property {string} from - The start time of the opening period (in 'HH:mm' format).
+ * @property {string} to - The end time of the opening period (in 'HH:mm' format).
+ */
+type OpeningHour = {
+    from: string;
+    to: string;
+};
+/**
+ * @typedef {Object} BusinessHourType
+ * @property {WeekDays} weekDay - The day of the week for which the opening hours apply.
+ * @property {OpeningHour[]} openingHours - A list of opening hours for the specified day of the week.
+ */
+type BusinessHourType = {
+    weekDay: WeekDays;
+    openingHours: OpeningHour[];
+};
+export type { BusinessHourType, OpeningHour, WeekDays };

package/dist/types/components/BuisnessHours/BusinessHours.stories.d.ts

@@ -0,0 +1,116 @@
+declare const _default: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            businessHours: {
+                type: import("vue").PropType<import("./BusinessHourType.js").BusinessHourType[]>;
+                required: true;
+            };
+            toggleable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            businessHours: {
+                type: import("vue").PropType<import("./BusinessHourType.js").BusinessHourType[]>;
+                required: true;
+            };
+            toggleable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {
+            icon: string;
+            toggleable: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            businessHours: {
+                type: import("vue").PropType<import("./BusinessHourType.js").BusinessHourType[]>;
+                required: true;
+            };
+            toggleable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, {
+            icon: string;
+            toggleable: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        businessHours: {
+            type: import("vue").PropType<import("./BusinessHourType.js").BusinessHourType[]>;
+            required: true;
+        };
+        toggleable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        icon: string;
+        toggleable: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            hint(): any;
+        }> & {
+            hint(): any;
+        };
+    });
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        businessHours: {
+            weekDay: string;
+            openingHours: {
+                from: string;
+                to: string;
+            }[];
+        }[];
+        toggleable: boolean;
+    };
+};
+export declare const Fixed: {
+    args: {
+        toggleable: boolean;
+        businessHours: {
+            weekDay: string;
+            openingHours: {
+                from: string;
+                to: string;
+            }[];
+        }[];
+    };
+};

package/dist/types/components/BuisnessHours/MucBusinessHours.vue.d.ts

@@ -0,0 +1,72 @@
+import { BusinessHourType } from "./BusinessHourType";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * This array includes all the opening hours for all days of the week.
+     */
+    businessHours: BusinessHourType[];
+    /**
+     * Lets you choose between the toggleable and fixed state of the component.
+     * In the fixed state, no toggle button will be shown.
+     */
+    toggleable?: boolean | undefined;
+    /**
+     * Choose an icon for the toggle button. The default if none is given is the time icon.
+     */
+    icon?: string | undefined;
+}>, {
+    icon: string;
+    toggleable: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /**
+     * This array includes all the opening hours for all days of the week.
+     */
+    businessHours: BusinessHourType[];
+    /**
+     * Lets you choose between the toggleable and fixed state of the component.
+     * In the fixed state, no toggle button will be shown.
+     */
+    toggleable?: boolean | undefined;
+    /**
+     * Choose an icon for the toggle button. The default if none is given is the time icon.
+     */
+    icon?: string | undefined;
+}>, {
+    icon: string;
+    toggleable: boolean;
+}>>>, {
+    icon: string;
+    toggleable: boolean;
+}, {}>, Readonly<{
+    /**
+     * Display a hint beneath all the opening hours.
+     */
+    hint(): any;
+}> & {
+    /**
+     * Display a hint beneath all the opening hours.
+     */
+    hint(): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};