ost-components 0.0.1

package/dist/components/Header/index.css

@@ -0,0 +1,321 @@
+.layout-module__fluidLayout--BNE04[class] {
+  font-size: 1rem;
+}
+
+.layout-module__staticLayout--x_6dR[class] {
+  font-size: 1px;
+}
+
+.Button-module__text--fXCJk {
+  font-size: var(--button-font-size, 16em);
+  white-space: nowrap;
+}
+
+.Button-module__root--JgX5G {
+  all: unset;
+  display: inline-flex;
+  border-radius: 60em;
+  font-family: var(--font-family);
+  font-weight: 500;
+  cursor: pointer;
+  box-sizing: border-box;
+  line-height: var(--button-line-height, 1.5);
+  color: var(--button-color);
+  background-color: var(--button-bg);
+  align-items: center;
+  justify-content: center;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .Button-module__root--JgX5G:hover {
+      --button-bg: var(--button-bg-hover);
+    }
+
+    .Button-module__root--JgX5G:active {
+      --button-bg: var(--button-bg-active);
+    }
+  }
+
+.Button-module__root--JgX5G:disabled {
+    cursor: default;
+    --button-bg: var(--button-bg-disabled);
+    --button-color: var(--button-color-disabled);
+  }
+
+.Button-module__root--JgX5G:disabled .Button-module__text--fXCJk {
+      opacity: var(--disabled-text-opacity, 0.4);
+    }
+
+.Button-module__xs--QiLu6 {
+  padding: 5em 16em 7em;
+}
+
+.Button-module__s--BPnwl {
+  padding: 7em 18em 9em;
+}
+
+.Button-module__m--Za884 {
+  padding: 10em 22em 12em;
+  --button-line-height: 1.444;
+  --button-font-size: 18em;
+}
+
+.Button-module__l--ERI3t {
+  padding: 13em 28em 15em;
+  --button-line-height: 1.333;
+  --button-font-size: 24em;
+}
+
+.Button-module__primary--cdc4_.Button-module__green--alhqL {
+    --button-color: var(--primary-green-button-text);
+    --button-bg: var(--primary-green-button-bg);
+    --button-bg-hover: var(--primary-green-button-bg-hover);
+    --button-bg-active: var(--primary-green-button-bg-active);
+    --button-bg-disabled: var(--primary-green-button-bg-disabled);
+  }
+
+.Button-module__primary--cdc4_.Button-module__blue--NCGMs {
+    --button-color: var(--primary-blue-button-text);
+    --button-bg: var(--primary-blue-button-bg);
+    --button-bg-hover: var(--primary-blue-button-bg-hover);
+    --button-bg-active: var(--primary-blue-button-bg-active);
+    --button-bg-disabled: var(--primary-blue-button-bg-disabled);
+    --button-color-disabled: var(--primary-blue-button-color-disabled);
+  }
+
+.Button-module__primary--cdc4_.Button-module__white--zRU5W {
+    --button-color: var(--primary-white-button-text);
+    --button-bg: var(--primary-white-button-bg);
+    --button-bg-hover: var(--primary-white-button-bg-hover);
+    --button-bg-active: var(--primary-white-button-bg-active);
+    --button-bg-disabled: var(--primary-white-button-bg-disabled);
+  }
+
+.Button-module__primary--cdc4_.Button-module__black--Yi4Rj {
+    --button-color: var(--primary-black-button-text);
+    --button-bg: var(--primary-black-button-bg);
+    --button-bg-hover: var(--primary-black-button-bg-hover);
+    --button-bg-active: var(--primary-black-button-bg-active);
+    --button-bg-disabled: var(--primary-black-button-bg-disabled);
+    --button-color-disabled: var(--primary-black-button-color-disabled);
+  }
+
+.Button-module__secondary--pJ5lp {
+  box-shadow: inset 0 0 0 var(--secondary-border-width, 1em)
+    var(--secondary-border-color);
+}
+
+.Button-module__secondary--pJ5lp.Button-module__l--ERI3t {
+    --secondary-border-width: 2em;
+  }
+
+.Button-module__secondary--pJ5lp.Button-module__green--alhqL {
+    --disabled-text-opacity: 0.6;
+    --button-color: var(--secondary-green-button-text);
+    --secondary-border-color: var(--secondary-green-button-border);
+    --secondary-button-border-hover: var(--secondary-green-button-border-hover);
+    --secondary-button-color-hover: var(--secondary-green-button-color-hover);
+    --secondary-button-border-active: var(
+      --secondary-green-button-border-active
+    );
+    --secondary-button-color-active: var(--secondary-green-button-color-active);
+    --secondary-button-color-disabled: var(
+      --secondary-green-button-color-disabled
+    );
+    --secondary-button-border-disabled: var(
+      --secondary-green-button-border-disabled
+    );
+  }
+
+.Button-module__secondary--pJ5lp.Button-module__blue--NCGMs {
+    --button-color: var(--secondary-blue-button-text);
+    --secondary-border-color: var(--secondary-blue-button-border);
+    --secondary-button-border-hover: var(--secondary-blue-button-border-hover);
+    --secondary-button-color-hover: var(--secondary-blue-button-color-hover);
+    --secondary-button-border-active: var(
+      --secondary-blue-button-border-active
+    );
+    --secondary-button-color-active: var(--secondary-blue-button-color-active);
+    --secondary-button-color-disabled: var(
+      --secondary-blue-button-color-disabled
+    );
+    --secondary-button-border-disabled: var(
+      --secondary-blue-button-border-disabled
+    );
+  }
+
+@media (hover: hover) and (pointer: fine) {
+    .Button-module__secondary--pJ5lp:hover {
+      --button-color: var(--secondary-button-color-hover);
+      --secondary-border-color: var(--secondary-button-border-hover);
+    }
+
+    .Button-module__secondary--pJ5lp:active {
+      --button-color: var(--secondary-button-color-active);
+      --secondary-border-color: var(--secondary-button-border-active);
+    }
+  }
+
+.Button-module__secondary--pJ5lp:disabled {
+    --button-color: var(--secondary-button-color-disabled);
+    --secondary-border-color: var(--secondary-button-border-disabled);
+  }
+
+.Header-module__root--r3HBs {
+  font-family: var(--font-family);
+  display: grid;
+  padding: 0 20em;
+  grid-auto-flow: column;
+  position: relative;
+}
+
+.Header-module__root--r3HBs.Header-module__exposedMode--yUNI8 {
+    grid-auto-flow: unset;
+  }
+
+.Header-module__light--pMjK9 {
+  --general-color: var(--general-light-color);
+  --secondary-color: var(--secondary-light-color);
+}
+
+.Header-module__dark--K0YDF {
+  --general-color: var(--general-dark-color);
+  --secondary-color: var(--secondary-dark-color);
+}
+
+.Header-module__leftContainer--PZgyr {
+  display: grid;
+  align-items: center;
+  justify-self: start;
+  height: 80em;
+}
+
+.Header-module__rightContainer--UkVek {
+  display: grid;
+  grid-auto-flow: column;
+  justify-content: end;
+  align-items: center;
+  grid-gap: 16em;
+  gap: 16em;
+  justify-self: end;
+}
+
+.Header-module__rightContainer--UkVek.Header-module__hidden--hKTxA {
+    visibility: hidden;
+    position: absolute;
+    right: 0;
+  }
+
+.Header-module__navList--E6aFg {
+  list-style: none;
+  display: grid;
+  grid-gap: 16em;
+  gap: 16em;
+  grid-auto-flow: column;
+  padding: 0;
+}
+
+.Header-module__menuLink--QLzUK {
+  all: unset;
+  color: var(--menu-link-color);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .Header-module__menuLink--QLzUK:hover {
+      color: var(--menu-link-color-hover);
+    }
+  }
+
+.Header-module__light--pMjK9 .Header-module__menuLink--QLzUK {
+    --menu-link-color: var(--general-color);
+    --menu-link-color-hover: var(--link-blue-color-hover);
+  }
+
+.Header-module__dark--K0YDF .Header-module__menuLink--QLzUK {
+    --menu-link-color: var(--general-color);
+    --menu-link-color-hover: var(--link-green-color-hover);
+  }
+
+.Header-module__menuLinkText--J8TxL {
+  font-size: 16em;
+}
+
+.Header-module__burgerMenuContainer--nMgsS {
+  display: grid;
+  justify-self: end;
+  align-self: center;
+}
+
+.Header-module__burgerMenuButton--hrBJQ {
+  all: unset;
+  cursor: pointer;
+  display: inline-grid;
+}
+
+.Header-module__burgerMenu--wpknD {
+  padding: 20em;
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+
+  position: fixed;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  width: -webkit-fill-available;
+  height: -webkit-fill-available;
+  background: var(--mobile-menu-bg);
+}
+
+.Header-module__light--pMjK9 .Header-module__burgerMenu--wpknD {
+    --mobile-menu-bg: var(--mobile-menu-blue-bg);
+  }
+
+.Header-module__dark--K0YDF .Header-module__burgerMenu--wpknD {
+    --mobile-menu-bg: var(--mobile-menu-black-bg);
+  }
+
+.Header-module__burgerMenu--wpknD .Header-module__navList--E6aFg {
+    grid-auto-flow: row;
+    gap: 20em;
+  }
+
+.Header-module__burgerMenu--wpknD .Header-module__menuLinkText--J8TxL {
+    font-size: 20em;
+  }
+
+.Header-module__exposedMenu--L54Cl {
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  justify-items: start;
+}
+
+.Header-module__exposedMenu--L54Cl .Header-module__navList--E6aFg {
+    grid-auto-flow: row;
+  }
+
+.Header-module__logo--Kmtwb {
+  width: 152em;
+  height: 28em;
+}
+
+@media screen and (max-width: 768px) {
+  .Header-module__leftContainer--PZgyr {
+    height: 60em;
+  }
+
+  .Header-module__logo--Kmtwb {
+    width: 108em;
+    height: 20em;
+  }
+}
+

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

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

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

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

