@six-group/ui-library 0.0.0-insider.0014c08

package/dist/components/six-logo.js.map

@@ -0,0 +1 @@
+{"file":"six-logo.js","mappings":"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","names":["SixLogo","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-logo/six-logo.scss?tag=six-logo&encapsulation=shadow","src/components/six-logo/six-logo.tsx"],"sourcesContent":["/**\n * @prop --height: The height of the logo.\n */\n:host {\n  --height: unset;\n}\n\nsvg {\n  display: block;\n}\n\nsvg.six {\n  height: var(--height, 20px);\n}\n\nsvg.bme {\n  height: var(--height, 40px);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-logo',\n  styleUrl: 'six-logo.scss',\n  shadow: true,\n})\nexport class SixLogo {\n  /** The brand of the logo. Either six or bme. Defaults to six. */\n  @Prop({ reflect: true }) brand: 'six' | 'bme' = 'six';\n\n  render() {\n    return this.brand === 'six' ? sixLogo() : bmeLogo();\n  }\n}\n\nfunction sixLogo() {\n  return (\n    <svg class=\"six\" viewBox=\"0 0 90 26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <title>SIX</title>\n      <g fill=\"#DE3919\" fill-rule=\"nonzero\">\n        <path d=\"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525\" />\n        <path d=\"m42.16.324h5.21v24.806h-5.21z\" />\n        <path d=\"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545\" />\n      </g>\n    </svg>\n  );\n}\n\nfunction bmeLogo() {\n  return (\n    <svg class=\"bme\" viewBox=\"0 0 249.38 122.47\">\n      <title>BME Exchange</title>\n      <polygon\n        fill=\"#959595\"\n        stroke-width=\"0px\"\n        points=\"183.07 88.18 205.3 52.02 178.8 52.02 178.8 36.16 205.3 36.16 183.07 0 202.45 0 228.71 44.09 201.32 88.18 183.07 88.18\"\n      />\n      <g>\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M124.21,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.36-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94s1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.42-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.46.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM125.5,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M143.33,112.3c0,.97-.2,1.82-.61,2.55-.41.73-.99,1.3-1.74,1.71-.75.41-1.65.61-2.7.61-.74,0-1.44-.07-2.1-.21-.66-.14-1.28-.35-1.87-.64v-2.77c.61.35,1.27.63,1.96.83.69.2,1.35.3,1.98.3.75,0,1.32-.2,1.71-.61.38-.41.58-.92.58-1.53,0-.65-.2-1.17-.6-1.58-.4-.41-1.09-.86-2.08-1.37-.65-.35-1.23-.73-1.74-1.13-.52-.4-.92-.89-1.22-1.48s-.45-1.32-.45-2.21c-.02-1.37.42-2.47,1.29-3.3.88-.83,2.04-1.24,3.51-1.22.72,0,1.41.09,2.08.27.66.18,1.29.42,1.89.73l-.83,2.4c-1.11-.6-2.15-.9-3.11-.9-.66,0-1.17.18-1.52.53-.35.35-.53.81-.53,1.38,0,.45.08.82.24,1.13.16.31.44.6.83.88.39.28.93.58,1.6.92,1.14.58,2,1.23,2.57,1.95s.86,1.64.86,2.78Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M150.52,116.94h-6.09v-1.55l1.66-.6v-12.18l-1.66-.6v-1.55h6.09v1.55l-1.66.6v12.18l1.66.6v1.55Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M162.33,116.94h-3.02l-2.72-6.16-2.81,6.16h-2.91l4.15-8.49-3.81-7.98h2.93l2.47,5.72,2.47-5.72h2.93l-3.81,8.05,4.13,8.42Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M172.04,117.17c-1.58,0-2.79-.52-3.62-1.57-.83-1.05-1.25-2.67-1.25-4.87,0-2.04.42-3.65,1.27-4.81s2.08-1.74,3.71-1.74c.63,0,1.2.07,1.71.2.51.13.96.32,1.36.57l-.76,2.12c-.37-.18-.74-.33-1.11-.44-.37-.11-.72-.16-1.06-.16-1.6,0-2.4,1.42-2.4,4.27s.8,4.15,2.4,4.15c.49,0,.96-.07,1.4-.22.44-.15.87-.35,1.3-.61v2.28c-.83.55-1.81.83-2.95.83Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M186.25,110.64c0,1.28-.18,2.4-.54,3.38-.36.98-.91,1.75-1.65,2.31-.74.56-1.68.84-2.81.84-1.06,0-1.96-.28-2.7-.83s-1.3-1.32-1.68-2.31c-.38-.98-.58-2.11-.58-3.39,0-1.98.42-3.56,1.25-4.72.83-1.16,2.08-1.74,3.76-1.74,1.51,0,2.71.55,3.61,1.66s1.35,2.71,1.35,4.8ZM179.03,110.66c0,1.4.18,2.46.53,3.18.35.72.92,1.08,1.71,1.08s1.38-.36,1.73-1.08c.35-.72.53-1.79.53-3.21s-.18-2.45-.53-3.15c-.35-.7-.93-1.05-1.73-1.05s-1.35.35-1.71,1.05c-.35.7-.53,1.76-.53,3.17Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M200.16,104.18c1.15,0,2.02.37,2.59,1.1.58.73.87,1.86.87,3.4v8.26h-2.68v-7.61c0-1.89-.53-2.84-1.59-2.84-.75,0-1.29.33-1.6.99-.32.66-.47,1.63-.47,2.91v6.55h-2.68v-7.63c0-.97-.13-1.68-.39-2.13-.26-.45-.66-.68-1.2-.68-.81,0-1.36.37-1.65,1.12s-.43,1.8-.43,3.17v6.16h-2.68v-12.52h2.1l.32,1.64h.16c.28-.62.68-1.08,1.22-1.4.54-.32,1.15-.47,1.84-.47.78,0,1.42.17,1.91.52.49.34.85.8,1.06,1.37h.18c.64-1.26,1.68-1.89,3.09-1.89Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M211.78,104.18c1.28,0,2.27.55,2.99,1.66s1.07,2.72,1.07,4.84-.36,3.66-1.07,4.79c-.71,1.13-1.69,1.7-2.92,1.7-.69,0-1.29-.16-1.8-.48s-.92-.77-1.24-1.34h-.12c.03.38.06.74.08,1.06.02.32.03.61.03.88v5.19h-2.68v-18.06h2.17l.37,1.66h.14c.69-1.26,1.68-1.89,2.98-1.89ZM211.02,106.42c-.78,0-1.35.32-1.7.95-.35.63-.52,1.61-.52,2.95v.51c0,1.37.17,2.39.51,3.06.34.67.91,1,1.73,1,1.38,0,2.08-1.4,2.08-4.2,0-1.4-.17-2.46-.51-3.18-.34-.72-.87-1.08-1.59-1.08Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M222.16,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.37-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94.78-.67,1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.41-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.47.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM223.45,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M234.32,104.18c1.14,0,2.02.37,2.65,1.1s.95,1.85.95,3.36v8.3h-2.68v-7.66c0-.92-.13-1.62-.38-2.09s-.68-.7-1.28-.7c-.85,0-1.43.34-1.76,1.01-.33.68-.5,1.76-.5,3.25v6.18h-2.68v-12.52h2.1l.32,1.64h.16c.31-.62.73-1.08,1.27-1.4s1.15-.47,1.82-.47Z\"\n        />\n        <path\n          fill=\"#002c5f\"\n          stroke-width=\"0px\"\n          d=\"M238.98,104.41h2.84l1.84,6.64c.11.43.21.86.3,1.3s.16.87.21,1.28h.09c.05-.37.12-.77.22-1.2.1-.43.21-.89.33-1.38l1.78-6.64h2.79l-4.2,14.05c-.43,1.38-.97,2.4-1.63,3.04-.65.65-1.5.97-2.55.97-.28,0-.53-.02-.77-.05-.24-.03-.46-.08-.68-.14v-2.28c.17.05.34.08.52.11s.35.05.52.05c.54,0,.95-.18,1.23-.53.28-.35.56-.94.82-1.75l.28-1.04-3.94-12.43Z\"\n        />\n      </g>\n      <polygon\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        points=\"249.37 88.18 231.12 88.18 218.67 67.95 227.9 53.08 249.37 88.18\"\n      />\n      <polygon fill=\"#002c5f\" stroke-width=\"0px\" points=\"218.53 18.92 229.99 0 249.37 0 227.9 34.66 218.53 18.92\" />\n      <polygon\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        points=\"112.98 72.41 155.28 72.41 155.28 62.51 123.42 62.51 123.42 49.18 146.37 49.18 146.37 39.27 123.42 39.27 123.42 25.79 155.28 25.79 155.28 15.89 112.98 15.89 112.98 39.27 123.42 39.27 123.42 49.18 112.98 49.18 112.98 72.41\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M10.44,48.38h20.6c4.68,0,8.1,3.06,8.1,7.11s-3.42,7.02-8.1,7.02H10.44v-14.13ZM10.44,25.79h18.54c4.59,0,7.02,2.96,7.02,6.29s-2.43,6.39-7.02,6.39H10.44v-12.68ZM0,72.41h32.21c9.9,0,17.37-6.3,17.37-16.38,0-7.2-4.23-11.89-10.08-13.77,4.23-1.89,6.93-6.03,6.93-11.25,0-10.08-7.65-15.12-16.29-15.12H0v22.59h10.44v9.9H0v24.03Z\"\n      />\n      <polygon\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        points=\"56.47 72.37 66.91 72.37 66.91 37.45 81.58 52.31 96.25 37.45 96.25 72.37 106.69 72.37 106.69 14.68 81.58 39.72 56.47 14.68 56.47 72.37\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M1.69,82.58c.19,0,.46,0,.62,0,.51,0,.96.18.96.79,0,.49-.37.7-.48.76-.23.1-.73.1-1.1.1v-1.64ZM1.69,85.33c.71-.01,1.12-.01,1.39.15.27.17.37.46.37.76,0,.42-.23.68-.57.8-.28.09-.79.09-1.19.08v-1.81ZM1.76,88.18c.87.02,1.95.04,2.65-.44.62-.44.78-1.06.78-1.59,0-.6-.25-1.15-.78-1.42-.18-.08-.38-.12-.58-.17.32-.13.69-.29.93-.79.11-.22.15-.44.15-.65,0-.3-.08-.71-.38-1.05-.39-.42-1-.53-1.92-.53-.32,0-.89,0-1.21.02l-1.3.02-.06.05c.04.9.05,1.24.05,2.53s0,2.65-.03,3.99l.07.03h1.63Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M10.17,83.04c.19.21.27.49.33.75.08.36.09.7.1.93.04,1.4-.26,2.42-1.35,2.42-1.29,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.5-.19.68-.19.35,0,.69.16.91.43M11.65,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.42,2.13-.06.32-.09.64-.09.96,0,.64.07,1.83.96,2.65.71.66,1.68.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.12-2.04,1.12-2.83,0-1.47-.47-2.14-.7-2.43\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M17.76,86.9c-1.02.06-1.83.07-2.12.07h-.18c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.01.03-1.66.03l-.05.05c.04.75.04.98.04,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M21.15,84.16c-.79-.33-1.19-.5-1.19-.92,0-.28.27-.66.88-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.65.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.21.08.31.11.22.08.77.24,1.47.24.28,0,.99-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M25.56,85.29l.47-1.58.32-1.1.29,1.22.35,1.46h-1.43ZM27.54,81.55c-.9.02-1.09.02-2.09.02l-.07.06c-.49,1.59-.79,2.54-2.17,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.06.06c.68-.03.87-.03,1.63-.03l.04-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.06-.05Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M32.94,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.26-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.07-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.76.24,1.47.24.27,0,.99-.04,1.55-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.26-.18-.49-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M41.67,88.12c-.05-1.22-.06-1.55-.06-2.75l2.06-3.77-.03-.06c-.7.02-.89.02-1.47.02l-.05.06c-.54,1.17-.8,1.67-1.19,2.43-.1-.21-.58-1.11-.67-1.29-.17-.34-.3-.62-.57-1.22l-.07-.04c-.8.04-1,.06-1.78.06l-.03.08c.28.48,1.52,2.6,1.76,3.03.13.25.26.48.4.73v.29c0,.93-.01,1.34-.07,2.44l.05.06c.78-.03.99-.03,1.65-.03l.06-.06Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M54.31,81.55c-.98.02-1.14.02-2.17.02l-.06.06-.43,1.52-.37,1.35-.44,1.63-.41-1.68-.26-1.06-.47-1.8-.04-.05c-1,.02-1.17.02-2.22.02l-.06.06c-.1,2.8-.13,3.52-.34,6.52l.04.06c.6-.03.78-.03,1.32-.03l.05-.06.03-1.79.06-1.81.04-1.77.41,1.66.36,1.33.63,2.42.06.06c.58-.03.74-.03,1.4-.03l.05-.06.54-1.99.38-1.37.52-1.96v1.68l.03,1.42v2.25l.04.06c.65-.03.9-.03,1.62-.03l.05-.06c-.06-1.07-.13-2.14-.16-3.22-.03-.59-.05-1.18-.08-1.77-.04-.87-.05-.98-.05-1.54l-.05-.05Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M60.62,86.92c-1.11.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.06-1.06-.05-.06-2.26.04v-1.49c1.06,0,1.27,0,2.4.03l.04-.06.07-1.09-.04-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.08-.06.06-1.14-.05-.07Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M63.49,82.69c.13,0,.27,0,.39,0,.37,0,1.09,0,1.09.82,0,.26-.07.61-.41.82-.26.16-.59.18-1.07.19v-1.83ZM63.93,85.61c.63,1.07.77,1.35,1.37,2.57l.08.05c.29-.01.57-.03.86-.05.29,0,.59-.01.88-.01l.06-.11c-.36-.46-.46-.6-1.13-1.68-.3-.48-.45-.73-.69-1.14.43-.19,1.28-.58,1.28-1.77,0-.41-.11-1.26-.88-1.67-.49-.25-.99-.26-2.09-.25h-.66s-1.14.01-1.14.01l-.05.06c.05.94.08,1.92.08,4.46,0,.88,0,1.29-.03,2.07l.05.06c.68-.04.83-.04,1.6-.04l.06-.05c-.08-1.08-.08-1.38-.09-2.49l.46-.02Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M72.95,86.51c-.22.17-.69.52-1.47.52-1.06,0-1.82-.8-1.82-2.12,0-.8.28-2.21,1.8-2.21.71,0,1.09.27,1.33.45l.08-.02.08-1.29-.04-.05c-.34-.13-.91-.34-1.73-.34-2.42,0-3.26,1.86-3.26,3.51,0,1.79,1.1,3.37,3.38,3.37.78,0,1.3-.2,1.6-.32l.05-.06.06-1.4-.06-.04Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M75.77,85.29l.47-1.58.33-1.1.28,1.22.34,1.46h-1.42ZM77.75,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.5,1.59-.8,2.54-2.18,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.07.06c.69-.03.87-.03,1.63-.03l.05-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.07-.05Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M82.34,86.98c-.02-.92-.03-1.79-.03-2.69,0-.5,0-1.01,0-1.51.19-.02.38-.03.57-.03.57,0,1.69,0,1.69,2,0,1.17-.44,1.69-.67,1.88-.42.34-1.07.34-1.58.34M81.83,88.18c.24.02.49.02.74.02,1.05,0,2.74-.04,3.43-1.71.25-.61.31-1.37.31-1.78,0-.89-.2-1.56-.43-1.98-.63-1.16-1.84-1.2-2.91-1.2-.43,0-.86.02-1.29.04h-1s-.05.06-.05.06c.04.9.08,1.69.08,4.28,0,.92,0,1.47-.03,2.24l.06.03h1.1Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M91.57,83.04c.19.21.27.49.33.75.07.36.09.7.1.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.68.16.91.43M93.04,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.18.1-1.67.39-1.15.65-1.35,1.73-1.43,2.13-.05.32-.08.64-.08.96,0,.64.08,1.83.95,2.65.72.66,1.69.76,2.16.76.72,0,1.46-.18,2.01-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.47-2.14-.7-2.43\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M97.83,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.86,0-1.33-.37-1.6-.59l-.09.03-.06,1.32.06.07c.1.04.2.08.3.11.22.08.76.24,1.47.24.28,0,1-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.73-.4l-.24-.09Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M107.67,86.92c-1.1.06-1.36.07-2.56.07l-.03-1.64h2.19l.07-.05.05-1.06-.04-.06-2.27.04v-1.49c1.06,0,1.28,0,2.41.03l.05-.06.06-1.09-.05-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.07-.06.07-1.14-.06-.07Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M111.38,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.08-1.23-.05-.07c-.4-.17-.82-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77s-1.32-.37-1.6-.59l-.09.03-.07,1.32.05.07c.11.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.26-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M115.85,82.69c.21-.01.41-.01.61-.01.82.02,1.05.44,1.05.99,0,.12,0,.67-.5.95-.26.14-.6.15-1.16.15v-2.07ZM115.43,81.55l-1.19.03-.06.05c.04,1.22.07,2.03.07,3.1,0,1.14-.03,2.28-.06,3.42l.06.05c.69-.03.84-.03,1.59-.03l.05-.05c-.04-1.01-.04-1.25-.04-2.21,1.05,0,2.17,0,2.84-.81.26-.32.49-.85.49-1.51,0-.4-.09-1.3-.87-1.73-.56-.33-1.36-.33-2.06-.33h-.83Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M121.28,85.29l.46-1.58.33-1.1.28,1.22.35,1.46h-1.42ZM123.25,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.49,1.59-.79,2.54-2.16,6.48l.03.07h1.46l.07-.06.46-1.7h2.02l.41,1.73.05.06c.69-.03.87-.03,1.64-.03l.04-.07c-1.13-4.01-1.26-4.44-1.79-6.51l-.07-.05Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M130.5,79.65c-.2.18-.48.42-.81.42-.21,0-.41-.07-.61-.14l-.37-.12c-.17-.06-.31-.09-.5-.09-.43,0-.62.16-.83.31l-.04.06v1s.04.02.04.02c.21-.14.47-.31.8-.31.21,0,.42.07.64.14l.28.1c.19.07.33.13.54.13.4,0,.66-.2.87-.37l.04-.07v-1.05l-.07-.03ZM131.76,81.55c-.59.02-.75.03-1.33.02l-.04.06.06,1.27.04,1.29.04,1.53-.02.02c-.25-.46-.3-.54-.77-1.25l-.85-1.24c-.71-1.06-.85-1.27-1.08-1.65l-.06-.04c-.75.03-.86.03-1.54.02l-.05.06c.05,1.45.08,2.53.08,3.78,0,.92-.02,1.83-.03,2.74l.04.06c.63-.03.83-.03,1.37-.03l.04-.06-.1-2.05-.03-1.14-.05-1.24.02-.02c.42.73.57.98,1.21,1.91l.93,1.37.84,1.22.07.04c.57-.03.74-.03,1.24-.03l.04-.04c0-1.36-.02-2.28-.02-3.4,0-1.04.01-2.08.02-3.14l-.05-.05Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M137.07,83.04c.19.21.27.49.33.75.08.36.09.7.11.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.39-1.52-1.39-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.69.16.91.43M138.55,82.44c-.16-.2-.35-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.43,2.13-.06.32-.08.64-.08.96,0,.64.07,1.83.95,2.65.71.66,1.69.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.46-2.14-.7-2.43\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M144.65,86.9c-1.02.06-1.84.07-2.12.07h-.19c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.02.03-1.66.03l-.05.05c.04.75.05.98.05,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M150.03,86.92c-1.1.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.05-1.06-.04-.06-2.26.04v-1.49c1.05,0,1.27,0,2.4.03l.05-.06.06-1.09-.04-.04h-4.11l-.05.06c.05.91.07,1.25.07,3.76,0,1.18-.01,1.77-.04,2.74l.04.04h4.13l.08-.06.06-1.14-.05-.07Z\"\n      />\n      <path\n        fill=\"#002c5f\"\n        stroke-width=\"0px\"\n        d=\"M153.74,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.88-.66.71,0,1.14.29,1.49.53l.08-.03.08-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.1.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n    </svg>\n  );\n}\n"],"version":3}

