@pnx-mixtape/mxds 0.0.11 → 0.0.13

package/dist/build/navigation.css

@@ -197,6 +197,10 @@
           }
         }
 
+      .mx-nav--dropdown a:focus-visible {
+        outline-offset: -2px;
+      }
+
     .mx-nav--dropdown li > ul {
       transition:
         0.2s opacity var(--ease),
@@ -389,4 +393,4 @@
       }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9uYXZpZ2F0aW9uLmNzcyIsIl9uYXZpZ2F0aW9uLWNvbGxhcHNpYmxlLmNzcyIsIl9uYXZpZ2F0aW9uLWRyb3Bkb3duLmNzcyIsIl9uYXZpZ2F0aW9uLW1lZ2EuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7O01BRUUsYUFBYTtNQUNiLHNCQUFzQjtNQUN0QixxQkFBcUI7TUFDckIsdUJBQXVCO01BQ3ZCLGlEQUFpRDtJQUNuRDs7SUFFQTtNQUNFLDJCQUEyQjs7TUFFM0IsMEJBQWdEOztNQUFoRCxnREFBZ0Q7SUFLbEQ7O01BSEU7UUFDRSwrQkFBNEQ7UUFBNUQsNERBQTREO01BQzlEO0lBS0Y7O01BRUUsbUJBQW1CO01BQ25CLG1CQUFtQjtNQUNuQixxQ0FBcUM7SUFDdkM7O0VBR0Y7SUFDRSxpRkFBaUI7SUFBakIsbUJBQWlCO0lBQ2pCLFVBQVU7SUFDVixTQUFTO0lBQ1Qsd0JBQWdCO09BQWhCLHFCQUFnQjtZQUFoQixnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCOzs7S0FHQztJQUNELDZCQUE2QjtJQUM3Qiw0QkFBNEI7SUFDNUIsdUJBQTBDO0lBQTFDLDBDQUEwQztJQUMxQyxtQkFBbUI7SUFDbkIsZUFBZTtFQUNqQjtJQUdFO01BQ0UseUJBQXlCO0lBQzNCO0FBRUo7O0FDekRBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxxQ0FBcUM7SUFLdkM7O01BSEU7SUFIRjtRQUlJLGNBQWM7SUFFbEI7TUFERTs7SUFHRjtNQUNFLGtCQUFrQjtJQW1CcEI7O01BakJFO1FBQ0Usb0NBQW9DO01BQ3RDOztNQUVBO1FBQ0UsY0FBYztRQUNkLGNBQWM7UUFDZDtrREFDMEM7UUFEMUM7a0RBQzBDO1FBQzFDLHNEQUFzRDtRQUN0RDtpREFDeUM7TUFLM0M7O1FBSEU7VUFDRSxvQkFBb0I7UUFDdEI7O0lBSUo7TUFDRSwwQkFBMEI7SUFLNUI7O01BSEU7O0lBSEY7UUFJSSwwQkFBMEI7SUFFOUI7TUFERTs7SUFHRjtNQUNF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IE5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1uYXYge1xuICAgICY6d2hlcmUoOm5vdCg6aGFzKHVsKSkpLFxuICAgIHVsIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBmb250LXNpemU6IHZhcigtLW5hdi1mb250LXNpemUsIHZhcigtLWZvbnQtc2l6ZSkpO1xuICAgIH1cblxuICAgICYgYVtocmVmXSB7XG4gICAgICAtLWxpbmstY29sb3VyOiBjdXJyZW50Y29sb3I7XG5cbiAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB2YXIoLS1uYXYtdW5kZXJsaW5lLCBub25lKTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB2YXIoLS1uYXYtYWN0aXZlLXVuZGVybGluZSwgdW5kZXJsaW5lKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAubXgtbmF2LS1pbmxpbmUge1xuICAgICY6d2hlcmUoOm5vdCg6aGFzKHVsKSkpLFxuICAgID4gdWwge1xuICAgICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IHZhcigtLW5hdi1nYXAsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIH1cbiAgfVxuXG4gIC5teC1uYXZfX3RvZ2dsZSB7XG4gICAgYmFja2dyb3VuZDogdW5zZXQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBib3JkZXI6IDA7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgY29sb3I6IHZhcihcbiAgICAgIC0tdG9nZ2xlLWZvcmVncm91bmQsXG4gICAgICB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpXG4gICAgKTtcbiAgICBpbmxpbmUtc2l6ZTogdmFyKC0tc3BhY2luZy1sKTtcbiAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS10b2dnbGUtdG9wLCAxMnB4KTtcbiAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuXG4gIC5teC1uYXYtLW9wZW4ge1xuICAgICYgPiAubXgtbmF2X190b2dnbGU6OmJlZm9yZSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuIiwiLyoqXG4gKiBDb2xsYXBzaWJsZSBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1uYXYtLWNvbGxhcHNpYmxlIHtcbiAgICAmIC5teC1uYXZfX3RvZ2dsZSB7XG4gICAgICBpbnNldC1pbmxpbmU6IGF1dG8gdmFyKC0tc3BhY2luZy14eHMpO1xuXG4gICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgdWwgbGkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAmOmhhcyhbYXJpYS1jdXJyZW50PVwicGFnZVwiXSwgLmlzLWFjdGl2ZSkgPiBhIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgfVxuXG4gICAgICAmIGEge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhzKSlcbiAgICAgICAgICB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgJjppcyg6Zm9jdXMsIDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMyA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUgPiBhKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgbGkgPiB1bCB7XG4gICAgICB0cmFuc2l0aW9uOlxuICAgICAgICB0cmFuc2Zvcm0gMC4ycyB2YXIoLS1lYXNlKSxcbiAgICAgICAgb3BhY2l0eSAwLjhzIHZhcigtLWVhc2UpO1xuICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wO1xuICAgICAgd2lsbC1jaGFuZ2U6IGJsb2NrLXNpemU7XG5cbiAgICAgICZbaW5lcnRdIHtcbiAgICAgICAgYmxvY2stc2l6ZTogMDtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVkoMCk7XG4gICAgICAgIHRyYW5zaXRpb246XG4gICAgICAgICAgdHJhbnNmb3JtIDAuOHMgdmFyKC0tZWFzZSksXG4gICAgICAgICAgb3BhY2l0eSAwLjJzIHZhcigtLWVhc2UpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgbGk6aXMoLm14LW5hdl9faGFzLXN1Ym5hdiwgOmhhcyg+IHVsKSkgPiBhIHtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICB9XG4gIH1cbn1cbiIsIi8qKlxuICogRHJvcGRvd24gTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtbmF2LS1kcm9wZG93biB7XG4gICAgLS1uYXYtYWN0aXZlLXVuZGVybGluZTogbm9uZTtcblxuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgfVxuXG4gICAgJiBsaSB7XG4gICAgICBtYXJnaW46IDA7XG5cbiAgICAgICY6aXMoLm14LW5hdl9faGFzLXN1Ym5hdiwgOmhhcyg+IHVsKSkge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICAgJiA+IGEge1xuICAgICAgICAgIC0tdG9nZ2xlLWdhcDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgYSB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcblxuICAgICAgJlthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXSB7XG4gICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAgICAgLS1uYXYtZXhwYW5kZWQtYmFja2dyb3VuZCxcbiAgICAgICAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kLWFsdCkpXG4gICAgICAgICAgKTtcbiAgICAgICAgICBjb2xvcjogdmFyKC0tbmF2LWV4cGFuZGVkLWZvcmVncm91bmQsIGluaGVyaXQpO1xuXG4gICAgICAgICAgJiArIC5uYXZfX3RvZ2dsZSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tbmF2LWV4cGFuZGVkLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgbGkgPiB1bCB7XG4gICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAwLjJzIG9wYWNpdHkgdmFyKC0tZWFzZSksXG4gICAgICAgIDAuMnMgdmlzaWJpbGl0eSB2YXIoLS1lYXNlKTtcblxuICAgICAgJltpbmVydF0ge1xuICAgICAgICBibG9jay1zaXplOiAwO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICAgIHRyYW5zaXRpb246XG4gICAgICAgICAgMC4ycyBvcGFjaXR5IHZhcigtLWVhc2UpLFxuICAgICAgICAgIDAuMnMgdmlzaWJpbGl0eSB2YXIoLS1lYXNlKTtcblxuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICAgIGJsb2NrLXNpemU6IGF1dG87XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTEge1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICAgIGZsZXgtZmxvdzogcm93O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICB9XG5cbiAgICAgICYgPiBsaSB7XG4gICAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG5cbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmID4gYTp3aGVyZSg6bm90KC5idXR0b24pKSB7XG4gICAgICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogdmFyKFxuICAgICAgICAgICAgLS10b2dnbGUtZ2FwLFxuICAgICAgICAgICAgdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpXG4gICAgICAgICAgKTtcblxuICAgICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgbWFyZ2luOiAwO1xuXG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGlubGluZS1zaXplOiB2YXIoLS1kcm9wZG93bi13aWR0aCwgMjcwcHgpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAgIC0tbmF2LWV4cGFuZGVkLWJhY2tncm91bmQsXG4gICAgICAgICAgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSlcbiAgICAgICAgKTtcbiAgICAgICAgY29sb3I6IHZhcigtLW5hdi1leHBhbmRlZC1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcblxuICAgICAgICAmIC5teC1uYXZfX3RvZ2dsZTo6YmVmb3JlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICYgPiBsaSB7XG4gICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LWRvd24pIHtcbiAgICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIH1cblxuICAgICAgICAmID4gYSB7XG4gICAgICAgICAgJjp3aGVyZSg6bm90KC5idXR0b24pKSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LWRvd24pIHtcbiAgICAgICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2LS1yZXZlcnNlIC5uYXZfX2xldmVsLTIge1xuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgaW5zZXQtaW5saW5lOiBhdXRvIDA7XG5cbiAgICAgICAgJiAubXgtbmF2X190b2dnbGU6OmJlZm9yZSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2X19zZXBhcmF0b3Ige1xuICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgfVxuICB9XG59XG4iLCIvKipcbiAqIERyb3Bkb3duIE5hdmlnYXRpb24gLSBNZWdhIE5hdlxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtbmF2LS1tZWdhLW5hdiB7XG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgbWF4LWJsb2NrLXNpemU6IDEwMCU7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgdWwge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgIGJvcmRlci1ibG9jay1zdGFydDogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1jb2xvdXIpO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiB2YXIoLS1kcm9wZG93bi13aWR0aCwgMjcwcHgpO1xuICAgICAgICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgICAgICAgaW5saW5lLXNpemU6IHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCk7XG4gICAgICAgIG1pbi1ibG9jay1zaXplOiAxMDAlO1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWJvcmRlci1yYWRpdXMpIHZhcigtLWJvcmRlci1yYWRpdXMpIDA7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAtLWV4cGFuZGVkLWJhY2tncm91bmQsXG4gICAgICAgICAgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KVxuICAgICAgICApO1xuICAgICAgICBjb2xvcjogdmFyKC0tZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gICAgICB9XG5cbiAgICAgICYgPiBsaSA+IGE6d2hlcmUoOm5vdCgubXgtYnV0dG9uKSkge1xuICAgICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2LS1yZXZlcnNlIC5teC1uYXZfX2xldmVsLTIgdWwge1xuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCkgKiAtMSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpIDAgMCB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9uYXZpZ2F0aW9uLmNzcyIsIl9uYXZpZ2F0aW9uLWNvbGxhcHNpYmxlLmNzcyIsIl9uYXZpZ2F0aW9uLWRyb3Bkb3duLmNzcyIsIl9uYXZpZ2F0aW9uLW1lZ2EuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7O01BRUUsYUFBYTtNQUNiLHNCQUFzQjtNQUN0QixxQkFBcUI7TUFDckIsdUJBQXVCO01BQ3ZCLGlEQUFpRDtJQUNuRDs7SUFFQTtNQUNFLDJCQUEyQjs7TUFFM0IsMEJBQWdEOztNQUFoRCxnREFBZ0Q7SUFLbEQ7O01BSEU7UUFDRSwrQkFBNEQ7UUFBNUQsNERBQTREO01BQzlEO0lBS0Y7O01BRUUsbUJBQW1CO01BQ25CLG1CQUFtQjtNQUNuQixxQ0FBcUM7SUFDdkM7O0VBR0Y7SUFDRSxpRkFBaUI7SUFBakIsbUJBQWlCO0lBQ2pCLFVBQVU7SUFDVixTQUFTO0lBQ1Qsd0JBQWdCO09BQWhCLHFCQUFnQjtZQUFoQixnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCOzs7S0FHQztJQUNELDZCQUE2QjtJQUM3Qiw0QkFBNEI7SUFDNUIsdUJBQTBDO0lBQTFDLDBDQUEwQztJQUMxQyxtQkFBbUI7SUFDbkIsZUFBZTtFQUNqQjtJQUdFO01BQ0UseUJBQXlCO0lBQzNCO0FBRUo7O0FDekRBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxxQ0FBcUM7SUFLdkM7O01BSEU7SUFIRjtRQUlJLGNBQWM7SUFFbEI7TUFERTs7SUFHRjtNQUNFLGtCQUFrQjtJQW1CcEI7O01BakJFO1FBQ0Usb0NBQW9DO01BQ3RDOztNQUVBO1FBQ0UsY0FBYztRQUNkLGNBQWM7UUFDZDtrREFDMEM7UUFEMUM7a0RBQzBDO1FBQzFDLHNEQUFzRDtRQUN0RDtpREFDeUM7TUFLM0M7O1FBSEU7VUFDRSxvQkFBb0I7UUFDdEI7O0lBSUo7TUFDRSwwQkFBMEI7SUFLNUI7O01BSEU7O0lBSEY7UUFJSSwwQkFBMEI7SUFFOUI7TUFERTs7SUFHRjtNQUNF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InNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmF0b21zIHtcbiAgLm14LW5hdiB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXModWwpKSksXG4gICAgdWwge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tbmF2LWZvbnQtc2l6ZSwgdmFyKC0tZm9udC1zaXplKSk7XG4gICAgfVxuXG4gICAgJiBhW2hyZWZdIHtcbiAgICAgIC0tbGluay1jb2xvdXI6IGN1cnJlbnRjb2xvcjtcblxuICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHZhcigtLW5hdi11bmRlcmxpbmUsIG5vbmUpO1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHZhcigtLW5hdi1hY3RpdmUtdW5kZXJsaW5lLCB1bmRlcmxpbmUpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5teC1uYXYtLWlubGluZSB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXModWwpKSksXG4gICAgPiB1bCB7XG4gICAgICBmbGV4LWZsb3c6IHJvdyB3cmFwO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogdmFyKC0tbmF2LWdhcCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgfVxuICB9XG5cbiAgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICBiYWNrZ3JvdW5kOiB1bnNldDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlcjogMDtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBjb2xvcjogdmFyKFxuICAgICAgLS10b2dnbGUtZm9yZWdyb3VuZCxcbiAgICAgIHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSlcbiAgICApO1xuICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgIGJsb2NrLXNpemU6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXRvZ2dsZS10b3AsIDEycHgpO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5cbiAgLm14LW5hdi0tb3BlbiB7XG4gICAgJiA+IC5teC1uYXZfX3RvZ2dsZTo6YmVmb3JlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuICB9XG59XG4iLCIvKipcbiAqIENvbGxhcHNpYmxlIE5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LW5hdi0tY29sbGFwc2libGUge1xuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGluc2V0LWlubGluZTogYXV0byB2YXIoLS1zcGFjaW5nLXh4cyk7XG5cbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiB1bCBsaSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICY6aGFzKFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCAuaXMtYWN0aXZlKSA+IGEge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB9XG5cbiAgICAgICYgYSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWluZGVudCwgdmFyKC0tc3BhY2luZy14eHMpKVxuICAgICAgICAgIHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcblxuICAgICAgICAmOmlzKDpmb2N1cywgOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMiA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1zKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2X19sZXZlbC0zID4gbGkgPiBhIHtcbiAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuXG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIDppcyhbYXJpYS1jdXJyZW50PVwicGFnZVwiXSwgLmlzLWFjdGl2ZSA+IGEpIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgLS1uYXYtYWN0aXZlLWJhY2tncm91bmQsXG4gICAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kLWFsdCkpXG4gICAgICApO1xuICAgICAgY29sb3I6IHZhcigtLW5hdi1hY3RpdmUtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gICAgfVxuXG4gICAgJiBsaSA+IHVsIHtcbiAgICAgIHRyYW5zaXRpb246XG4gICAgICAgIHRyYW5zZm9ybSAwLjJzIHZhcigtLWVhc2UpLFxuICAgICAgICBvcGFjaXR5IDAuOHMgdmFyKC0tZWFzZSk7XG4gICAgICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3A7XG4gICAgICB3aWxsLWNoYW5nZTogYmxvY2stc2l6ZTtcblxuICAgICAgJltpbmVydF0ge1xuICAgICAgICBibG9jay1zaXplOiAwO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlWSgwKTtcbiAgICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgICB0cmFuc2Zvcm0gMC44cyB2YXIoLS1lYXNlKSxcbiAgICAgICAgICBvcGFjaXR5IDAuMnMgdmFyKC0tZWFzZSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBsaTppcygubXgtbmF2X19oYXMtc3VibmF2LCA6aGFzKD4gdWwpKSA+IGEge1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgIH1cbiAgfVxufVxuIiwiLyoqXG4gKiBEcm9wZG93biBOYXZpZ2F0aW9uXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1uYXYtLWRyb3Bkb3duIHtcbiAgICAtLW5hdi1hY3RpdmUtdW5kZXJsaW5lOiBub25lO1xuXG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zcGFjaW5nLW0pO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIG1hcmdpbi1ibG9jazogMDtcbiAgICB9XG5cbiAgICAmIGxpIHtcbiAgICAgIG1hcmdpbjogMDtcblxuICAgICAgJjppcygubXgtbmF2X19oYXMtc3VibmF2LCA6aGFzKD4gdWwpKSB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAmID4gYSB7XG4gICAgICAgICAgLS10b2dnbGUtZ2FwOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuXG4gICAgICAmW2FyaWEtZXhwYW5kZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAtLW5hdi1leHBhbmRlZC1iYWNrZ3JvdW5kLFxuICAgICAgICAgICAgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSlcbiAgICAgICAgICApO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS1uYXYtZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG5cbiAgICAgICAgICAmICsgLm5hdl9fdG9nZ2xlIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1uYXYtZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuICAgICAgfVxuICAgIH1cblxuICAgICYgbGkgPiB1bCB7XG4gICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAwLjJzIG9wYWNpdHkgdmFyKC0tZWFzZSksXG4gICAgICAgIDAuMnMgdmlzaWJpbGl0eSB2YXIoLS1lYXNlKTtcblxuICAgICAgJltpbmVydF0ge1xuICAgICAgICBibG9jay1zaXplOiAwO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICAgIHRyYW5zaXRpb246XG4gICAgICAgICAgMC4ycyBvcGFjaXR5IHZhcigtLWVhc2UpLFxuICAgICAgICAgIDAuMnMgdmlzaWJpbGl0eSB2YXIoLS1lYXNlKTtcblxuICAgICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICAgIGJsb2NrLXNpemU6IGF1dG87XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTEge1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICAgIGZsZXgtZmxvdzogcm93O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICB9XG5cbiAgICAgICYgPiBsaSB7XG4gICAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG5cbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmID4gYTp3aGVyZSg6bm90KC5idXR0b24pKSB7XG4gICAgICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogdmFyKFxuICAgICAgICAgICAgLS10b2dnbGUtZ2FwLFxuICAgICAgICAgICAgdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpXG4gICAgICAgICAgKTtcblxuICAgICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taXRlbS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgbWFyZ2luOiAwO1xuXG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGlubGluZS1zaXplOiB2YXIoLS1kcm9wZG93bi13aWR0aCwgMjcwcHgpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAgIC0tbmF2LWV4cGFuZGVkLWJhY2tncm91bmQsXG4gICAgICAgICAgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSlcbiAgICAgICAgKTtcbiAgICAgICAgY29sb3I6IHZhcigtLW5hdi1leHBhbmRlZC1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcblxuICAgICAgICAmIC5teC1uYXZfX3RvZ2dsZTo6YmVmb3JlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICYgPiBsaSB7XG4gICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LWRvd24pIHtcbiAgICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIH1cblxuICAgICAgICAmID4gYSB7XG4gICAgICAgICAgJjp3aGVyZSg6bm90KC5idXR0b24pKSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LWRvd24pIHtcbiAgICAgICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2LS1yZXZlcnNlIC5uYXZfX2xldmVsLTIge1xuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgaW5zZXQtaW5saW5lOiBhdXRvIDA7XG5cbiAgICAgICAgJiAubXgtbmF2X190b2dnbGU6OmJlZm9yZSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2X19zZXBhcmF0b3Ige1xuICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgfVxuICB9XG59XG4iLCIvKipcbiAqIERyb3Bkb3duIE5hdmlnYXRpb24gLSBNZWdhIE5hdlxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtbmF2LS1tZWdhLW5hdiB7XG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgbWF4LWJsb2NrLXNpemU6IDEwMCU7XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgdWwge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgIGJvcmRlci1ibG9jay1zdGFydDogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1jb2xvdXIpO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiB2YXIoLS1kcm9wZG93bi13aWR0aCwgMjcwcHgpO1xuICAgICAgICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgICAgICAgaW5saW5lLXNpemU6IHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCk7XG4gICAgICAgIG1pbi1ibG9jay1zaXplOiAxMDAlO1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwIHZhcigtLWJvcmRlci1yYWRpdXMpIHZhcigtLWJvcmRlci1yYWRpdXMpIDA7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAtLWV4cGFuZGVkLWJhY2tncm91bmQsXG4gICAgICAgICAgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KVxuICAgICAgICApO1xuICAgICAgICBjb2xvcjogdmFyKC0tZXhwYW5kZWQtZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gICAgICB9XG5cbiAgICAgICYgPiBsaSA+IGE6d2hlcmUoOm5vdCgubXgtYnV0dG9uKSkge1xuICAgICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbmF2LS1yZXZlcnNlIC5teC1uYXZfX2xldmVsLTIgdWwge1xuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWRyb3Bkb3duLXdpZHRoLCAyNzBweCkgKiAtMSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpIDAgMCB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */

package/dist/build/sidebar.css

@@ -6,62 +6,28 @@
     .mx-grid--sidebar:where(:not(:has(> aside))) {
       grid-column: narrow;
     }
-      @media (min-width: 720px) {
 
     .mx-grid--sidebar:where(:has(> aside)) {
-        display: grid;
-        grid-template-columns: 76ch auto;
-        grid-template-columns: var(--container-max-width, 76ch) auto;
-        grid-gap: var(--sidebar-gap, var(--gap));
-        gap: var(--sidebar-gap, var(--gap));
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--sidebar-gap, var(--gap));
+      justify-content: space-between;
     }
-      }
-
-        @media (min-width: 720px) {
-
-        @media (min-width: 946px) {
-
-        @media (max-color:2147477350) and (max-color:2147477350) {
-
-    .mx-grid--sidebar:where(:has(> aside)) {
-          --sidebar-gap: 18ch;
-    }
-        }
-        }
-
-        @media not all and (min-width: 946px) {
-
-        @media (max-color:2147477350) and (color:2147477350) {
-
-    .mx-grid--sidebar:where(:has(> aside)) {
-          --sidebar-gap: 18ch;
-    }
-        }
-        }
-        }
-
-        @media not all and (min-width: 720px) {
-
-        @media (min-width: 946px) {
 
-        @media (color:2147477350) and (max-color:2147477350) {
-
-    .mx-grid--sidebar:where(:has(> aside)) {
-          --sidebar-gap: 18ch;
-    }
-        }
-        }
-
-        @media not all and (min-width: 946px) {
-
-        @media (color:2147477350) and (color:2147477350) {
+      .mx-grid--sidebar:where(:has(> aside)) > aside {
+        flex-grow: 1;
+        max-inline-size: 24ch;
+        max-inline-size: var(--sidebar-width, 24ch);
+      }
 
-    .mx-grid--sidebar:where(:has(> aside)) {
-          --sidebar-gap: 18ch;
-    }
-        }
-        }
-        }
+      .mx-grid--sidebar:where(:has(> aside)) > section {
+        flex-basis: 0;
+        flex-grow: 999;
+        min-inline-size: 50%;
+        min-inline-size: var(--content-min, 50%);
+        max-inline-size: 76ch;
+        max-inline-size: var(--container-max-width, 76ch);
+      }
           .mx-grid--sidebar.mx-grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):first-child {
             order: 2;
           }