package/dist/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:()=>o});const o=(...e)=>e.filter(Boolean).join(" ")},58:(e,t,n)=>{n.d(t,{N:()=>r,u:()=>l}),n(178);var o=n(992);const r=({theme:e,children:t,fluidMode:n=!1})=>{fluidModeState.state=n;const o=[];Object.entries(e).forEach(([e,t])=>{o.push(`--${e}: ${t}`)});const r=`\n    @font-face {\n      font-family: 'FactorA';\n      src: url('https://of.worldota.net/fonts/factora/Factor-A-Regular-Web.woff2') format('woff2');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'FactorA';\n        src: url('https://of.worldota.net/fonts/factora/Factor-A-Medium-Web.woff2') format('woff2');\n        font-weight: 500;\n        font-style: normal;\n        font-display: swap;\n    }\n    \n    @font-face {\n      font-family: 'Spoof';\n      src: url('https://of.worldota.net/fonts/spoof/Spoof-Regular.woff2') format('woff2');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Spoof';\n        src: url('https://of.worldota.net/fonts/spoof/Spoof-Medium.woff2') format('woff2');\n        font-weight: 500;\n        font-style: normal;\n        font-display: swap;\n    }\n\n    :root {\n        ${o.join(";\n")};\n    }\n    ${n?fluidLayoutCss:staticLayoutCss};\n  `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:r}}),t]})},l=e=>("boolean"==typeof e?e:o.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},89:(e,t,n)=>{n.d(t,{A:()=>s});var o=n(178),r=n(58),l=n(39);const a={text:"Button-module__text--fXCJk",root:"Button-module__root--JgX5G",xs:"Button-module__xs--QiLu6",s:"Button-module__s--BPnwl",m:"Button-module__m--Za884",l:"Button-module__l--ERI3t",primary:"Button-module__primary--cdc4_",green:"Button-module__green--alhqL",blue:"Button-module__blue--NCGMs",white:"Button-module__white--zRU5W",black:"Button-module__black--Yi4Rj",secondary:"Button-module__secondary--pJ5lp"},s=({className:e,children:t,dimension:n="s",fluidMode:s,theme:u="primary",onClick:i,disabled:c=!1,type:d="button",variant:f="green",url:m})=>{const h=(0,r.u)(s),p=a[n]||"",g=a[u]||"",_=a[f]||"",v=m?"a":"button",x=m?{target:"_blank",href:m}:{type:d};return(0,o.jsx)(v,{...x,onClick:i,className:(0,l.L)(a.root,e,p,g,_,h),disabled:c,children:(0,o.jsx)("span",{className:a.text,children:t})})}},178:(t,n,o)=>{var r,l;t.exports=(r={jsx:()=>e.jsx,jsxs:()=>e.jsxs},l={},o.d(l,r),l)},649:(e,n,o)=>{var r,l;e.exports=(r={createElement:()=>t.createElement,useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useRef:()=>t.useRef,useState:()=>t.useState},l={},o.d(l,r),l)},992:(e,t,n)=>{n.d(t,{b:()=>o}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const o=globalThis.__fluidModeState}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var l=o[e]={exports:{}};return n[e](l,l.exports,r),l.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l,a=r(178),s=r(89),u=r(58),i=r(39),c=r(649);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},d.apply(null,arguments)}const f=e=>c.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},e),l||(l=c.createElement("path",{stroke:"var(--general-color)",strokeLinecap:"round",strokeWidth:1.5,d:"M6 8h20M6 16h20M6 24h20"})));var m,h;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 o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},p.apply(null,arguments)}const g=e=>c.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},e),m||(m=c.createElement("circle",{cx:16,cy:16,r:16,fill:"var(--general-color)"})),h||(h=c.createElement("path",{stroke:"var(--secondary-color)",strokeWidth:2,d:"M9.212 22.788 22.788 9.212m0 13.576L9.212 9.212"})));var _;function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(null,arguments)}const x=e=>c.createElement("svg",v({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 152 28"},e),_||(_=c.createElement("path",{fill:"var(--general-color)",d:"M65.782 6.249c-2.03 0-3.89.955-5.192 2.575l-.151-2.147h-3.47V28h3.87v-6.032l-.177-1.6c1.302 1.54 3.122 2.463 5.12 2.463 4.081 0 7.525-3.662 7.525-8.186s-3.437-8.403-7.525-8.403zm-.48 13.335c-2.675 0-4.68-2.246-4.68-4.939s2.005-4.939 4.68-4.939c2.451 0 4.456 2.246 4.456 4.939s-2.004 4.939-4.456 4.939M32.463 9.916c1.722 0 3.227 1.08 4.081 2.588l3.227-1.726c-1.288-2.798-4.081-4.524-7.308-4.524-4.515 0-8.17 3.662-8.17 8.403s3.655 8.186 8.17 8.186c3.227 0 6.02-1.726 7.308-4.524l-3.227-1.726c-.86 1.508-2.366 2.588-4.081 2.588-2.366 0-4.515-2.153-4.515-4.524 0-2.588 2.149-4.741 4.515-4.741m8.386.211h5.159v12.275h3.654V10.127h5.159v-3.45H40.849zM11.18 0C4.941 0 0 5.17 0 11.419s4.942 11.419 11.18 11.419c6.236 0 11.395-4.952 11.395-11.42C22.575 4.953 17.633 0 11.179 0Zm0 18.953c-3.872 0-7.31-3.445-7.31-7.54 0-3.88 3.438-7.324 7.31-7.324 4.08 0 7.307 3.445 7.307 7.323 0 4.09-3.227 7.54-7.308 7.54Zm136.012 3.885a2.586 2.586 0 0 0 2.583-2.588 2.586 2.586 0 0 0-2.583-2.589 2.586 2.586 0 0 0-2.584 2.589 2.586 2.586 0 0 0 2.584 2.588m1.613-7.54L149.882 0h-5.376l1.078 15.298zm-12.516-.864c1.288-.217 2.149-.862 3.01-3.016l1.722-4.741h-3.766L135.75 11.2c-.427 1.29-1.177 1.725-2.254 1.725h-1.827v-6.25h-3.766v15.726h3.766v-6.25h1.61c1.288 0 1.82.429 2.464 1.726l1.932 4.524h4.193l-2.365-5.17c-.861-1.724-1.933-2.587-3.227-2.798zm-31.57-.031s2.123-.889 2.123-3.628c0-2.463-1.932-4.09-5.376-4.09h-7.742v15.726h8.116c3.438 0 5.646-1.521 5.646-4.452s-2.767-3.483-2.767-3.483zm-7.334-4.689h3.871c1.288 0 1.932.455 1.932 1.6 0 .685-.217 1.831-1.722 1.831h-4.081zm4.081 9.674h-4.081v-3.661h4.298c1.078 0 1.932.645 1.932 1.725 0 1.29-.861 1.936-2.149 1.936M83.197 6.254c-4.515 0-8.17 3.662-8.17 8.403s3.655 8.186 8.17 8.186 8.169-3.662 8.169-8.186-3.654-8.403-8.17-8.403Zm-.106 13.138c-2.582 0-4.515-2.153-4.515-4.741s1.933-4.742 4.515-4.742c2.583 0 4.732 2.153 4.732 4.742s-2.149 4.741-4.732 4.741m34.276-13.138c-4.515 0-8.169 3.662-8.169 8.403s3.654 8.186 8.169 8.186 8.169-3.662 8.169-8.186-3.654-8.403-8.169-8.403m-.105 13.138c-2.583 0-4.515-2.153-4.515-4.741s1.932-4.742 4.515-4.742 4.732 2.153 4.732 4.742-2.149 4.741-4.732 4.741"}))),b={root:"Header-module__root--r3HBs",exposedMode:"Header-module__exposedMode--yUNI8",light:"Header-module__light--pMjK9",dark:"Header-module__dark--K0YDF",leftContainer:"Header-module__leftContainer--PZgyr",rightContainer:"Header-module__rightContainer--UkVek",hidden:"Header-module__hidden--hKTxA",navList:"Header-module__navList--E6aFg",menuLink:"Header-module__menuLink--QLzUK",menuLinkText:"Header-module__menuLinkText--J8TxL",burgerMenuContainer:"Header-module__burgerMenuContainer--nMgsS",burgerMenuButton:"Header-module__burgerMenuButton--hrBJQ",burgerMenu:"Header-module__burgerMenu--wpknD",exposedMenu:"Header-module__exposedMenu--L54Cl",logo:"Header-module__logo--Kmtwb"},w=({theme:e="light",className:t="",menu:n,rightButton:o,noBurgerMenu:r,linkClass:l,fluidMode:d})=>{const m=b[e],h=(0,u.u)(d),p=n&&n.length>0,[_,v]=(0,c.useState)(!1),[w,y]=(0,c.useState)(!1),j=(0,c.useRef)(null),M=(0,c.useRef)(null),k=(0,c.useRef)(null),L=(0,c.useCallback)((()=>{let e=!1;return(...t)=>{e||((()=>{if(!j.current||!k.current||!M.current)return;const e=Number(M.current.getAttribute("viewBox")?.split(" ")[2]);if(!e)return;const t=window.getComputedStyle(j.current),n=parseInt(t.paddingLeft,10),o=parseInt(t.paddingRight,10),r=j.current.offsetWidth-n-o-(e+k.current.offsetWidth)<10;v(r),r||y(!1)})(...t),e=!0,setTimeout(()=>{e=!1},100))}})(),[]);(0,c.useEffect)(()=>(window.addEventListener("resize",L),L(),()=>{window.removeEventListener("resize",L)}),[L]);const C=Boolean(p||o),B=p?(0,a.jsx)("nav",{className:b.navMenu,children:(0,a.jsx)("ul",{className:b.navList,children:n?.map(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:(0,i.L)(b.menuLink,l,h),onClick:e.onClick,...n,children:(0,a.jsx)("span",{className:b.menuLinkText,children:e.title})})},e.title)})})}):null,N=o?(0,a.jsx)(s.A,{className:b.rightButton,theme:"secondary",variant:"dark"===e?"green":"blue",dimension:"s",onClick:o.onClick,url:o.url,children:o.text}):null;return(0,a.jsxs)("div",{className:(0,i.L)(b.root,t,m,h,r&&_&&b.exposedMode),ref:j,children:[(0,a.jsx)("div",{className:b.leftContainer,children:(0,a.jsx)(x,{className:b.logo,ref:M})}),(0,a.jsxs)("div",{className:`${b.rightContainer} ${_?b.hidden:""}`,ref:k,children:[B,N]}),_&&C&&!r&&(0,a.jsx)("div",{className:b.burgerMenuContainer,children:(0,a.jsx)("button",{className:b.burgerMenuButton,onClick:()=>y(!w),type:"button",children:w?(0,a.jsx)(g,{}):(0,a.jsx)(f,{})})}),_&&C&&r&&(0,a.jsxs)("div",{className:b.exposedMenu,children:[B,N]}),w&&(0,a.jsxs)("div",{className:b.burgerMenu,style:{top:j.current?.offsetHeight||0},children:[B,N]})]})};export{w as default};

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface HeadingProps {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    size?: 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    children: React.ReactNode;
+    className?: string;
+    fluidMode?: boolean;
+}
+declare const Heading: React.FC<HeadingProps>;
+export default Heading;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/Heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Heading/index.css

@@ -0,0 +1,46 @@
+.layout-module__fluidLayout--BNE04[class] {
+  font-size: 1rem;
+}
+
+.layout-module__staticLayout--x_6dR[class] {
+  font-size: 1px;
+}
+
+.Heading-module__root--cxQbw {
+  font-family: var(--font-family-typo);
+  font-variant-numeric: slashed-zero;
+  font-feature-settings: "ss06" 1, "zero";
+  font-weight: 500;
+  margin: 0;
+}
+
+.Heading-module__text--NdLK_ {
+  font-size: var(--fs);
+  line-height: var(--lh);
+}
+
+.Heading-module__m--HvQbM {
+  --fs: 52em;
+  --lh: 1.08;
+}
+
+.Heading-module__l--x15s8 {
+  --fs: 60em;
+  --lh: 1.07;
+}
+
+.Heading-module__xl--clv5l {
+  --fs: 72em;
+  --lh: 1.06;
+}
+
+.Heading-module__xxl--qN0Pa {
+  --fs: 86em;
+  --lh: 1.02;
+}
+
+.Heading-module__xxxl--_qGDW {
+  --fs: 124em;
+  --lh: 0.9;
+}
+

package/dist/components/Heading/index.d.ts

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

package/dist/components/Heading/index.d.ts.map

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

package/dist/components/Heading/index.js

@@ -0,0 +1 @@
+import*as o from"react/jsx-runtime";var t={39:(o,t,n)=>{n.d(t,{L:()=>e});const e=(...o)=>o.filter(Boolean).join(" ")},58:(o,t,n)=>{n.d(t,{N:()=>a,u:()=>f}),n(178);var e=n(992);const a=({theme:o,children:t,fluidMode:n=!1})=>{fluidModeState.state=n;const e=[];Object.entries(o).forEach(([o,t])=>{e.push(`--${o}: ${t}`)});const a=`\n    @font-face {\n      font-family: 'FactorA';\n      src: url('https://of.worldota.net/fonts/factora/Factor-A-Regular-Web.woff2') format('woff2');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'FactorA';\n        src: url('https://of.worldota.net/fonts/factora/Factor-A-Medium-Web.woff2') format('woff2');\n        font-weight: 500;\n        font-style: normal;\n        font-display: swap;\n    }\n    \n    @font-face {\n      font-family: 'Spoof';\n      src: url('https://of.worldota.net/fonts/spoof/Spoof-Regular.woff2') format('woff2');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Spoof';\n        src: url('https://of.worldota.net/fonts/spoof/Spoof-Medium.woff2') format('woff2');\n        font-weight: 500;\n        font-style: normal;\n        font-display: swap;\n    }\n\n    :root {\n        ${e.join(";\n")};\n    }\n    ${n?fluidLayoutCss:staticLayoutCss};\n  `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:a}}),t]})},f=o=>("boolean"==typeof o?o:e.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},178:(t,n,e)=>{var a,f;t.exports=(a={jsx:()=>o.jsx},f={},e.d(f,a),f)},992:(o,t,n)=>{n.d(t,{b:()=>e}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const e=globalThis.__fluidModeState}},n={};function e(o){var a=n[o];if(void 0!==a)return a.exports;var f=n[o]={exports:{}};return t[o](f,f.exports,e),f.exports}e.d=(o,t)=>{for(var n in t)e.o(t,n)&&!e.o(o,n)&&Object.defineProperty(o,n,{enumerable:!0,get:t[n]})},e.o=(o,t)=>Object.prototype.hasOwnProperty.call(o,t);var a=e(178),f=e(58),l=e(39);const r={root:"Heading-module__root--cxQbw",text:"Heading-module__text--NdLK_",m:"Heading-module__m--HvQbM",l:"Heading-module__l--x15s8",xl:"Heading-module__xl--clv5l",xxl:"Heading-module__xxl--qN0Pa",xxxl:"Heading-module__xxxl--_qGDW"},s=({level:o=1,size:t="m",children:n,className:e="",fluidMode:s})=>{const d=`h${o}`,i=r[t]||"",u=(0,f.u)(s);return(0,a.jsx)(d,{className:(0,l.L)(r.root,i,e,u),children:(0,a.jsx)("span",{className:r.text,children:n})})};export{s as default};

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