package/dist/components/six-main-container.d.ts

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

package/dist/components/six-main-container.js

@@ -0,0 +1,42 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-D512q9rn.js';
+
+const sixMainContainerCss = ":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";
+
+const SixMainContainer$1 = /*@__PURE__*/ proxyCustomElement(class SixMainContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** Set to false to remove top and bottom padding.  */
+        // eslint-disable-next-line @stencil-community/ban-default-true
+        this.padded = true;
+    }
+    render() {
+        return (h(Host, { key: '907a3b8ce2b10b71a20f97f0168a43a0ab5cf44c' }, h("div", { key: 'e04d2cc3e6a60870bd943d5ca34ab886180b5b99', part: "left-margin", class: "left-margin" }), h("div", { key: '5d0c9a5a499c49ad95181053df22fcb66f6d3661', part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", { key: 'a4d5ae36a32f6f2fc2a8ed604899554fe7eb8acc' })), h("div", { key: '63725bee77f3a2e6d5c6bd631684fd8b8c37d4b1', part: "right-margin", class: "right-margin" })));
+    }
+    get host() { return this; }
+    static get style() { return sixMainContainerCss; }
+}, [1, "six-main-container", {
+        "padded": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-main-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-main-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixMainContainer$1);
+            }
+            break;
+    } });
+}
+
+const SixMainContainer = SixMainContainer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixMainContainer, defineCustomElement };
+//# sourceMappingURL=six-main-container.js.map
+
+//# sourceMappingURL=six-main-container.js.map