@@ -78,18 +44,6 @@
               order: 1;
             }
         }
-        @media (min-width: 946px) {
-
-      .mx-grid--sidebar:where(:has(> aside)):is(.mx-grid--sidebar-rev, .mx-grid--sidebar-rev-lg) {
-          grid-template-columns: auto 76ch;
-          grid-template-columns: auto var(--container-max-width, 76ch);
-      }
-        }
-
-    .mx-grid--sidebar:where(:has(> aside:first-child)) {
-      grid-template-columns: auto 76ch;
-      grid-template-columns: auto var(--container-max-width, 76ch);
-    }
 }
 
 /**
@@ -102,4 +56,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7TUFHRTs7SUFERjtRQUVJLGFBQWE7UUFDYixnQ0FBNEQ7UUFBNUQsNERBQTREO1FBQzVELHdDQUFtQztRQUFuQyxtQ0FBbUM7SUFzQ3ZDO01BakNFOztRQUhFOztRQUFBOztRQUFBOztJQU5KO1VBT00sbUJBQW1CO0lBbUN6QjtRQWxDSTtRQUFBOztRQUZBOztRQUFBOztJQU5KO1VBT00sbUJBQW1CO0lBbUN6QjtRQWxDSTtRQUFBO1FBQUE7O1FBRkE7O1FBQUE7O1FBQUE7O0lBTko7VUFPTSxtQkFBbUI7SUFtQ3pCO1FBbENJO1FBQUE7O1FBRkE7O1FBQUE7O0lBTko7VUFPTSxtQkFBbUI7SUFtQ3pCO1FBbENJO1FBQUE7UUFBQTtVQUtFO1lBQ0UsUUFBUTtVQUNWOztVQUVBO1lBQ0UsUUFBUTtVQUNWO1FBS0Y7WUFFSTtjQUNFLFFBQVE7WUFDVjs7WUFFQTtjQUNFLFFBQVE7WUFDVjtRQUVKO1FBSUE7O01BREY7VUFFSSxnQ0FBNEQ7VUFBNUQsNERBQTREO01BRWhFO1FBREU7O0lBSUo7TUFDRSxnQ0FBNEQ7TUFBNUQsNERBQTREO0lBQzlEO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InNpZGViYXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdlIHdpdGggU2lkZWJhclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZC0tc2lkZWJhciB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXMoPiBhc2lkZSkpKSB7XG4gICAgICBncmlkLWNvbHVtbjogbmFycm93O1xuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlKSkge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpIGF1dG87XG4gICAgICAgIGdhcDogdmFyKC0tc2lkZWJhci1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgICAgIC0tc2lkZWJhci1nYXA6IDE4Y2g7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJi5teC1ncmlkLS1zaWRlYmFyLXJldiB7XG4gICAgICAgICYgPiA6aXMoc2VjdGlvbiwgYXNpZGUpIHtcbiAgICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgIG9yZGVyOiAyO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICBvcmRlcjogMTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJi5teC1ncmlkLS1zaWRlYmFyLXJldi1sZyB7XG4gICAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgICAmID4gOmlzKHNlY3Rpb24sIGFzaWRlKSB7XG4gICAgICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgb3JkZXI6IDI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgIG9yZGVyOiAxO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmlzKC5teC1ncmlkLS1zaWRlYmFyLXJldiwgLm14LWdyaWQtLXNpZGViYXItcmV2LWxnKSB7XG4gICAgICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoLCA3NmNoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlOmZpcnN0LWNoaWxkKSkge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBhdXRvIHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFByaW50IHN0eWxlc2hlZXRcbiAqL1xuXG5AbWVkaWEgcHJpbnQge1xuICAubXgtcGFnZV9fc2lkZWJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7O0lBRUE7TUFDRSxhQUFhO01BQ2IsZUFBZTtNQUNmLG1DQUFtQztNQUNuQyw4QkFBOEI7SUF1Q2hDOztNQXJDRTtRQUNFLFlBQVk7UUFDWixxQkFBMkM7UUFBM0MsMkNBQTJDO01BQzdDOztNQUVBO1FBQ0UsYUFBYTtRQUNiLGNBQWM7UUFDZCxvQkFBd0M7UUFBeEMsd0NBQXdDO1FBQ3hDLHFCQUFpRDtRQUFqRCxpREFBaUQ7TUFDbkQ7VUFJSTtZQUNFLFFBQVE7VUFDVjs7VUFFQTtZQUNFLFFBQVE7VUFDVjtRQUtGO1lBRUk7Y0FDRSxRQUFRO1lBQ1Y7O1lBRUE7Y0FDRSxRQUFRO1lBQ1Y7UUFFSjtBQUlSOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRiIsImZpbGUiOiJzaWRlYmFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogUGFnZSB3aXRoIFNpZGViYXJcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWdyaWQtLXNpZGViYXIge1xuICAgICY6d2hlcmUoOm5vdCg6aGFzKD4gYXNpZGUpKSkge1xuICAgICAgZ3JpZC1jb2x1bW46IG5hcnJvdztcbiAgICB9XG5cbiAgICAmOndoZXJlKDpoYXMoPiBhc2lkZSkpIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IHZhcigtLXNpZGViYXItZ2FwLCB2YXIoLS1nYXApKTtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgJiA+IGFzaWRlIHtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IHZhcigtLXNpZGViYXItd2lkdGgsIDI0Y2gpO1xuICAgICAgfVxuXG4gICAgICAmID4gc2VjdGlvbiB7XG4gICAgICAgIGZsZXgtYmFzaXM6IDA7XG4gICAgICAgIGZsZXgtZ3JvdzogOTk5O1xuICAgICAgICBtaW4taW5saW5lLXNpemU6IHZhcigtLWNvbnRlbnQtbWluLCA1MCUpO1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpO1xuICAgICAgfVxuXG4gICAgICAmLm14LWdyaWQtLXNpZGViYXItcmV2IHtcbiAgICAgICAgJiA+IDppcyhzZWN0aW9uLCBhc2lkZSkge1xuICAgICAgICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgb3JkZXI6IDI7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIG9yZGVyOiAxO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmLm14LWdyaWQtLXNpZGViYXItcmV2LWxnIHtcbiAgICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICAgICYgPiA6aXMoc2VjdGlvbiwgYXNpZGUpIHtcbiAgICAgICAgICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgICBvcmRlcjogMjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgb3JkZXI6IDE7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogUHJpbnQgc3R5bGVzaGVldFxuICovXG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1wYWdlX19zaWRlYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnx-mixtape/mxds",
   "description": "The Mixtape Design System",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "scripts": {
     "dev": "concurrently -k -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run dev-vite\" \"npm run dev-storybook\"",
     "build": "concurrently -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run build-vite\" \"npm run build-storybook\"",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.5",
     "@oddbird/popover-polyfill": "^0.4.3",
-    "@pnx-mixtape/ids-shape": "^0.0.17",
+    "@pnx-mixtape/ids-shape": "^0.0.18",
     "classnames": "^2.5.1",
     "js-cookie": "^3.0.5",
     "react": "^18.3.1",

package/src/Atom/Button/_buttons.css

@@ -5,7 +5,7 @@
 @layer design-system.atoms {
   .mx-button {
     --outline-offset: 1px;
-    --outline-width: 4px;
+    --outline-width: 2px;
 
     display: inline-flex;
     inline-size: fit-content;

package/src/Atom/Media/media.twig

@@ -4,7 +4,7 @@
   type ? baseClass~'--'~type : null,
   align ? baseClass~'--'~align : null,
 ] %}
-{% set attributes = attributes ?? create_attribute().addClass(classes) %}
+{% set attributes = (attributes ?? create_attribute()).addClass(classes) %}
 
 <figure{{ attributes }}>
   {{ item }}

package/src/Atom/Video/video.twig

@@ -1,4 +1,4 @@
-{% set attributes = attributes ?? create_attribute().addClass("mx-video") %}
+{% set attributes = (attributes ?? create_attribute()).addClass("mx-video") %}
 <figure{{ attributes }}>
   <iframe
       src="{{ src }}"

package/src/Component/Filters/filters.entry.js

@@ -0,0 +1 @@
+import "./Elements/Filters"

package/src/Component/InPageNavigation/Elements/InPageNavigation.ts

@@ -22,14 +22,24 @@ export default class InPageNavigation extends HTMLElement {
 
   connectedCallback(): void {
     if (!this.menu || !this.headings) return
-
-    this.headings.forEach((heading: HTMLHeadingElement) => {
-      const listItem: HTMLLIElement = this.generateListItem(heading)
-      const link: HTMLAnchorElement = this.generateAnchor(heading)
-      this.items.push({ link, heading })
-      listItem.appendChild(link)
-      this.menu?.appendChild(listItem)
-    })
+    if (!this.links.length) {
+      // Build links if not provided.
+      this.headings.forEach((heading: HTMLHeadingElement) => {
+        const listItem: HTMLLIElement = this.generateListItem(heading)
+        const link: HTMLAnchorElement = this.generateAnchor(heading)
+        this.items.push({ link, heading })
+        listItem.appendChild(link)
+        this.menu?.appendChild(listItem)
+      })
+    } else {
+      this.links.forEach((link: HTMLAnchorElement) => {
+        const heading: HTMLHeadingElement = this.container.querySelector(
+          link.href,
+        )
+        if (!heading) return
+        this.items.push({ link, heading })
+      })
+    }
 
     const { signal }: AbortController = this.controller
 
@@ -100,7 +110,7 @@ export default class InPageNavigation extends HTMLElement {
     const targetID: string = id || this.generatedId(heading)
     if (!id) heading.id = targetID
     const item: Element = createElement(
-      `<a href="#${targetID}" class="mx-icon mx-icon--chevron-right">${linkText}</a>`,
+      `<a href="#${targetID}"><span class="mx-icon mx-icon--chevron-right"></span><span>${linkText}</span></a>`,
     )
 
     return item as HTMLAnchorElement

package/src/Component/InPageNavigation/InPageNavigation.stories.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from "@storybook/html"
 import Component from "./twig/in-page-navigation-story.twig"
-import Heading from "../../Atom/Heading/heading.twig"
 import "./in-page-navigation.css"
 import "./Elements/InPageNavigation"
 import {
@@ -8,6 +7,12 @@ import {
   InPageNavigation as InPageNavigationType,
 } from "@pnx-mixtape/ids-shape"
 
+// Deps.
+import Heading from "../../Atom/Heading/heading.twig"
+import Link from "../../Atom/Link/link.twig"
+import Icon from "../../Atom/Icon/icon.twig"
+import { Icons } from "../../enums"
+
 const meta: Meta<InPageNavigationType> = {
   tags: ["autodocs", "ids-mvp"],
   component: Component,
@@ -17,6 +22,29 @@ const meta: Meta<InPageNavigationType> = {
       as: HeadingTypes.TWO,
       modifiers: [HeadingTypes.FOUR],
     }),
+    items: [
+      Link({
+        href: "#section-1",
+        title: "Section 1",
+        iconStart: Icon({
+          icon: Icons.CHEVRON_RIGHT,
+        }),
+      }),
+      Link({
+        href: "#section-2",
+        title: "Section 2",
+        iconStart: Icon({
+          icon: Icons.CHEVRON_RIGHT,
+        }),
+      }),
+      Link({
+        href: "#section-3",
+        title: "Section 3",
+        iconStart: Icon({
+          icon: Icons.CHEVRON_RIGHT,
+        }),
+      }),
+    ],
   },
   parameters: {
     deepControls: { enabled: true },

package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap

@@ -9,46 +9,31 @@ exports[`Component/InPageNavigation InPageNavigation smoke-test 1`] = `
       On this page
     </h2>
     <ul>
-      <li class="mx-in-page-navigation__level--h2">
-        <a href="#section-1"
-           class="mx-icon mx-icon--chevron-right"
-        >
-          Section 1
+      <li>
+        <a href="#section-1">
+          <span class="mx-icon mx-icon--chevron-right ">
+          </span>
+          <span>
+            Section 1
+          </span>
         </a>
       </li>
-      <li class="mx-in-page-navigation__level--h2">
-        <a href="#anchor-test"
-           class="mx-icon mx-icon--chevron-right"
-        >
-          Section 2
+      <li>
+        <a href="#section-2">
+          <span class="mx-icon mx-icon--chevron-right ">
+          </span>
+          <span>
+            Section 2
+          </span>
         </a>
       </li>
-      <li class="mx-in-page-navigation__level--h2">
-        <a href="#section-3"
-           class="mx-icon mx-icon--chevron-right"
-        >
-          Section 3
-        </a>
-      </li>
-      <li class="mx-in-page-navigation__level--h2">
-        <a href="#section-4"
-           class="mx-icon mx-icon--chevron-right"
-        >
-          Section 4
-        </a>
-      </li>
-      <li class="mx-in-page-navigation__level--h2">
-        <a href="#section-5"
-           class="mx-icon mx-icon--chevron-right"
-        >
-          Section 5
-        </a>
-      </li>
-      <li class="mx-in-page-navigation__level--h2">
-        <a href="#section-7"
-           class="mx-icon mx-icon--chevron-right"
-        >
-          Section 7
+      <li>
+        <a href="#section-3">
+          <span class="mx-icon mx-icon--chevron-right ">
+          </span>
+          <span>
+            Section 3
+          </span>
         </a>
       </li>
     </ul>
@@ -61,13 +46,13 @@ exports[`Component/InPageNavigation InPageNavigation smoke-test 1`] = `
   <p>
     In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
   </p>
-  <h2 id="anchor-test">
+  <h2 id="section-2">
     Section 2
   </h2>
   <p>
     In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
   </p>
-  <h3>
+  <h3 id="test-level-3">
     Test level 3
   </h3>
   <p>
@@ -79,29 +64,5 @@ exports[`Component/InPageNavigation InPageNavigation smoke-test 1`] = `
   <p>
     In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
   </p>
-  <h2 id="section-4">
-    Section 4
-  </h2>
-  <p>
-    In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
-  </p>
-  <h2 id="section-5">
-    Section 5
-  </h2>
-  <p>
-    In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
-  </p>
-  <h3>
-    Test level 6
-  </h3>
-  <p>
-    In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
-  </p>
-  <h2 id="section-7">
-    Section 7
-  </h2>
-  <p>
-    In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.
-  </p>
 </div>
 `;

package/src/Component/InPageNavigation/in-page-navigation.twig

@@ -8,6 +8,10 @@
 <mx-in-page-navigation data-content=".js-content" data-headings="{{ levels|join(",") }}">
   <nav{{ attributes }}>
     {{ title }}
-    <ul></ul>
+    <ul>
+      {% for item in items %}
+        <li>{{ item }}</li>
+      {% endfor %}
+    </ul>
   </nav>
 </mx-in-page-navigation>

package/src/Component/InPageNavigation/twig/content-example.twig

@@ -1,18 +1,10 @@
 <div class="js-content mx-rich-text mx-vertical-flow mx-section--l">
-<h2>Section 1</h2>
+<h2 id="section-1">Section 1</h2>
 <p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h2 id="anchor-test">Section 2</h2>
+<h2 id="section-2">Section 2</h2>
 <p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h3>Test level 3</h3>
+<h3 id="test-level-3">Test level 3</h3>
 <p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h2>Section 3</h2>
-<p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h2>Section 4</h2>
-<p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h2>Section 5</h2>
-<p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h3>Test level 6</h3>
-<p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
-<h2>Section 7</h2>
+<h2 id="section-3">Section 3</h2>
 <p>In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced.</p>
 </div>

package/src/Component/Navigation/_navigation-dropdown.css

@@ -40,6 +40,10 @@
           }
         }
       }
+
+      &:focus-visible {
+        outline-offset: -2px;
+      }
     }
 
     & li > ul {

package/src/Component/SideNavigation/SideNavigation.stories.ts

@@ -10,7 +10,7 @@ const meta: Meta<NavigationType> = {
   component: Component,
   args: {
     id: "sidenav-story",
-    title: "Primary mega nav",
+    title: "Sidebar nav",
     parent: Link({
       title: "About",
       href: "#",

package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap

@@ -2,10 +2,11 @@
 
 exports[`Component/SideNavigation SideNavigation smoke-test 1`] = `
 <nav class="mx-nav mx-side-nav"
-     aria-labelledby="unique-0"
+     aria-label="Sidebar nav"
+     "
 >
   <div class="mx-side-nav__parent"
-       id="unique-0"
+       id="sidenav-story"
   >
     <a href="#">
       <span>

package/src/Component/SideNavigation/side-navigation.twig

@@ -27,7 +27,7 @@
   </ul>
 {% endmacro %}
 
-<nav{{ attributes }} aria-labelledby="{{ id }}">
+<nav{{ attributes }}{% if title is not empty %} aria-label="{{ title }}"{% else %} aria-labelledby="{{ id }}{% endif %}">
   <div class="mx-side-nav__parent" id="{{ id }}">
     {{ parent }}
   </div>

package/src/Form/Search/Search.stories.ts

@@ -1,21 +1,10 @@
 import { Meta, StoryObj } from "@storybook/html"
 import Component from "./search-form.twig"
-import InputText from "../TextInput/input-text.twig"
-import Button from "../../Atom/Button/button.twig"
-import Icon from "../../Atom/Icon/icon.twig"
 import "../form.css"
-import {
-  Button as ButtonType,
-  ButtonTypes,
-  FormInput as FormInputType,
-  InputTypeTypes,
-} from "@pnx-mixtape/ids-shape"
-import { Icons } from "../../enums"
 
 export type SearchFormType = {
   action: string
-  input: FormInputType
-  button: ButtonType
+  id: string
 }
 
 const meta: Meta<SearchFormType> = {
@@ -23,21 +12,7 @@ const meta: Meta<SearchFormType> = {
   component: Component,
   args: {
     action: "#search",
-    input: InputText({
-      id: "search-keyword",
-      type: InputTypeTypes.SEARCH,
-      name: "search-form",
-      placeholder: "Keywords...",
-      label: "Search by keywords",
-    }),
-    button: Button({
-      title: "Search",
-      iconOnly: true,
-      iconStart: Icon({
-        icon: Icons.SEARCH,
-      }),
-      as: ButtonTypes.SUBMIT,
-    }),
+    id: "search-keyword",
   },
   parameters: {
     deepControls: { enabled: true },

package/src/Form/Search/__snapshots__/Search.stories.ts.snap

@@ -16,7 +16,7 @@ exports[`Form/Search Search smoke-test 1`] = `
   <button class="mx-button mx-button--icon-only"
           type="submit"
   >
-    <span class="mx-icon mx-icon--search ">
+    <span class="mx-icon mx-icon--search">
     </span>
     <span class="sr-only">
       Search

package/src/Form/Search/search-form.twig

@@ -6,6 +6,9 @@
 {% set attributes = (attributes ?? create_attribute()).addClass(classes) %}
 
 <form{{ attributes }} role="search" action="{{ action }}">
-  {{ input }}
-  {{ button }}
+  <input class="mx-input__text " id="{{ id }}" name="search-form" type="search" value="" aria-label="Search by keywords" placeholder="Keywords..." />
+  <button class="mx-button mx-button--icon-only" type="submit">
+    <span class="mx-icon mx-icon--search"></span>
+    <span class="sr-only">Search</span>
+  </button>
 </form>