@@ -0,0 +1,18 @@
+import type React from 'react';
+export interface HotelCardProps {
+    image: string;
+    rating: number;
+    name: string;
+    address: string;
+    price: number;
+    oldPrice?: number;
+    discountPercent?: number;
+    discountPlace?: 'label' | 'inline';
+    nights: number;
+    roomType: 1 | 2;
+    url?: string;
+    fluidMode?: boolean;
+}
+declare const HotelCard: React.FC<HotelCardProps>;
+export default HotelCard;
+//# sourceMappingURL=HotelCard.d.ts.map

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

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

package/dist/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__card--J06q1 {
+  font-family: var(--font-family);
+  position: relative;
+  width: 440em;
+  height: 358em;
+  border-radius: 16em;
+  overflow: hidden;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
+}
+
+.HotelCard-module__image--S6ocB {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+.HotelCard-module__rating--pw3y8 {
+  position: absolute;
+  top: 0;
+  right: 16em;
+  color: var(--blue80);
+  background: url(896f1dcf256d0c8af555.svg) no-repeat;
+  background-size: cover;
+  box-sizing: border-box;
+  width: 56em;
+  height: 79em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.HotelCard-module__discountLabel--G0fJh {
+  background-color: rgba(10, 79, 236, 1);
+  position: absolute;
+  left: 7em;
+  top: 8em;
+  width: 120em;
+  height: 66em;
+  border-radius: 12em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.HotelCard-module__discountLabelInner--fSbXi {
+  font-weight: 500;
+  font-size: 36em;
+  color: var(--static-white);
+}
+
+.HotelCard-module__ratingInner--wIy2O {
+  font-size: 23em;
+  font-weight: bold;
+}
+
+.HotelCard-module__bottomOverlay--V4ham {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--static-white);
+  border-radius: 16em;
+  padding: 16em;
+  display: flex;
+  flex-direction: column;
+}
+
+.HotelCard-module__name--IcST5 {
+  font-size: 20em;
+  font-weight: 500;
+}
+
+.HotelCard-module__address--vs3wb {
+  margin-top: 8em;
+}
+
+.HotelCard-module__addressInner--Q7v6i {
+  font-size: 16em;
+}
+
+.HotelCard-module__priceBlock--MI1So {
+  display: flex;
+  gap: 15em;
+  margin-top: 10em;
+  align-items: center;
+}
+
+.HotelCard-module__prices--m_9KZ {
+  display: flex;
+  align-items: baseline;
+  gap: 12em;
+}
+
+.HotelCard-module__oldPrice--chClN {
+  text-decoration: line-through;
+  opacity: 0.3;
+  font-size: 20em;
+  line-height: 100%;
+}
+
+.HotelCard-module__discount--ldg_V {
+  color: var(--static-white);
+  background-color: rgba(10, 79, 236, 1);
+  padding: 6em 10em;
+  border-radius: 8em;
+}
+
+.HotelCard-module__discountInner--q5SJv {
+  font-size: 24em;
+  line-height: 1.333;
+  font-weight: 500;
+}
+
+.HotelCard-module__price--De503 {
+  color: var(--blue80);
+  font-weight: 500;
+  font-size: 32em;
+  line-height: 100%;
+}
+
+.HotelCard-module__nights--L4NY4 {
+  font-size: 16em;
+}
+
+.HotelCard-module__roomType--Z7Vyt {
+  font-size: 16em;
+}
+
+.HotelCard-module__dotSeparator--Boyjj {
+  width: 4em;
+  height: 4em;
+  border-radius: 4em;
+  background: var(--static-black);
+}
+
+.HotelCard-module__bottomInfo--_g0a0 {
+  display: flex;
+  gap: 10em;
+  align-items: center;
+}
+

package/dist/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/components/HotelCard/index.d.ts.map

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

package/dist/components/HotelCard/index.js

@@ -0,0 +1 @@
+import*as e from"react/jsx-runtime";var o={39:(e,o,a)=>{a.d(o,{L:()=>t});const t=(...e)=>e.filter(Boolean).join(" ")},58:(e,o,a)=>{a.d(o,{N:()=>s,u:()=>n}),a(178);var t=a(992);const s=({theme:e,children:o,fluidMode:a=!1})=>{fluidModeState.state=a;const t=[];Object.entries(e).forEach(([e,o])=>{t.push(`--${e}: ${o}`)});const s=`\n    @font-face {\n      font-family: 'FactorA';\n      src: url('https://of.worldota.net/fonts/factora/Factor-A-Regular-Web.woff2') format('woff2');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'FactorA';\n        src: url('https://of.worldota.net/fonts/factora/Factor-A-Medium-Web.woff2') format('woff2');\n        font-weight: 500;\n        font-style: normal;\n        font-display: swap;\n    }\n    \n    @font-face {\n      font-family: 'Spoof';\n      src: url('https://of.worldota.net/fonts/spoof/Spoof-Regular.woff2') format('woff2');\n      font-weight: 400;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Spoof';\n        src: url('https://of.worldota.net/fonts/spoof/Spoof-Medium.woff2') format('woff2');\n        font-weight: 500;\n        font-style: normal;\n        font-display: swap;\n    }\n\n    :root {\n        ${t.join(";\n")};\n    }\n    ${a?fluidLayoutCss:staticLayoutCss};\n  `;return _jsxs(_Fragment,{children:[_jsx("style",{dangerouslySetInnerHTML:{__html:s}}),o]})},n=e=>("boolean"==typeof e?e:t.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"},178:(o,a,t)=>{var s,n;o.exports=(s={Fragment:()=>e.Fragment,jsx:()=>e.jsx,jsxs:()=>e.jsxs},n={},t.d(n,s),n)},992:(e,o,a)=>{a.d(o,{b:()=>t}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const t=globalThis.__fluidModeState}},a={};function t(e){var s=a[e];if(void 0!==s)return s.exports;var n=a[e]={exports:{}};return o[e](n,n.exports,t),n.exports}t.d=(e,o)=>{for(var a in o)t.o(o,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:o[a]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o);var s=t(178),n=t(58),l=t(39);const r=({image:e,rating:o,name:a,address:t,price:r,oldPrice:d,discountPercent:i,discountPlace:c,nights:f,roomType:m,url:u,fluidMode:_})=>{const p=(0,n.u)(_),h=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("img",{src:e,alt:a,className:"HotelCard-module__image--S6ocB"}),(0,s.jsx)("div",{className:"HotelCard-module__rating--pw3y8",children:(0,s.jsx)("span",{className:"HotelCard-module__ratingInner--wIy2O",children:o.toFixed(1).replace(".",",")})}),i&&"label"===c&&(0,s.jsx)("div",{className:"HotelCard-module__discountLabel--G0fJh",children:(0,s.jsxs)("span",{className:"HotelCard-module__discountLabelInner--fSbXi",children:["-",i,"%"]})}),(0,s.jsxs)("div",{className:"HotelCard-module__bottomOverlay--V4ham",children:[(0,s.jsx)("div",{className:"HotelCard-module__name--IcST5",children:a}),(0,s.jsx)("div",{className:"HotelCard-module__address--vs3wb",children:(0,s.jsx)("span",{className:"HotelCard-module__addressInner--Q7v6i",children:t})}),(0,s.jsxs)("div",{className:"HotelCard-module__priceBlock--MI1So",children:[(0,s.jsxs)("div",{className:"HotelCard-module__prices--m_9KZ",children:[(0,s.jsxs)("span",{className:"HotelCard-module__price--De503",children:["от ",r,"₽"]}),d&&(0,s.jsx)("span",{className:"HotelCard-module__oldPrice--chClN",children:d})]}),i&&"inline"===c?(0,s.jsx)("div",{className:"HotelCard-module__discount--ldg_V",children:(0,s.jsxs)("span",{className:"HotelCard-module__discountInner--q5SJv",children:["-",i,"%"]})}):null]}),(0,s.jsxs)("div",{className:"HotelCard-module__bottomInfo--_g0a0",children:[(0,s.jsxs)("span",{className:"HotelCard-module__nights--L4NY4",children:[f," ноч",1===f?"ь":"и"]}),(0,s.jsx)("span",{className:"HotelCard-module__dotSeparator--Boyjj"}),(0,s.jsxs)("div",{className:"HotelCard-module__roomType--Z7Vyt",children:[1===m?"одноместный":"двухместный"," номер"]})]})]})]}),x=(0,l.L)("HotelCard-module__card--J06q1",p);return u?(0,s.jsx)("a",{className:x,href:u,target:"_blank",rel:"noopener noreferrer",children:h}):(0,s.jsx)("div",{className:x,children:h})};export{r as default};

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { JSX } from 'react';
+export interface TextProps {
+    size?: 'xxl' | 'xl-wide' | 'xl-narrow' | 'l2-wide' | 'l-wide' | 'l-narrow' | 'm' | 'cap-s' | 'cap-xs';
+    children: React.ReactNode;
+    className?: string;
+    tag?: keyof JSX.IntrinsicElements;
+    fluidMode?: boolean;
+}
+declare const Text: React.FC<TextProps>;
+export default Text;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EACD,KAAK,GACL,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,UAAU,GACV,GAAG,GACH,OAAO,GACP,QAAQ,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuB7B,CAAC;AAEF,eAAe,IAAI,CAAC"}