package/dist/components/six-main-container.js.map

@@ -0,0 +1 @@
+{"file":"six-main-container.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8PAA8P;;MCkB7QA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;AAL7B,IAAA,WAAA,GAAA;;;;;;AAUU,QAAA,IAAM,CAAA,MAAA,GAAG,IAAI;AAatB;IAXC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,EAAG,CAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC1E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixMainContainer","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-main-container/six-main-container.scss?tag=six-main-container&encapsulation=shadow","src/components/six-main-container/six-main-container.tsx"],"sourcesContent":["$margin-default-width: 10rem;\n$content-default-width: 60rem;\n$content-min-width: 48rem;\n$content-max-width: 100rem;\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  min-width: fit-content;\n}\n\n.left-margin,\n.right-margin {\n  flex: 1 6 $margin-default-width;\n  min-width: var(--six-spacing-xxx-large);\n}\n\n.content {\n  flex: 6 1 $content-default-width;\n  min-width: $content-min-width;\n  max-width: $content-max-width;\n  &--padded {\n    padding: var(--six-spacing-xxx-large) 0;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The main container's content.\n *\n * @part left-margin  - The component's left margin area.\n * @part content      - The component's content area.\n * @part right-margin - The component's right margin area.\n */\n\n@Component({\n  tag: 'six-main-container',\n  styleUrl: 'six-main-container.scss',\n  shadow: true,\n})\nexport class SixMainContainer {\n  @Element() host!: HTMLSixMainContainerElement;\n\n  /** Set to false to remove top and bottom padding.  */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() padded = true;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"left-margin\" class=\"left-margin\" />\n        <div part=\"content\" class={{ content: true, 'content--padded': this.padded }}>\n          <slot />\n        </div>\n        <div part=\"right-margin\" class=\"right-margin\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-menu-divider.d.ts

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

package/dist/components/six-menu-divider.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D512q9rn.js';
+
+const sixMenuDividerCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-divider{border-top:solid var(--six-border-width) var(--six-menu-divider-color);margin-top:var(--six-spacing-xx-small);margin-bottom:var(--six-spacing-xx-small)}";
+
+const SixMenuDivider$1 = /*@__PURE__*/ proxyCustomElement(class SixMenuDivider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return h("div", { key: 'e5cfe610c3578305a43cac1d94aabd9d4f3483f8', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
+    }
+    static get style() { return sixMenuDividerCss; }
+}, [1, "six-menu-divider"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-menu-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-menu-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixMenuDivider$1);
+            }
+            break;
+    } });
+}
+
+const SixMenuDivider = SixMenuDivider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixMenuDivider, defineCustomElement };
+//# sourceMappingURL=six-menu-divider.js.map
+
+//# sourceMappingURL=six-menu-divider.js.map

