int-components 0.0.2

package/dist/rh-components/Header/index.css

@@ -0,0 +1,465 @@
+.layout-module__fluidLayout--BNE04[class] {
+  font-size: 1rem;
+}
+
+.layout-module__staticLayout--x_6dR[class] {
+  font-size: 1px;
+}
+
+@keyframes Button-module__spin--lWtk7 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.Button-module__text--holIg {
+  font-size: var(--button-font-size, 14em);
+  white-space: nowrap;
+  text-transform: uppercase;
+}
+
+.Button-module__root--Knp7O {
+  all: unset;
+  display: inline-flex;
+  font-family: Aeonik, sans-serif;
+  font-weight: var(--button-font-weight, 700);
+  cursor: pointer;
+  box-sizing: border-box;
+  line-height: var(--button-line-height, 1);
+  color: var(--button-color);
+  background-color: var(--button-bg);
+  align-items: center;
+  justify-content: center;
+  padding: var(--button-padding-vertical, 0) var(--button-padding-horizontal, 0);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    /* [class] нужны, чтоб повысить специфичность выставления переменных при ховере и пр. */
+    .Button-module__root--Knp7O[class]:hover {
+      --button-bg: var(--button-bg-hover);
+      --inner-border-width: 2em;
+    }
+
+    .Button-module__root--Knp7O[class]:focus {
+      --button-bg: var(--button-bg-focus);
+      --inner-border-width: 2em;
+    }
+
+    .Button-module__root--Knp7O[class]:active {
+      --button-bg: var(--button-bg-active);
+      --inner-border-width: 3em;
+    }
+  }
+
+.Button-module__root--Knp7O[class]:disabled {
+    cursor: default;
+    --button-bg: var(--button-bg-disabled);
+    --button-color: var(--button-color-disabled);
+    --inner-border-color: var(--disabled-border-color);
+    --inner-border-width: 1em;
+  }
+
+.Button-module__root--Knp7O[class]:disabled .Button-module__text--holIg {
+      opacity: var(--disabled-text-opacity, 0.4);
+    }
+
+.Button-module__hidden--Q6Ztq {
+  visibility: hidden;
+}
+
+.Button-module__s--o9reb {
+  --button-font-weight: 400;
+  --button-padding-vertical: 11em;
+  --button-padding-horizontal: 24em;
+  --spinner-size: 18em;
+}
+
+.Button-module__m--ZGRqJ {
+  --button-padding-vertical: 16em;
+  --button-padding-horizontal: 40em;
+  --spinner-size: 24em;
+}
+
+@media (min-width: 1152px) {
+    .Button-module__withMediaDimension--Z_A5M.Button-module__s--o9reb {
+      --button-font-size: 16em;
+      --button-padding-horizontal: 32em;
+    }
+
+    .Button-module__withMediaDimension--Z_A5M.Button-module__m--ZGRqJ {
+      --button-font-size: 16em;
+    }
+  }
+
+@media (min-width: 1536px) {
+    .Button-module__withMediaDimension--Z_A5M.Button-module__s--o9reb {
+      --button-font-size: 18em;
+      --spinner-size: 24em;
+    }
+
+    .Button-module__withMediaDimension--Z_A5M.Button-module__m--ZGRqJ {
+      --button-font-size: 20em;
+      --button-padding-horizontal: 52em;
+      --button-padding-vertical: 18em;
+      --spinner-size: 28em;
+    }
+  }
+
+.Button-module__primary--V9FFQ {
+  --button-color: #fff;
+}
+
+.Button-module__primary--V9FFQ.Button-module__purple--biF8d {
+    --button-bg: rgba(140, 30, 255, 1);
+    --button-bg-hover: rgba(169, 86, 255, 1);
+    --button-bg-active: rgba(140, 30, 255, 1);
+    --button-bg-focus: rgba(169, 86, 255, 1);
+    --button-bg-disabled: rgba(197, 143, 255, 1);
+    --button-color-disabled: #fff;
+    --disabled-text-opacity: 1;
+  }
+
+.Button-module__primary--V9FFQ.Button-module__black--Iz790 {
+    --button-bg: #000;
+    /* Стилей черной primary-кнопки пока нет в дизайне
+     При необходимости можно тут имплементировать */
+  }
+
+.Button-module__secondary--_9J0r {
+  --button-bg: transparent;
+  box-shadow: inset 0 0 0 var(--inner-border-width, 1px)
+    var(--inner-border-color);
+}
+
+.Button-module__secondary--_9J0r.Button-module__black--Iz790 {
+    --inner-border-color: #000;
+    --disabled-border-color: rgba(128, 128, 128, 1);
+    --button-color: #000;
+  }
+
+.Button-module__secondary--_9J0r.Button-module__white--l3jcr {
+    --inner-border-color: #fff;
+    --disabled-border-color: rgba(128, 128, 128, 1);
+    --button-color: #fff;
+    --button-color-disabled: rgba(128, 128, 128, 1);
+  }
+
+.Button-module__isLoading--u5f2m {
+  pointer-events: none;
+}
+
+.Button-module__spinner--Zj28d {
+  width: var(--spinner-size);
+  height: var(--spinner-size);
+  border-radius: 50%;
+  box-sizing: border-box;
+  display: inline-flex;
+  background: transparent;
+  position: absolute;
+}
+
+.Button-module__spinner--Zj28d::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 50%;
+    background: conic-gradient(
+      from 180deg,
+      color-mix(in srgb, var(--button-color, #fff) 0%, transparent) 0deg,
+      color-mix(in srgb, var(--button-color, #fff) 30%, transparent) 90deg,
+      color-mix(in srgb, var(--button-color, #fff) 80%, transparent) 180deg,
+      var(--button-color, #fff) 270deg,
+      color-mix(in srgb, var(--button-color, #fff) 0%, transparent) 360deg
+    );
+    animation: Button-module__spin--lWtk7 1s linear infinite;
+    -webkit-mask: url("data:image/svg+xml,%3csvg width=%27100%27 height=%27100%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cdefs%3e%3cmask id=%27ring%27%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27/%3e%3ccircle cx=%2750%27 cy=%2750%27 r=%2725%27 fill=%27black%27/%3e%3c/mask%3e%3c/defs%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27 mask=%27url%28%23ring%29%27/%3e%3c/svg%3e");
+            mask: url("data:image/svg+xml,%3csvg width=%27100%27 height=%27100%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cdefs%3e%3cmask id=%27ring%27%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27/%3e%3ccircle cx=%2750%27 cy=%2750%27 r=%2725%27 fill=%27black%27/%3e%3c/mask%3e%3c/defs%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27 mask=%27url%28%23ring%29%27/%3e%3c/svg%3e");
+    -webkit-mask-size: 100% 100%;
+            mask-size: 100% 100%;
+  }
+
+.Header-module__root--MyGKu {
+  font-family: Aeonik, sans-serif;
+  background-color: var(--bg-color);
+  border-bottom: 1em solid rgba(191, 191, 191, 1);
+  position: relative;
+}
+
+.Header-module__root--MyGKu,
+.Header-module__header--Ie2CT {
+  height: 74em;
+  box-sizing: border-box;
+  background-color: var(--bg-color);
+}
+
+.Header-module__header--Ie2CT {
+  position: relative;
+}
+
+.Header-module__wideHeader--P2oxX.Header-module__hidden--gobBG {
+    visibility: hidden;
+  }
+
+.Header-module__compactHeader--LsvY9 {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+}
+
+.Header-module__compactHeader--LsvY9.Header-module__visible--ococB {
+    display: block;
+  }
+
+@media (max-width: 768px) and (pointer: coarse) and (hover: none) {
+
+.Header-module__compactHeader--LsvY9 {
+    position: fixed;
+}
+  }
+
+.Header-module__light--e8MFJ {
+  --general-color: #000;
+  --bg-color: #fff;
+  --logo-accent-color: #000;
+}
+
+.Header-module__dark--mJEmI {
+  --general-color: #fff;
+  --bg-color: #000;
+  --logo-accent-color: #fedd00;
+}
+
+.Header-module__yellow--W7Vw1 {
+  --general-color: #000;
+  --bg-color: rgba(254, 221, 0, 1);
+  --logo-accent-color: #000;
+}
+
+.Header-module__leftContainer--T8NI2 {
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: 60em;
+  gap: 60em;
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+  align-items: center;
+  justify-self: start;
+  height: 100%;
+  position: absolute;
+  left: 15em;
+  top: 0;
+}
+
+.Header-module__rightContainer--ZvsQ0 {
+  display: grid;
+  grid-auto-flow: column;
+  justify-content: end;
+  align-items: center;
+  grid-gap: 16em;
+  gap: 16em;
+  justify-self: end;
+  position: absolute;
+  right: 28em;
+  height: 100%;
+  z-index: 1;
+}
+
+.Header-module__navList--ikTYl {
+  list-style: none;
+  display: grid;
+  grid-gap: 40em;
+  gap: 40em;
+  grid-auto-flow: column;
+  padding: 0;
+}
+
+.Header-module__menuLink--yDAEH {
+  all: unset;
+  color: var(--menu-link-color);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.Header-module__light--e8MFJ .Header-module__menuLink--yDAEH {
+    --menu-link-color: var(--general-color);
+  }
+
+.Header-module__dark--mJEmI .Header-module__menuLink--yDAEH {
+    --menu-link-color: var(--general-color);
+  }
+
+.Header-module__menuLinkText--MV8k7 {
+  font-size: 18em;
+  line-height: 1.23;
+}
+
+.Header-module__subMenuOpener--7Gf68 {
+  padding-right: 20em;
+  position: relative;
+}
+
+.Header-module__subMenuOpener--7Gf68::after {
+    content: "";
+    width: 17em;
+    height: 17em;
+    background: url(03a1823ba824367789ec.svg) no-repeat right center;
+    position: absolute;
+    right: 0;
+    top: 2em;
+    background-size: cover;
+  }
+
+.Header-module__subMenuOpener--7Gf68.Header-module__subMenuOpenerActive--hM0jl::after {
+    transform: rotate(180deg) translateY(-1em);
+  }
+
+.Header-module__subNavList--opWlU {
+  display: none;
+  position: absolute;
+  background: var(--bg-color);
+  top: 100%;
+  border: 1em solid rgba(191, 191, 191, 1);
+  gap: 20em;
+  padding: 20em 18em 18em;
+  min-width: 146em;
+  max-width: 180em;
+}
+
+.Header-module__subNavList--opWlU .Header-module__menuLink--yDAEH {
+    white-space: unset;
+  }
+
+.Header-module__subNavList--opWlU.Header-module__subNavListOpened--mebR2 {
+    display: grid;
+  }
+
+.Header-module__burgerMenuContainer--GmhQc {
+  display: grid;
+  justify-self: end;
+  align-self: center;
+}
+
+.Header-module__burgerMenuButton--sm0Lo {
+  all: unset;
+  cursor: pointer;
+  display: inline-grid;
+}
+
+.Header-module__burgerMenu--SUEsD {
+  padding: 20em 18em 18em;
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+  grid-auto-columns: 1fr;
+  position: absolute;
+  z-index: 10000;
+  top: 100%;
+  right: 0;
+  border-left: 1em solid rgba(191, 191, 191, 1);
+  border-bottom: 1em solid rgba(191, 191, 191, 1);
+  background-color: var(--burger-menu-bg);
+  width: 282em;
+}
+
+@media (max-width: 768px) and (pointer: coarse) and (hover: none) {
+
+.Header-module__burgerMenu--SUEsD {
+    width: -webkit-fill-available;
+}
+  }
+
+.Header-module__light--e8MFJ .Header-module__burgerMenu--SUEsD {
+    --burger-menu-bg: rgba(255, 255, 255, 0.9);
+  }
+
+.Header-module__dark--mJEmI .Header-module__burgerMenu--SUEsD {
+    --burger-menu-bg: rgba(0, 0, 0, 0.8);
+    --burger-menu-border-color: rgba(191, 191, 191, 1);
+  }
+
+.Header-module__yellow--W7Vw1 .Header-module__burgerMenu--SUEsD {
+    --burger-menu-bg: rgba(254, 221, 0, 0.9);
+    --burger-menu-border-color: rgba(0, 0, 0, 1);
+  }
+
+.Header-module__burgerMenu--SUEsD .Header-module__navList--ikTYl {
+    grid-auto-flow: row;
+    gap: 20em;
+  }
+
+.Header-module__logo--V8O4g {
+  height: 60em;
+}
+
+.Header-module__burgerButtons--gDROa {
+  display: grid;
+  grid-gap: 16em;
+  gap: 16em;
+}
+
+.Header-module__separator--lw7LB {
+  height: 1em;
+  background: var(--general-color);
+}
+
+@media (max-width: 1399px) {
+  .Header-module__navList--ikTYl {
+    gap: 32em;
+  }
+
+  .Header-module__menuLinkText--MV8k7 {
+    font-size: 16em;
+  }
+
+  .Header-module__root--MyGKu,
+  .Header-module__header--Ie2CT {
+    height: 58em;
+  }
+
+  .Header-module__logo--V8O4g {
+    height: 38em;
+  }
+}
+
+@media (min-width: 1400px) and (max-width: 1919px) {
+  .Header-module__navList--ikTYl {
+    gap: 32em;
+  }
+
+  .Header-module__menuLinkText--MV8k7 {
+    font-size: 16em;
+  }
+
+  .Header-module__root--MyGKu,
+  .Header-module__header--Ie2CT {
+    height: 74em;
+  }
+
+  .Header-module__logo--V8O4g {
+    height: 52em;
+  }
+}
+
+@media (min-width: 1920px) {
+  .Header-module__root--MyGKu,
+  .Header-module__header--Ie2CT {
+    height: 84em;
+  }
+
+  .Header-module__logo--V8O4g {
+    height: 60em;
+  }
+}
+

package/dist/rh-components/Header/index.d.ts

@@ -0,0 +1,3 @@
+export type { HeaderProps } from './Header';
+export { default } from './Header';
+//# sourceMappingURL=index.d.ts.map

package/dist/rh-components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rh-components/Header/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/rh-components/Header/index.js

@@ -0,0 +1 @@
+import*as e from"react/jsx-runtime";import*as t from"react";var n={39:(e,t,n)=>{n.d(t,{L:()=>r});const r=(...e)=>e.filter(Boolean).join(" ")},94:(e,t,n)=>{n.d(t,{A:()=>M});var r,a=n(178),l=n(268),s=n(130),o=n(39),i=n(649);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}const d=e=>i.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",width:28,height:28,fill:"none"},e),r||(r=i.createElement("path",{fill:"#8C1EFF",d:"M.32 9.41h28v2h-28zM.32 17.41h28v2h-28z"})));var c,m;function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(null,arguments)}const f=e=>i.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:28,height:28,fill:"none"},e),c||(c=i.createElement("path",{fill:"#8C1EFF",d:"m4.807 3.394 19.799 19.799-1.414 1.414-19.8-19.8z"})),m||(m=i.createElement("path",{fill:"#8C1EFF",d:"m3.393 23.193 19.799-19.8 1.414 1.415L4.807 24.607z"})));var _,v,g;function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}const b={root:"Header-module__root--MyGKu",header:"Header-module__header--Ie2CT",wideHeader:"Header-module__wideHeader--P2oxX",hidden:"Header-module__hidden--gobBG",compactHeader:"Header-module__compactHeader--LsvY9",visible:"Header-module__visible--ococB",light:"Header-module__light--e8MFJ",dark:"Header-module__dark--mJEmI",yellow:"Header-module__yellow--W7Vw1",leftContainer:"Header-module__leftContainer--T8NI2",rightContainer:"Header-module__rightContainer--ZvsQ0",navList:"Header-module__navList--ikTYl",menuLink:"Header-module__menuLink--yDAEH",menuLinkText:"Header-module__menuLinkText--MV8k7",subMenuOpener:"Header-module__subMenuOpener--7Gf68",subMenuOpenerActive:"Header-module__subMenuOpenerActive--hM0jl",subNavList:"Header-module__subNavList--opWlU",subNavListOpened:"Header-module__subNavListOpened--mebR2",burgerMenuContainer:"Header-module__burgerMenuContainer--GmhQc",burgerMenuButton:"Header-module__burgerMenuButton--sm0Lo",burgerMenu:"Header-module__burgerMenu--SUEsD",logo:"Header-module__logo--V8O4g",burgerButtons:"Header-module__burgerButtons--gDROa",separator:"Header-module__separator--lw7LB"},w="burger-menu",x="sub-menu",j=(0,a.jsx)("a",{href:"https://www.ratehawk.com/",target:"_blank",children:(0,a.jsx)(e=>i.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",height:61,fill:"none",viewBox:"0 0 202 61"},e),_||(_=i.createElement("path",{fill:"var(--general-color)",d:"m162.762 38.47-2.883-18.28h-7.867l-3.517 22.29h4.857l.026-.178.187-1.397.325-2.435h4.113l.517 3.877.018.134h4.857l-.111-.708zm-8.306-4.16 1.489-10.848 1.49 10.848zM179.455 38.5l-1.997-18.31h-6.079l-1.876 18.34-1.431-18.34h-4.618l2.414 22.29h6.854l1.757-18.336 1.848 18.337h6.764l2.413-22.29h-4.62zM196.7 30.654l4.41-10.463h-5.274l-3.693 10.611V20.191h-5.007v22.29h5.007V31.842l3.635 10.639h5.542zM81.256 30.253q1.028-1.324 1.028-3.402v-.861q0-1.9-.848-3.18-.85-1.279-2.338-1.947-1.491-.67-3.398-.67h-7.45v22.29h5.006V31.517l4.022 10.966h5.571L78.53 32.17q1.701-.598 2.727-1.918m-3.978-2.99q-.001 1.488-.611 2.141-.612.655-1.654.655h-1.757v-3.654a2.055 2.055 0 0 0-2.058-2.052h3.8149999999999995q1.042 0 1.654.549.61.55.61 1.946zM94.679 20.19h-7.867L83.93 38.47l-.634 4.01h4.858l.535-4.01h4.113l.535 4.01h4.857l-.633-4.01zm-5.423 14.12 1.49-10.848 1.49 10.848zM97.752 24.502h3.633V42.48h5.067V24.5h3.635v-4.31H97.752zM111.871 24.502V42.48h11.144v-4.309h-6.138v-4.905h6.138V28.96h-6.138v-4.457h6.138V20.19h-11.144zM141.791 28.87h-4.469v-8.68h-5.064v22.288h5.064v-7.216a2.055 2.055 0 0 0-2.057-2.053h6.526v9.272h5.064V20.19h-5.064z"})),v||(v=i.createElement("path",{fill:"var(--logo-accent-color)",d:"M56.213 18.304 38.056 7.849 25.143.41l3.572 4.999c.833 1.165-.43 2.679-1.732 2.07L15.695 2.197l22.36 17.418s8.481 6.433 11.26 8.735c.493.408.829.974.95 1.604l.868 4.557c.9 4.284-.762 5.893-2.368 6.857l-1.981 1.184.31-2.425c.124-.932-.076-1.3-.636-1.637l-4.84-2.697a2.3 2.3 0 0 0-.901-.297C37.487 35.054.32 29.801.32 29.801l17.228 5.767c1.359.455 1.23 2.412-.176 2.686l-5.264 1.033 24.024 13.89a4.2 4.2 0 0 0 4.186.004c4.062-2.331 12.88-7.393 15.88-9.123a4.18 4.18 0 0 0 2.093-3.603c.018-5.504.018-18.533.018-18.533a4.17 4.17 0 0 0-2.096-3.618"})),g||(g=i.createElement("path",{fill:"var(--logo-accent-color)",d:"M44.752 32.185a1.54 1.54 0 0 0 2.022.8c.553-.238.886-.765.917-1.326l-6.62-3.918s-.065.377.144.576c.22.21 2.583 2.181 3.464 2.916-.076.308-.06.64.073.952"}))),{className:b.logo})}),M=({theme:e="dark",className:t="",menu:n,subMenu:r,extraRightContent:u,fluidMode:c})=>{const m=(0,s.u)(c),h=b[e],_=r&&r.length>0,[v,g]=(0,i.useState)(!1),[p,M]=(0,i.useState)(!1),[y,k]=(0,i.useState)(!1),N=(0,i.useRef)(null),C=(0,i.useRef)(null),H=n?.map(L)||[];let B=H;if(_){const e=r?.map(L)||[];B=[...H,(0,a.jsxs)("li",{children:[(0,a.jsx)("button",{type:"button",onClick:()=>k(!y),className:(0,o.L)(b.menuLink,m,b.subMenuOpener,x,y?b.subMenuOpenerActive:""),children:(0,a.jsx)("span",{className:b.menuLinkText,children:"More"})}),(0,a.jsx)("ul",{className:(0,o.L)(b.subNavList,y?b.subNavListOpened:"",x),children:e})]},"submenu")],H.push(...e)}const E=(0,i.useCallback)((()=>{let e=!1;return(...t)=>{e||((()=>{if(!N.current||!C.current)return;const e=C.current.getBoundingClientRect().right,t=N.current.getBoundingClientRect().left-e<20;g(t),t?k(!1):M(!1)})(...t),e=!0,setTimeout(()=>{e=!1},100))}})(),[]),O=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.A,{theme:"secondary",variant:"dark"===e?"white":"black",url:"https://www.ratehawk.com/accounts/login/?lang=en&ref=rh_sign_in",children:"Sign in"}),(0,a.jsx)(l.A,{url:"https://www.ratehawk.com/registration/?lang=en&ref=rh_register",children:"Register"})]}),A=(0,i.useCallback)(e=>{if(!(e.target instanceof HTMLElement))return;const t=e.target.closest(`.${w}`),n=e.target.closest(`.${x}`);t||M(!1),n||k(!1)},[]);return(0,i.useEffect)(()=>(window.addEventListener("resize",E),window.addEventListener("click",A),E(),()=>{window.removeEventListener("resize",E),window.removeEventListener("click",A)}),[E,A]),(0,a.jsxs)("div",{className:(0,o.L)(b.root,t,h,m),children:[(0,a.jsxs)("div",{className:(0,o.L)(b.header,b.wideHeader,v?b.hidden:""),children:[(0,a.jsxs)("div",{className:b.leftContainer,ref:C,children:[j,(0,a.jsx)("nav",{className:b.navMenu,children:(0,a.jsx)("ul",{className:b.navList,children:B})})]}),(0,a.jsxs)("div",{className:b.rightContainer,ref:N,children:[u,O]})]}),(0,a.jsxs)("div",{className:(0,o.L)(b.header,b.compactHeader,v?b.visible:""),children:[(0,a.jsx)("div",{className:b.leftContainer,children:j}),(0,a.jsxs)("div",{className:b.rightContainer,children:[u,(0,a.jsx)("div",{className:b.burgerMenuContainer,children:(0,a.jsx)("button",{className:b.burgerMenuButton,onClick:()=>M(!p),type:"button",children:p?(0,a.jsx)(f,{}):(0,a.jsx)(d,{})})})]}),p&&(0,a.jsxs)("div",{className:[b.burgerMenu,w].join(" "),children:[(0,a.jsx)("nav",{className:b.navMenu,children:(0,a.jsx)("ul",{className:b.navList,children:H})}),(0,a.jsx)("div",{className:b.separator}),(0,a.jsx)("div",{className:b.burgerButtons,children:O})]})]})]})};function L(e){const t=e.url?"a":"button",n=e.url?{target:"_blank",href:e.url}:{type:"button"};return(0,a.jsx)("li",{children:(0,a.jsx)(t,{className:b.menuLink,onClick:e.onClick,...n,children:(0,a.jsx)("span",{className:b.menuLinkText,children:e.title})})},e.title)}},130:(e,t,n)=>{n.d(t,{N:()=>a,u:()=>l}),n(178);var r=n(992);const a=({children:e,fluidMode:t=!1})=>{fluidModeState.state=t;const n=`\n    @font-face {\n      font-family: 'Aeonik';\n      src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Bold.woff2') format('woff2');\n      font-weight: 900;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Aeonik';\n        src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Regular.woff2') format('woff2');\n        font-weight: 400;\n        font-style: normal;\n        font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'ABCGravity';\n        src: url('https://of.worldota.net/fonts/ABCGravity/ABCGravity.woff2') format('woff2');\n        font-weight: 900;\n        font-style: normal;\n        font-display: swap;\n    }\n    \n    ${t?fluidLayoutCss:staticLayoutCss};\n  `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:n}}),e]})},l=e=>("boolean"==typeof e?e:r.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},178:(t,n,r)=>{var a,l;t.exports=(a={Fragment:()=>e.Fragment,jsx:()=>e.jsx,jsxs:()=>e.jsxs},l={},r.d(l,a),l)},268:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(178),a=n(130),l=n(39);const s={text:"Button-module__text--holIg",root:"Button-module__root--Knp7O",hidden:"Button-module__hidden--Q6Ztq",s:"Button-module__s--o9reb",m:"Button-module__m--ZGRqJ",withMediaDimension:"Button-module__withMediaDimension--Z_A5M",primary:"Button-module__primary--V9FFQ",purple:"Button-module__purple--biF8d",black:"Button-module__black--Iz790",secondary:"Button-module__secondary--_9J0r",white:"Button-module__white--l3jcr",isLoading:"Button-module__isLoading--u5f2m",spinner:"Button-module__spinner--Zj28d",spin:"Button-module__spin--lWtk7"},o=({className:e,children:t,dimension:n="s",theme:o="primary",onClick:i,disabled:u=!1,type:d="button",variant:c="purple",url:m,isLoading:h,enableMediaDimension:f=!0,fluidMode:_})=>{const v=s[n]||"",g=s[o]||"",p=s[c],b=(0,a.u)(_),w=f?s.withMediaDimension:"",x=m?"a":"button",j=m?{target:"_blank",href:m}:{type:d},M=h?s.isLoading:"";return(0,r.jsxs)(x,{...j,onClick:i,className:(0,l.L)(s.root,e,b,v,g,M,p,w),disabled:u,children:[h?(0,r.jsx)("span",{className:s.spinner}):null,(0,r.jsx)("span",{className:(0,l.L)(s.text,h?s.hidden:null),children:t})]})}},649:(e,n,r)=>{var a,l;e.exports=(a={createElement:()=>t.createElement,useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useRef:()=>t.useRef,useState:()=>t.useState},l={},r.d(l,a),l)},992:(e,t,n)=>{n.d(t,{b:()=>r}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const r=globalThis.__fluidModeState}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var l=r[e]={exports:{}};return n[e](l,l.exports,a),l.exports}a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};a.d(l,{A:()=>s.A});var s=a(94);const o=l.A;export{o as default};

package/dist/rh-components/HotelCard/HotelCard.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+export interface HotelCardProps {
+    className?: string;
+    title: string;
+    location?: string;
+    stars?: 1 | 2 | 3 | 4 | 5;
+    image: string;
+    onClick?: () => void;
+    dates?: string;
+    url?: string;
+    discountPercent?: string;
+    width?: 'auto' | 'fixed';
+    price?: string;
+    fluidMode?: boolean;
+}
+declare const HotelCard: React.FC<HotelCardProps>;
+export default HotelCard;
+//# sourceMappingURL=HotelCard.d.ts.map

package/dist/rh-components/HotelCard/HotelCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotelCard.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelCard/HotelCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/rh-components/HotelCard/index.css

@@ -0,0 +1,150 @@
+.layout-module__fluidLayout--BNE04[class] {
+  font-size: 1rem;
+}
+
+.layout-module__staticLayout--x_6dR[class] {
+  font-size: 1px;
+}
+
+.HotelCard-module__root--popq0 {
+  display: flex;
+  flex-direction: column;
+  background: var(--card-bg, #ffffff);
+  border-radius: 0;
+  overflow: hidden;
+  max-width: 100%;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__rootFixed--TvjpT {
+  width: 440em;
+  max-width: 440em;
+}
+
+.HotelCard-module__clickable--mp25I {
+  cursor: pointer;
+  text-decoration: none;
+  color: inherit;
+}
+
+.HotelCard-module__imageContainer--FZfWz {
+  position: relative;
+  width: 100%;
+  height: 260em;
+  overflow: hidden;
+}
+
+.HotelCard-module__image--fREMp {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.HotelCard-module__discount--G2sau {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: rgba(140, 30, 255, 1);
+  color: var(--discount-text, #ffffff);
+  width: 87em;
+  height: 77em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  font-family: "Aeonik", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-radius: 0;
+  letter-spacing: 0.01em;
+}
+
+.HotelCard-module__discountText--hH9Sf {
+  font-size: 23em;
+}
+
+.HotelCard-module__content--IA_3z {
+  padding: 15em;
+  background: var(--card-bg, #ffffff);
+  display: flex;
+  flex-direction: column;
+  gap: 4em;
+}
+
+.HotelCard-module__stars--jTODO {
+  display: flex;
+  gap: 1em;
+}
+
+.HotelCard-module__starFilled--Ps4vk,
+.HotelCard-module__starEmpty--FBbdo {
+  width: 12em;
+  height: 12em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCAxMCI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTQuNjE1LjQ4MmEuNC40IDAgMCAxIC43MjYgMGwxLjEwMiAyLjM3MmEuNC40IDAgMCAwIC4zMTQuMjI4bDIuNTk3LjMxNWEuNC40IDAgMCAxIC4yMjQuNjlMNy42NjIgNS44NjhhLjQuNCAwIDAgMC0uMTIuMzdsLjUwMyAyLjU2N2EuNC40IDAgMCAxLS41ODcuNDI2TDUuMTczIDcuOTZhLjQuNCAwIDAgMC0uMzkgMEwyLjQ5OSA5LjIzYS40LjQgMCAwIDEtLjU4Ny0uNDI2bC41MDMtMi41NjdhLjQuNCAwIDAgMC0uMTItLjM3TC4zNzggNC4wODhhLjQuNCAwIDAgMSAuMjI0LS42OUwzLjIgMy4wODFhLjQuNCAwIDAgMCAuMzE1LS4yMjhMNC42MTUuNDgyWiIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjQuOTc4IiB4Mj0iNC45NzgiIHkxPSItLjMiIHkyPSIxMC43IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQUYwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YyOTAwNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
+  color: rgba(248, 159, 3, 1);
+}
+
+.HotelCard-module__starEmpty--FBbdo {
+  opacity: 0.3;
+}
+
+.HotelCard-module__title--BOmwo {
+  margin: 0;
+  font-size: 18em;
+  font-weight: 600;
+  color: #000;
+  line-height: 1.3;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__location--uglfh {
+  margin: 0;
+  color: rgba(105, 105, 105, 1);
+  font-size: 15em;
+  line-height: 1.3;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__dates--mhAjB {
+  margin: 0;
+  color: #000;
+  font-size: 18em;
+  line-height: 1.3;
+  letter-spacing: 0.01em;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__priceInfoWrapper--fplFE {
+  margin-top: 11em;
+}
+
+.HotelCard-module__priceInfo--qLmoQ {
+  width: 100%;
+  background: rgba(140, 30, 255, 1);
+  font-family: "Aeonik", sans-serif;
+  color: rgba(255, 255, 255, 1);
+  padding: 14px 16px 16px;
+  box-sizing: border-box;
+}
+
+.HotelCard-module__bookNowText--pgznJ {
+  font-size: 14em;
+  text-transform: uppercase;
+  text-align: center;
+  font-weight: 700;
+}
+
+.HotelCard-module__mainPriceText--wIEbi {
+  font-size: 18em;
+}
+
+.HotelCard-module__infoPriceText--GSy_s {
+  font-size: 14em;
+}
+

package/dist/rh-components/HotelCard/index.d.ts

@@ -0,0 +1,3 @@
+export type { HotelCardProps } from './HotelCard';
+export { default } from './HotelCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/rh-components/HotelCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rh-components/HotelCard/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/rh-components/HotelCard/index.js

@@ -0,0 +1 @@
+import*as e from"react/jsx-runtime";var o={39:(e,o,t)=>{t.d(o,{L:()=>a});const a=(...e)=>e.filter(Boolean).join(" ")},130:(e,o,t)=>{t.d(o,{N:()=>s,u:()=>l}),t(178);var a=t(992);const s=({children:e,fluidMode:o=!1})=>{fluidModeState.state=o;const t=`\n    @font-face {\n      font-family: 'Aeonik';\n      src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Bold.woff2') format('woff2');\n      font-weight: 900;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Aeonik';\n        src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Regular.woff2') format('woff2');\n        font-weight: 400;\n        font-style: normal;\n        font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'ABCGravity';\n        src: url('https://of.worldota.net/fonts/ABCGravity/ABCGravity.woff2') format('woff2');\n        font-weight: 900;\n        font-style: normal;\n        font-display: swap;\n    }\n    \n    ${o?fluidLayoutCss:staticLayoutCss};\n  `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:t}}),e]})},l=e=>("boolean"==typeof e?e:a.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},178:(o,t,a)=>{var s,l;o.exports=(s={jsx:()=>e.jsx,jsxs:()=>e.jsxs},l={},a.d(l,s),l)},670:(e,o,t)=>{t.d(o,{A:()=>n});var a=t(178),s=t(130),l=t(39);const r={root:"HotelCard-module__root--popq0",rootFixed:"HotelCard-module__rootFixed--TvjpT",clickable:"HotelCard-module__clickable--mp25I",imageContainer:"HotelCard-module__imageContainer--FZfWz",image:"HotelCard-module__image--fREMp",discount:"HotelCard-module__discount--G2sau",discountText:"HotelCard-module__discountText--hH9Sf",content:"HotelCard-module__content--IA_3z",stars:"HotelCard-module__stars--jTODO",starFilled:"HotelCard-module__starFilled--Ps4vk",starEmpty:"HotelCard-module__starEmpty--FBbdo",title:"HotelCard-module__title--BOmwo",location:"HotelCard-module__location--uglfh",dates:"HotelCard-module__dates--mhAjB",priceInfoWrapper:"HotelCard-module__priceInfoWrapper--fplFE",priceInfo:"HotelCard-module__priceInfo--qLmoQ",bookNowText:"HotelCard-module__bookNowText--pgznJ",mainPriceText:"HotelCard-module__mainPriceText--wIEbi",infoPriceText:"HotelCard-module__infoPriceText--GSy_s"},n=({className:e="",title:o,location:t,stars:n,image:i,dates:d,discountPercent:c,onClick:f,url:m,width:u="auto",price:_,fluidMode:p})=>{const x=(0,s.u)(p),h=m?"a":"div",j=m?{href:m,target:"_blank",rel:"noopener noreferrer"}:{};return(0,a.jsxs)(h,{className:(0,l.L)(r.root,x,"fixed"===u&&r.rootFixed,e,m&&r.clickable),onClick:f,...j,children:[(0,a.jsxs)("div",{className:r.imageContainer,children:[(0,a.jsx)("img",{src:i,alt:o,className:r.image}),c&&(0,a.jsx)("div",{className:r.discount,children:(0,a.jsxs)("span",{className:r.discountText,children:["-",c,"%"]})})]}),(0,a.jsxs)("div",{className:r.content,children:[(()=>{if(!n)return null;const e=[];for(let t=0;t<5;t++)e.push((0,a.jsx)("div",{className:t<n?r.starFilled:r.starEmpty},`star-${o}-${t}`));return(0,a.jsx)("div",{className:r.stars,children:e})})(),(0,a.jsx)("h3",{className:r.title,children:o}),t&&(0,a.jsx)("p",{className:r.location,children:t}),d&&(0,a.jsxs)("p",{className:r.dates,children:["Travel Dates: ",d]}),(0,a.jsx)("div",{className:r.priceInfoWrapper,children:(0,a.jsx)("div",{className:r.priceInfo,children:_?(0,a.jsxs)("div",{className:r.priceText,children:[(0,a.jsxs)("div",{className:r.mainPriceText,children:["From ",(0,a.jsx)("strong",{children:_})]}),(0,a.jsx)("div",{className:r.infoPriceText,children:(0,a.jsx)("span",{children:"For 1 night and 2 guests"})})]}):(0,a.jsx)("div",{className:r.bookNowText,children:"Book now"})})})]})]})}},992:(e,o,t)=>{t.d(o,{b:()=>a}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const a=globalThis.__fluidModeState}},t={};function a(e){var s=t[e];if(void 0!==s)return s.exports;var l=t[e]={exports:{}};return o[e](l,l.exports,a),l.exports}a.d=(e,o)=>{for(var t in o)a.o(o,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},a.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o);var s={};a.d(s,{A:()=>l.A});var l=a(670);const r=s.A;export{r as default};