package/dist/components/six-menu-divider.js.map

@@ -0,0 +1 @@
+{"file":"six-menu-divider.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,gaAAga;;MCgB7aA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;IACzB,MAAM,GAAA;QACJ,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,WAAW,EAAa,aAAA,EAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;","names":["SixMenuDivider","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-menu-divider/six-menu-divider.scss?tag=six-menu-divider&encapsulation=shadow","src/components/six-menu-divider/six-menu-divider.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-divider {\n  border-top: solid var(--six-border-width) var(--six-menu-divider-color);\n  margin-top: var(--six-spacing-xx-small);\n  margin-bottom: var(--six-spacing-xx-small);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-divider',\n  styleUrl: 'six-menu-divider.scss',\n  shadow: true,\n})\nexport class SixMenuDivider {\n  render() {\n    return <div part=\"base\" class=\"menu-divider\" role=\"separator\" aria-hidden=\"true\" />;\n  }\n}\n"],"version":3}

package/dist/components/six-menu-item.d.ts

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

package/dist/components/six-menu-item.js

@@ -0,0 +1,9 @@
+import { S as SixMenuItem$1, d as defineCustomElement$1 } from './p-SZP6K3B0.js';
+
+const SixMenuItem = SixMenuItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixMenuItem, defineCustomElement };
+//# sourceMappingURL=six-menu-item.js.map
+
+//# sourceMappingURL=six-menu-item.js.map

package/dist/components/six-menu-item.js.map

@@ -0,0 +1 @@
+{"file":"six-menu-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/six-menu-label.d.ts

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

package/dist/components/six-menu-label.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-D512q9rn.js';
+
+const sixMenuLabelCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-label{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";
+
+const SixMenuLabel$1 = /*@__PURE__*/ proxyCustomElement(class SixMenuLabel extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: '8d796cb82a38cccc46f32ff8ce33d453e7bb7166', part: "base", class: "menu-label" }, h("slot", { key: '551f3905fa1d78d307912f1ba366b3718ae8facf' })));
+    }
+    static get style() { return sixMenuLabelCss; }
+}, [1, "six-menu-label"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-menu-label"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-menu-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixMenuLabel$1);
+            }
+            break;
+    } });
+}
+
+const SixMenuLabel = SixMenuLabel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixMenuLabel, defineCustomElement };
+//# sourceMappingURL=six-menu-label.js.map
+
+//# sourceMappingURL=six-menu-label.js.map

package/dist/components/six-menu-label.js.map

@@ -0,0 +1 @@
+{"file":"six-menu-label.js","mappings":";;AAAA,MAAM,eAAe,GAAG,ikBAAikB;;MCkB5kBA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;IACvB,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAA,EACjC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["SixMenuLabel","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-menu-label/six-menu-label.scss?tag=six-menu-label&encapsulation=shadow","src/components/six-menu-label/six-menu-label.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-label {\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  line-height: var(--six-line-height-normal);\n  letter-spacing: var(--six-letter-spacing-normal);\n  color: var(--six-input-label-color);\n  padding: var(--six-spacing-xx-small) var(--six-spacing-small);\n  user-select: none;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu label's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-label',\n  styleUrl: 'six-menu-label.scss',\n  shadow: true,\n})\nexport class SixMenuLabel {\n  render() {\n    return (\n      <div part=\"base\" class=\"menu-label\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-menu.d.ts

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

package/dist/components/six-menu.js

@@ -0,0 +1,9 @@
+import { S as SixMenu$1, d as defineCustomElement$1 } from './p-CXsF3egB.js';
+
+const SixMenu = SixMenu$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixMenu, defineCustomElement };
+//# sourceMappingURL=six-menu.js.map
+
+//# sourceMappingURL=six-menu.js.map

package/dist/components/six-menu.js.map

@@ -0,0 +1 @@
+{"file":"six-menu.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/six-picto.d.ts

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

package/dist/components/six-picto.js

@@ -0,0 +1,9 @@
+import { S as SixPicto$1, d as defineCustomElement$1 } from './p-CH82uB3t.js';
+
+const SixPicto = SixPicto$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixPicto, defineCustomElement };
+//# sourceMappingURL=six-picto.js.map
+
+//# sourceMappingURL=six-picto.js.map

package/dist/components/six-picto.js.map

@@ -0,0 +1 @@
+{"file":"six-picto.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/six-progress-bar.d.ts

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

package/dist/components/six-progress-bar.js

@@ -0,0 +1,48 @@
+import { p as proxyCustomElement, H, h } from './p-D512q9rn.js';
+
+const sixProgressBarCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--height:16px;--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--label-color:var(--six-progress-label-color);display:block}.progress-bar{position:relative;background-color:var(--track-color);height:var(--height);border-radius:var(--sl-border-radius-pill);overflow:hidden}.progress-bar__indicator{height:100%;font-family:var(--six-font-sans);font-size:12px;font-weight:var(--six-font-weight-normal);background-color:var(--indicator-color);color:var(--label-color);text-align:center;line-height:var(--height);white-space:nowrap;overflow:hidden;transition:400ms width, 400ms background-color;user-select:none}.progress-bar--indeterminate .progress-bar__indicator{position:absolute;animation:indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1)}@keyframes indeterminate{0%{left:-50%;width:50%}75%,100%{left:100%;width:50%}}";
+
+const SixProgressBar$1 = /*@__PURE__*/ proxyCustomElement(class SixProgressBar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** The progress bar's percentage, 0 to 100. */
+        this.percentage = 0;
+        /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
+        this.indeterminate = false;
+    }
+    render() {
+        return (h("div", { key: 'd89c7c456819839b638cadc372bf2ab071e73918', part: "base", class: {
+                'progress-bar': true,
+                'progress-bar--indeterminate': this.indeterminate,
+            }, role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.indeterminate ? null : this.percentage }, h("div", { key: 'ce4d45162f0aeb2c5affd3a6aef552c2f4078a1b', part: "indicator", class: "progress-bar__indicator", style: {
+                width: `${this.percentage}%`,
+            } }, !this.indeterminate && (h("span", { key: '911269a53f42a7e94fc1be782f9e903e32650c75', part: "label", class: "progress-bar__label" }, h("slot", { key: '59daab81dd0812c99c32b304479b794d94c6e82e' }))))));
+    }
+    static get style() { return sixProgressBarCss; }
+}, [1, "six-progress-bar", {
+        "percentage": [2],
+        "indeterminate": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-progress-bar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixProgressBar$1);
+            }
+            break;
+    } });
+}
+
+const SixProgressBar = SixProgressBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixProgressBar, defineCustomElement };
+//# sourceMappingURL=six-progress-bar.js.map
+
+//# sourceMappingURL=six-progress-bar.js.map

package/dist/components/six-progress-bar.js.map

@@ -0,0 +1 @@
+{"file":"six-progress-bar.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,wlCAAwlC;;MCoBrmCA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;;AAOU,QAAA,IAAU,CAAA,UAAA,GAAG,CAAC;;AAGd,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;AA+B9B;IA7BC,MAAM,GAAA;AACJ,QAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,IAAI;gBACpB,6BAA6B,EAAE,IAAI,CAAC,aAAa;aAClD,EACD,IAAI,EAAC,aAAa,EAAA,eAAA,EACJ,GAAG,EACH,eAAA,EAAA,KAAK,mBACJ,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU,EAAA,EAE1D,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,yBAAyB,EAC/B,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,UAAU,CAAG,CAAA,CAAA;AAC7B,aAAA,EAAA,EAEA,CAAC,IAAI,CAAC,aAAa,KAClB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAA,EAC5C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACR,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixProgressBar","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-progress-bar/six-progress-bar.scss?tag=six-progress-bar&encapsulation=shadow","src/components/six-progress-bar/six-progress-bar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --height: The progress bar's height.\n * @prop --track-color: The track color.\n * @prop --indicator-color: The indicator color.\n * @prop --label-color: The label color.\n */\n:host {\n  --height: 16px;\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --label-color: var(--six-progress-label-color);\n\n  display: block;\n}\n\n.progress-bar {\n  position: relative;\n  background-color: var(--track-color);\n  height: var(--height);\n  border-radius: var(--sl-border-radius-pill);\n  overflow: hidden;\n}\n\n.progress-bar__indicator {\n  height: 100%;\n  font-family: var(--six-font-sans);\n  font-size: 12px;\n  font-weight: var(--six-font-weight-normal);\n  background-color: var(--indicator-color);\n  color: var(--label-color);\n  text-align: center;\n  line-height: var(--height);\n  white-space: nowrap;\n  overflow: hidden;\n  transition:\n    400ms width,\n    400ms background-color;\n  user-select: none;\n}\n\n// Indeterminate\n.progress-bar--indeterminate .progress-bar__indicator {\n  position: absolute;\n  animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);\n}\n\n@keyframes indeterminate {\n  0% {\n    left: -50%;\n    width: 50%;\n  }\n  75%,\n  100% {\n    left: 100%;\n    width: 50%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - A label to show inside the indicator.\n *\n * @part base - The component's base wrapper.\n * @part indicator - The progress bar indicator.\n * @part label - The progress bar label.\n */\n\n@Component({\n  tag: 'six-progress-bar',\n  styleUrl: 'six-progress-bar.scss',\n  shadow: true,\n})\nexport class SixProgressBar {\n  /** The progress bar's percentage, 0 to 100. */\n  @Prop() percentage = 0;\n\n  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */\n  @Prop() indeterminate = false;\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          'progress-bar': true,\n          'progress-bar--indeterminate': this.indeterminate,\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={this.indeterminate ? null : this.percentage}\n      >\n        <div\n          part=\"indicator\"\n          class=\"progress-bar__indicator\"\n          style={{\n            width: `${this.percentage}%`,\n          }}\n        >\n          {!this.indeterminate && (\n            <span part=\"label\" class=\"progress-bar__label\">\n              <slot />\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-progress-ring.d.ts

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

package/dist/components/six-progress-ring.js

@@ -0,0 +1,67 @@
+import { p as proxyCustomElement, H, h } from './p-D512q9rn.js';
+
+const sixProgressRingCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);display:inline-flex}.progress-ring{display:inline-flex;align-items:center;justify-content:center;position:relative}.progress-ring__image{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__track{stroke:var(--track-color)}.progress-ring__indicator{stroke:var(--indicator-color);transition:0.35s stroke-dashoffset, 0.35s stroke}.progress-ring__label{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;user-select:none;font-family:var(--six-font-family)}";
+
+const SixProgressRing$1 = /*@__PURE__*/ proxyCustomElement(class SixProgressRing extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** The size of the progress ring in pixels. */
+        this.size = 128;
+        /** The stroke width of the progress ring in pixels. */
+        this.strokeWidth = 4;
+        /** The current progress percentage, 0 - 100. */
+        this.percentage = 0;
+    }
+    handlePercentageChange() {
+        this.updateProgress();
+    }
+    componentDidLoad() {
+        this.updateProgress();
+    }
+    updateProgress() {
+        var _a;
+        if (((_a = this.indicator) === null || _a === void 0 ? void 0 : _a.r) == null)
+            return;
+        const radius = this.indicator.r.baseVal.value;
+        const circumference = radius * 2 * Math.PI;
+        const offset = circumference - (this.percentage / 100) * circumference;
+        this.indicator.style.strokeDasharray = `${circumference} ${circumference}`;
+        this.indicator.style.strokeDashoffset = `${offset}`;
+    }
+    render() {
+        return (h("div", { key: '4b619cac39642c43455886ab94067bfd1a96183c', part: "base", class: "progress-ring" }, h("svg", { key: 'eb438641c5bcc7de1ab356881b8480bc65115f62', class: "progress-ring__image", width: this.size, height: this.size }, h("circle", { key: '63a5359a0f22e0c657a629f50ec9addefd409113', class: "progress-ring__track", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 }), h("circle", { key: 'ccf1f8120f745cbc060f0a5fb9fed00ef52fa4db', ref: (el) => (this.indicator = el), class: "progress-ring__indicator", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 })), h("span", { key: '775c0d0707e480496807e2cadb47be1a551cc128', part: "label", class: "progress-ring__label" }, h("slot", { key: '6849d9832eb3845066bb7008a19604668d548ce8' }))));
+    }
+    static get watchers() { return {
+        "percentage": ["handlePercentageChange"]
+    }; }
+    static get style() { return sixProgressRingCss; }
+}, [1, "six-progress-ring", {
+        "size": [2],
+        "strokeWidth": [2, "stroke-width"],
+        "percentage": [2]
+    }, undefined, {
+        "percentage": ["handlePercentageChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-progress-ring"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-progress-ring":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixProgressRing$1);
+            }
+            break;
+    } });
+}
+
+const SixProgressRing = SixProgressRing$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixProgressRing, defineCustomElement };
+//# sourceMappingURL=six-progress-ring.js.map
+
+//# sourceMappingURL=six-progress-ring.js.map

package/dist/components/six-progress-ring.js.map

@@ -0,0 +1 @@
+{"file":"six-progress-ring.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,62BAA62B;;MCmB33BA,iBAAe,iBAAAC,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAI,CAAA,IAAA,GAAG,GAAG;;AAGV,QAAA,IAAW,CAAA,WAAA,GAAG,CAAC;;AAGf,QAAA,IAAU,CAAA,UAAA,GAAG,CAAC;AAsDvB;IAnDC,sBAAsB,GAAA;QACpB,IAAI,CAAC,cAAc,EAAE;;IAGvB,gBAAgB,GAAA;QACd,IAAI,CAAC,cAAc,EAAE;;IAGf,cAAc,GAAA;;AACpB,QAAA,IAAI,CAAA,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,CAAC,KAAI,IAAI;YAAE;QAE/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK;QAC7C,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE;AAC1C,QAAA,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,aAAa;AAEtE,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,GAAG,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,aAAa,CAAA,CAAE;QAC1E,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAA,EAAG,MAAM,CAAA,CAAE;;IAGrD,MAAM,GAAA;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,EACpC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,sBAAsB,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAA,EACnE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,sBAAsB,kBACd,IAAI,CAAC,WAAW,EACf,gBAAA,EAAA,OAAO,EACtB,IAAI,EAAC,aAAa,EAClB,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,EACvC,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,CAAA,EAEF,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAsB,CAAC,EACtD,KAAK,EAAC,0BAA0B,EAAA,cAAA,EAClB,IAAI,CAAC,WAAW,EAAA,gBAAA,EACf,OAAO,EACtB,IAAI,EAAC,aAAa,EAClB,CAAC,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,EACvC,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EAAA,CACjB,CACE,EAEN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,sBAAsB,EAAA,EAC7C,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixProgressRing","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/six-progress-ring/six-progress-ring.scss?tag=six-progress-ring&encapsulation=shadow","src/components/six-progress-ring/six-progress-ring.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The track color.\n * @prop --indicator-color: The indicator color.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n\n  display: inline-flex;\n}\n\n.progress-ring {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.progress-ring__image {\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n}\n\n.progress-ring__track {\n  stroke: var(--track-color);\n}\n\n.progress-ring__indicator {\n  stroke: var(--indicator-color);\n  transition:\n    0.35s stroke-dashoffset,\n    0.35s stroke;\n}\n\n.progress-ring__label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  user-select: none;\n  font-family: var(--six-font-family);\n}\n","import { Component, h, Prop, Watch } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - A label to show inside the ring.\n *\n * @part base - The component's base wrapper.\n * @part label - The progress ring label.\n */\n\n@Component({\n  tag: 'six-progress-ring',\n  styleUrl: 'six-progress-ring.scss',\n  shadow: true,\n})\nexport class SixProgressRing {\n  private indicator?: SVGCircleElement;\n\n  /** The size of the progress ring in pixels. */\n  @Prop() size = 128;\n\n  /** The stroke width of the progress ring in pixels. */\n  @Prop() strokeWidth = 4;\n\n  /** The current progress percentage, 0 - 100. */\n  @Prop() percentage = 0;\n\n  @Watch('percentage')\n  handlePercentageChange() {\n    this.updateProgress();\n  }\n\n  componentDidLoad() {\n    this.updateProgress();\n  }\n\n  private updateProgress() {\n    if (this.indicator?.r == null) return;\n\n    const radius = this.indicator.r.baseVal.value;\n    const circumference = radius * 2 * Math.PI;\n    const offset = circumference - (this.percentage / 100) * circumference;\n\n    this.indicator.style.strokeDasharray = `${circumference} ${circumference}`;\n    this.indicator.style.strokeDashoffset = `${offset}`;\n  }\n\n  render() {\n    return (\n      <div part=\"base\" class=\"progress-ring\">\n        <svg class=\"progress-ring__image\" width={this.size} height={this.size}>\n          <circle\n            class=\"progress-ring__track\"\n            stroke-width={this.strokeWidth}\n            stroke-linecap=\"round\"\n            fill=\"transparent\"\n            r={this.size / 2 - this.strokeWidth * 2}\n            cx={this.size / 2}\n            cy={this.size / 2}\n          />\n\n          <circle\n            ref={(el) => (this.indicator = el as SVGCircleElement)}\n            class=\"progress-ring__indicator\"\n            stroke-width={this.strokeWidth}\n            stroke-linecap=\"round\"\n            fill=\"transparent\"\n            r={this.size / 2 - this.strokeWidth * 2}\n            cx={this.size / 2}\n            cy={this.size / 2}\n          />\n        </svg>\n\n        <span part=\"label\" class=\"progress-ring__label\">\n          <slot />\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-radio.d.ts

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