@geops/rvf-mobility-web-component 0.1.8

package/src/StationServices/StationServices.tsx

@@ -0,0 +1,80 @@
+import type { JSX, PreactDOMAttributes } from "preact";
+
+import { RealtimeStation } from "mobility-toolbox-js/types";
+import { memo } from "preact/compat";
+
+import Airport from "../icons/Airport";
+import BarAndRestaurants from "../icons/BarAndRestaurants";
+import Bathroom from "../icons/Bathroom";
+import BikeStorage from "../icons/BikeStorage";
+import Elevator from "../icons/Elevator";
+import Police from "../icons/Police";
+import WaitingAreas from "../icons/WaitingAreas";
+import WheelChair from "../icons/WheelChair";
+
+export type StationServicesProps = {
+  accessibility?: boolean;
+  airport?: boolean;
+  barAndRestaurants?: boolean;
+  bathroom?: boolean;
+  bikeStorage?: boolean;
+  elevator?: boolean;
+  iconProps?: JSX.HTMLAttributes<SVGElement> & PreactDOMAttributes;
+  police?: boolean;
+  station: RealtimeStation;
+  waitingAreas?: boolean;
+} & JSX.HTMLAttributes<HTMLDivElement> &
+  PreactDOMAttributes;
+
+function StationServices({
+  accessibility = false,
+  airport = false,
+  barAndRestaurants = false,
+  bathroom = false,
+  bikeStorage = false,
+  elevator = false,
+  iconProps = {},
+  police = false,
+  station,
+  waitingAreas = false,
+  ...props
+}: StationServicesProps) {
+  if (!station) {
+    return null;
+  }
+
+  const {
+    hasAccessibility,
+    hasAirport,
+    // @ts-expect-error bad type definition
+    hasBarAndRestaurants,
+    // @ts-expect-error bad type definition
+    hasBathroom,
+    // @ts-expect-error bad type definition
+    hasBikeStorage,
+    hasElevator,
+    // @ts-expect-error bad type definition
+    hasPolice,
+    // @ts-expect-error bad type definition
+    hasWaitingAreas,
+    // hasZOB,
+    // isRailReplacement,
+  } = station.properties;
+
+  return (
+    <div {...props}>
+      {accessibility && hasAccessibility && <WheelChair {...iconProps} />}
+      {airport && hasAirport && <Airport {...iconProps} />}
+      {barAndRestaurants && hasBarAndRestaurants && (
+        <BarAndRestaurants {...iconProps} />
+      )}
+      {bathroom && hasBathroom && <Bathroom {...iconProps} />}
+      {bikeStorage && hasBikeStorage && <BikeStorage {...iconProps} />}
+      {elevator && hasElevator && <Elevator {...iconProps} />}
+      {police && hasPolice && <Police {...iconProps} />}
+      {waitingAreas && hasWaitingAreas && <WaitingAreas {...iconProps} />}
+    </div>
+  );
+}
+
+export default memo(StationServices);

package/src/StationServices/index.tsx

@@ -0,0 +1 @@
+export { default } from "./StationServices";

package/src/StationsLayer/StationsLayer.tsx

@@ -0,0 +1,41 @@
+import { MaplibreStyleLayer } from "mobility-toolbox-js/ol";
+import { MaplibreStyleLayerOptions } from "mobility-toolbox-js/ol/layers/MaplibreStyleLayer";
+import { memo } from "preact/compat";
+import { useEffect, useMemo } from "preact/hooks";
+
+import useMapContext from "../utils/hooks/useMapContext";
+
+function StationsLayer(props: MaplibreStyleLayerOptions) {
+  const { baseLayer, map, setStationsLayer } = useMapContext();
+
+  const layer = useMemo(() => {
+    if (!baseLayer) {
+      return null;
+    }
+    return new MaplibreStyleLayer({
+      layersFilter: ({ metadata }) => {
+        return metadata?.["tralis.variable"] === "station";
+      },
+      maplibreLayer: baseLayer,
+      ...(props || {}),
+    });
+  }, [baseLayer, props]);
+
+  useEffect(() => {
+    if (!map || !layer) {
+      return;
+    }
+
+    map.addLayer(layer);
+    setStationsLayer(layer);
+
+    return () => {
+      map.removeLayer(layer);
+      layer.detachFromMap();
+    };
+  }, [map, setStationsLayer, layer]);
+
+  return null; // <RegisterForSelectFeaturesOnClick />;
+}
+
+export default memo(StationsLayer);

package/src/StationsLayer/index.tsx

@@ -0,0 +1 @@
+export { default } from "./StationsLayer";

package/src/StopsSearch/StopsSearch.tsx

@@ -0,0 +1,254 @@
+import debounce from "lodash.debounce";
+import { StopsAPI } from "mobility-toolbox-js/api";
+import { StopsResponse } from "mobility-toolbox-js/types";
+import { JSX, PreactDOMAttributes } from "preact";
+import { memo } from "preact/compat";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "preact/hooks";
+import { FaSearch } from "react-icons/fa";
+import { MdClose } from "react-icons/md";
+
+// @ts-expect-error tailwind must be added for the search web component
+import tailwind from "../style.css";
+import i18n from "../utils/i18n";
+import MobilityEvent from "../utils/MobilityEvent";
+
+export type SearchProps = {
+  apikey: string;
+  bbox?: string;
+  countrycode?: string;
+  event?: string;
+  field?: string;
+  limit?: number;
+  mots?: string;
+  onselect?: (arg: StationFeature) => void;
+  params?: string; // JSONstring
+  prefagencies?: string;
+  reflocation?: string;
+  url: string;
+} & JSX.HTMLAttributes<HTMLDivElement> &
+  PreactDOMAttributes;
+
+export type StationFeature = StopsResponse["features"][0];
+
+const getQueryForSelectedStation = (selectedStation: StationFeature) => {
+  return selectedStation.properties.name;
+};
+
+/**
+ * Input field to search for stations
+ *
+ * @fires stationselect
+ */
+function StopsSearch({
+  apikey,
+  bbox,
+  countrycode,
+  event,
+  field,
+  limit,
+  mots,
+  onselect,
+  params,
+  prefagencies,
+  reflocation,
+  url = "https://api.geops.io/stops/v1/",
+}: SearchProps) {
+  const { t } = i18n;
+  const [query, setQuery] = useState("");
+  const [selectedStation, setSelectedStation] = useState<StationFeature>();
+  const [results, setResults] = useState<StopsResponse["features"]>(undefined);
+  const myRef = useRef<HTMLDivElement>();
+
+  const api: StopsAPI = useMemo(() => {
+    return new StopsAPI({ apiKey: apikey, url: url });
+  }, [apikey, url]);
+
+  const dispatchEvent = useCallback(
+    (station?: StationFeature) => {
+      const customEvt = new MobilityEvent<StationFeature>(
+        event || "mwc:stopssearchselect",
+        station,
+        {
+          bubbles: true,
+        },
+      );
+      if (myRef.current) {
+        myRef.current.dispatchEvent(customEvt);
+      }
+      if (onselect && typeof onselect === "function") {
+        onselect(station);
+      }
+    },
+    [event, onselect],
+  );
+
+  const debouncedSearch = useMemo(() => {
+    let abortCtrl: AbortController;
+    return debounce(async (q) => {
+      abortCtrl?.abort();
+      abortCtrl = new AbortController();
+      api
+        .search(
+          {
+            bbox,
+            field,
+            limit,
+            mots,
+            prefagencies,
+            q,
+            ref_location: reflocation,
+            ...JSON.parse(params || "{}"),
+          },
+          { signal: abortCtrl.signal },
+        )
+        .then((res: StopsResponse) => {
+          setResults(
+            res.features.filter((f) => {
+              return !countrycode || f.properties?.country_code === countrycode;
+            }),
+          );
+        })
+        .catch((e) => {
+          // AbortError is expected
+          if (e.code !== 20) {
+            console.error("Failed to fetch stations", e);
+            return;
+          }
+        });
+    }, 150);
+  }, [
+    api,
+    bbox,
+    countrycode,
+    field,
+    limit,
+    mots,
+    params,
+    prefagencies,
+    reflocation,
+  ]);
+
+  useEffect(() => {
+    if (
+      selectedStation &&
+      query === getQueryForSelectedStation(selectedStation)
+    ) {
+      return;
+    }
+    if (!query) {
+      setSelectedStation(undefined);
+      return;
+    }
+    debouncedSearch(query);
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [query, selectedStation, debouncedSearch]);
+
+  useEffect(() => {
+    setResults(undefined);
+
+    if (selectedStation) {
+      setQuery(getQueryForSelectedStation(selectedStation));
+    }
+
+    dispatchEvent(selectedStation);
+  }, [dispatchEvent, selectedStation]);
+
+  return (
+    <>
+      <style>{tailwind}</style>
+      {/* <div className="relative z-0 rounded-md bg-white" > */}
+      <div
+        className={
+          "flex h-16 items-center gap-4 rounded-md bg-white p-4 pt-3.5 shadow"
+        }
+        ref={myRef}
+      >
+        <div className={"flex items-center "}>
+          <FaSearch className="size-4" />
+        </div>
+        <div className={"flex grow overflow-hidden border-b-2 border-solid"}>
+          <input
+            autoComplete="off"
+            className="h-8 flex-1 outline-0  placeholder:text-zinc-400"
+            id="searchfield"
+            onChange={(event) => {
+              // @ts-expect-error target is missing
+              setQuery(event.target.value);
+            }}
+            onKeyUp={(event: JSX.TargetedKeyboardEvent<HTMLInputElement>) => {
+              if (event.key === "Enter") {
+                if (results?.length > 0) {
+                  setSelectedStation(results[0]);
+                }
+              }
+            }}
+            placeholder={t("stops_search_placeholder")}
+            type="text"
+            value={query}
+          />
+          {query.length > 0 && (
+            <button
+              className="flex items-center"
+              onClick={() => {
+                setQuery("");
+                setResults(undefined);
+              }}
+            >
+              <MdClose className="size-4" />
+            </button>
+          )}
+        </div>
+      </div>
+
+      <div className="mt-[-4px] flex grow overflow-auto rounded-md rounded-t-none bg-white shadow">
+        {results && results.length === 0 && (
+          <div
+            className={
+              "flex grow gap-3 border border-solid p-3 pt-2 text-zinc-400"
+            }
+            style={{ border: 1 }}
+          >
+            <div className="size-6"></div>
+            <div>{t("no_stops_found")}</div>
+          </div>
+        )}
+        {results && results.length > 0 && (
+          <ul
+            className="grow rounded-md rounded-t-none border border-solid bg-white p-0 "
+            style={{ border: 1 }} // without this th ul is displayed 1 px on the right
+          >
+            {results?.map((station) => {
+              return (
+                <li
+                  className="border-b border-dashed border-slate-300 p-3 last:border-0"
+                  key={station.properties.uid}
+                >
+                  <button
+                    className="flex w-full items-center gap-3 text-left"
+                    onClick={() => {
+                      setSelectedStation(station);
+                    }}
+                  >
+                    <div className="size-6"></div>
+                    <div className="grow">{station.properties.name}</div>
+                  </button>
+                </li>
+              );
+            })}
+          </ul>
+        )}
+      </div>
+      {/* </div> */}
+    </>
+  );
+}
+
+export default memo(StopsSearch);

package/src/StopsSearch/index.tsx

@@ -0,0 +1 @@
+export { default, SearchProps, StationFeature } from "./StopsSearch";

package/src/icons/Airport/Airport.tsx

@@ -0,0 +1,17 @@
+function Airport({ ...props }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      version="1.1"
+      width="24"
+      height="24"
+      fill="currentColor"
+      viewBox="0 0 14 14"
+      {...props}
+    >
+      <path d="m 14,8 0,1 -6,-1 0,3 2,2 0,1 L 7,13 4,14 4,13 6,11 6,8 0,9 0,8 6,5 6,2 C 6,1 6.22222,0 7,0 7.77777,0 8,1 8,2 l 0,3 z" />
+    </svg>
+  );
+}
+
+export default Airport;

package/src/icons/Airport/airport-14-svgrepo-com.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg 
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="100%"
+   height="100%"
+   viewBox="0 0 14 14"
+   id="svg2">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <rect
+     width="14"
+     height="14"
+     x="0"
+     y="0"
+     id="canvas"
+     style="fill:none;stroke:none;visibility:hidden" />
+  <path
+     d="m 14,8 0,1 -6,-1 0,3 2,2 0,1 L 7,13 4,14 4,13 6,11 6,8 0,9 0,8 6,5 6,2 C 6,1 6.22222,0 7,0 7.77777,0 8,1 8,2 l 0,3 z"
+     id="airport"
+     style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>

package/src/icons/Airport/index.tsx

@@ -0,0 +1 @@
+export { default } from "./Airport";

package/src/icons/BarAndRestaurants/BarAndRestaurants.tsx

@@ -0,0 +1,17 @@
+function BarAndRestaurants({ ...props }) {
+  return (
+    <svg
+      fill="currentColor"
+      width="24px"
+      height="24px"
+      viewBox="0 -3.84 122.88 122.88"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M29.03,100.46l20.79-25.21l9.51,12.13L41,110.69C33.98,119.61,20.99,110.21,29.03,100.46L29.03,100.46z M53.31,43.05 c1.98-6.46,1.07-11.98-6.37-20.18L28.76,1c-2.58-3.03-8.66,1.42-6.12,5.09L37.18,24c2.75,3.34-2.36,7.76-5.2,4.32L16.94,9.8 c-2.8-3.21-8.59,1.03-5.66,4.7c4.24,5.1,10.8,13.43,15.04,18.53c2.94,2.99-1.53,7.42-4.43,3.69L6.96,18.32 c-2.19-2.38-5.77-0.9-6.72,1.88c-1.02,2.97,1.49,5.14,3.2,7.34L20.1,49.06c5.17,5.99,10.95,9.54,17.67,7.53 c1.03-0.31,2.29-0.94,3.64-1.77l44.76,57.78c2.41,3.11,7.06,3.44,10.08,0.93l0.69-0.57c3.4-2.83,3.95-8,1.04-11.34L50.58,47.16 C51.96,45.62,52.97,44.16,53.31,43.05L53.31,43.05z M65.98,55.65l7.37-8.94C63.87,23.21,99-8.11,116.03,6.29 C136.72,23.8,105.97,66,84.36,55.57l-8.73,11.09L65.98,55.65L65.98,55.65z" />
+    </svg>
+  );
+}
+
+export default BarAndRestaurants;

package/src/icons/BarAndRestaurants/food-restaurant-svgrepo-com.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 -3.84 122.88 122.88" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  style="enable-background:new 0 0 122.88 115.21" xml:space="preserve">
+
+<g>
+
+<path d="M29.03,100.46l20.79-25.21l9.51,12.13L41,110.69C33.98,119.61,20.99,110.21,29.03,100.46L29.03,100.46z M53.31,43.05 c1.98-6.46,1.07-11.98-6.37-20.18L28.76,1c-2.58-3.03-8.66,1.42-6.12,5.09L37.18,24c2.75,3.34-2.36,7.76-5.2,4.32L16.94,9.8 c-2.8-3.21-8.59,1.03-5.66,4.7c4.24,5.1,10.8,13.43,15.04,18.53c2.94,2.99-1.53,7.42-4.43,3.69L6.96,18.32 c-2.19-2.38-5.77-0.9-6.72,1.88c-1.02,2.97,1.49,5.14,3.2,7.34L20.1,49.06c5.17,5.99,10.95,9.54,17.67,7.53 c1.03-0.31,2.29-0.94,3.64-1.77l44.76,57.78c2.41,3.11,7.06,3.44,10.08,0.93l0.69-0.57c3.4-2.83,3.95-8,1.04-11.34L50.58,47.16 C51.96,45.62,52.97,44.16,53.31,43.05L53.31,43.05z M65.98,55.65l7.37-8.94C63.87,23.21,99-8.11,116.03,6.29 C136.72,23.8,105.97,66,84.36,55.57l-8.73,11.09L65.98,55.65L65.98,55.65z"/>
+
+</g>
+
+</svg>

package/src/icons/BarAndRestaurants/index.tsx

@@ -0,0 +1 @@
+export { default } from "./BarAndRestaurants";

package/src/icons/Bathroom/Bathroom.tsx

@@ -0,0 +1,59 @@
+function Bathroom({ ...props }) {
+  return (
+    <svg
+      fill="currentColor"
+      height="24px"
+      width="24px"
+      version="1.1"
+      viewBox="0 0 512 512"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g>
+        <g>
+          <path
+            d="M256,0c-9.217,0-16.696,7.473-16.696,16.696v478.609c0,9.223,7.479,16.696,16.696,16.696
+       c9.217,0,16.696-7.473,16.696-16.696V16.696C272.696,7.473,265.217,0,256,0z"
+          />
+        </g>
+      </g>
+      <g>
+        <g>
+          <path
+            d="M105.739,44.522c-36.826,0-66.783,29.956-66.783,66.783c0,36.826,29.956,66.783,66.783,66.783
+       s66.783-29.956,66.783-66.783C172.522,74.478,142.565,44.522,105.739,44.522z"
+          />
+        </g>
+      </g>
+      <g>
+        <g>
+          <path
+            d="M406.261,44.522c-36.826,0-66.783,29.956-66.783,66.783c0,36.826,29.956,66.783,66.783,66.783
+       s66.783-29.956,66.783-66.783C473.043,74.478,443.087,44.522,406.261,44.522z"
+          />
+        </g>
+      </g>
+      <g>
+        <g>
+          <path
+            d="M202.935,218.664c-3.109-4.501-8.239-7.186-13.717-7.186H22.261c-5.478,0-10.608,2.685-13.717,7.185
+       c-3.12,4.5-3.837,10.244-1.913,15.374l49.022,130.729v63.755c0,27.619,22.468,50.087,50.087,50.087s50.087-22.468,50.087-50.087
+       v-63.755l49.022-130.728C206.772,228.909,206.054,223.163,202.935,218.664z"
+          />
+        </g>
+      </g>
+      <g>
+        <g>
+          <path
+            d="M505.37,355.875l-50.087-133.565c-2.445-6.516-8.674-10.831-15.63-10.831H372.87c-6.957,0-13.185,4.315-15.63,10.831
+       l-50.087,133.565c-1.924,5.13-1.207,10.876,1.913,15.374c3.109,4.501,8.239,7.186,13.717,7.186h33.391v50.087
+       c0,27.619,22.468,50.087,50.087,50.087s50.087-22.468,50.087-50.087v-50.087h33.391c5.478,0,10.608-2.685,13.717-7.185
+       C506.576,366.75,507.293,361.006,505.37,355.875z"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export default Bathroom;

package/src/icons/Bathroom/bathroom-restroom-svgrepo-com.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512" xml:space="preserve">
+<g>
+	<g>
+		<path d="M256,0c-9.217,0-16.696,7.473-16.696,16.696v478.609c0,9.223,7.479,16.696,16.696,16.696
+			c9.217,0,16.696-7.473,16.696-16.696V16.696C272.696,7.473,265.217,0,256,0z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M105.739,44.522c-36.826,0-66.783,29.956-66.783,66.783c0,36.826,29.956,66.783,66.783,66.783
+			s66.783-29.956,66.783-66.783C172.522,74.478,142.565,44.522,105.739,44.522z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M406.261,44.522c-36.826,0-66.783,29.956-66.783,66.783c0,36.826,29.956,66.783,66.783,66.783
+			s66.783-29.956,66.783-66.783C473.043,74.478,443.087,44.522,406.261,44.522z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M202.935,218.664c-3.109-4.501-8.239-7.186-13.717-7.186H22.261c-5.478,0-10.608,2.685-13.717,7.185
+			c-3.12,4.5-3.837,10.244-1.913,15.374l49.022,130.729v63.755c0,27.619,22.468,50.087,50.087,50.087s50.087-22.468,50.087-50.087
+			v-63.755l49.022-130.728C206.772,228.909,206.054,223.163,202.935,218.664z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M505.37,355.875l-50.087-133.565c-2.445-6.516-8.674-10.831-15.63-10.831H372.87c-6.957,0-13.185,4.315-15.63,10.831
+			l-50.087,133.565c-1.924,5.13-1.207,10.876,1.913,15.374c3.109,4.501,8.239,7.186,13.717,7.186h33.391v50.087
+			c0,27.619,22.468,50.087,50.087,50.087s50.087-22.468,50.087-50.087v-50.087h33.391c5.478,0,10.608-2.685,13.717-7.185
+			C506.576,366.75,507.293,361.006,505.37,355.875z"/>
+	</g>
+</g>
+</svg>

package/src/icons/Bathroom/index.tsx

@@ -0,0 +1 @@
+export { default } from "./Bathroom";

package/src/icons/BikeStorage/BikeStorage.tsx

@@ -0,0 +1,17 @@
+function BikeStorage({ ...props }) {
+  return (
+    <svg
+      fill="currentColor"
+      height="24px"
+      version="1.1"
+      viewBox="0 0 14 14"
+      width="24px"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="m 0,0 0,10 2.000077,0 0,-3.5 2.500097,0 c 1.976154,3e-7 3.500135,-1 3.500135,-3.25 C 8.000309,1 6.4871,2e-7 4.968942,0 z m 2.000077,2 2.500097,0 c 0.963608,0 1.500058,0.5254308 1.500058,1.25 0,0.7245692 -0.631804,1.25 -1.500058,1.25 l -2.500097,0 z M 9,7 9,7.5938559 9.500367,8 l 0,0.75 -3.000116,0 0,-0.25 0.50002,0 c 0.479412,0 0.455442,-0.5 0,-0.5 L 5.500213,8 c -0.50002,0 -0.50002,0.452061 0,0.5 l 0.500019,0 0,0.25 -0.562522,1.28125 C 5.296384,10.001436 5.147956,10 5.000193,10 c -1.02182,0 -2.000077,0.793929 -2.000077,2 0,1.206071 0.978257,2 2.000077,2 1.02182,0 1.937575,-0.856429 1.937575,-2.0625 0,-0.150759 -0.0039,-0.302075 -0.03125,-0.4375 l 0.843783,0 1.821945,-2 0.365639,0.78125 C 9.383285,10.615837 9.000348,11.229684 9.000348,12 c 0,1.206071 0.978257,2 2.000077,2 C 12.022246,14 12.938,13.143571 12.938,11.9375 12.938,10.731429 12.022246,10 11.000425,10 c -0.15008,0 -0.292278,0.02946 -0.437517,0.0625 L 10.000386,8.75 10,7.8 z m -2.593502,2.5 2.193834,0 -1.193796,1.25 -0.843782,0 C 6.422636,10.56342 6.258266,10.401358 6.062734,10.28125 z M 5.000193,11 c 0.635098,0 1.000039,0.549217 1.000039,1 0,0.450783 -0.364941,1 -1.000039,1 -0.635098,0 -1.000038,-0.549217 -1.000038,-1 0,-0.450783 0.36494,-1 1.000038,-1 z m 6.000232,0 c 0.635099,0 1.000039,0.549217 1.000039,1 0,0.450783 -0.36494,1 -1.000039,1 -0.635098,0 -1.000039,-0.549217 -1.000039,-1 0,-0.450783 0.364941,-1 1.000039,-1 z" />
+    </svg>
+  );
+}
+
+export default BikeStorage;

package/src/icons/BikeStorage/index.tsx

@@ -0,0 +1 @@
+export { default } from "./BikeStorage";

package/src/icons/BikeStorage/parking-bicycle-14-svgrepo-com.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg 
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="100%"
+   height="100%"
+   viewBox="0 0 14 14"
+   id="svg2">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <rect
+     width="14"
+     height="14"
+     x="0"
+     y="0"
+     id="canvas"
+     style="fill:none;stroke:none;visibility:hidden" />
+  <path
+     d="m 0,0 0,10 2.000077,0 0,-3.5 2.500097,0 c 1.976154,3e-7 3.500135,-1 3.500135,-3.25 C 8.000309,1 6.4871,2e-7 4.968942,0 z m 2.000077,2 2.500097,0 c 0.963608,0 1.500058,0.5254308 1.500058,1.25 0,0.7245692 -0.631804,1.25 -1.500058,1.25 l -2.500097,0 z M 9,7 9,7.5938559 9.500367,8 l 0,0.75 -3.000116,0 0,-0.25 0.50002,0 c 0.479412,0 0.455442,-0.5 0,-0.5 L 5.500213,8 c -0.50002,0 -0.50002,0.452061 0,0.5 l 0.500019,0 0,0.25 -0.562522,1.28125 C 5.296384,10.001436 5.147956,10 5.000193,10 c -1.02182,0 -2.000077,0.793929 -2.000077,2 0,1.206071 0.978257,2 2.000077,2 1.02182,0 1.937575,-0.856429 1.937575,-2.0625 0,-0.150759 -0.0039,-0.302075 -0.03125,-0.4375 l 0.843783,0 1.821945,-2 0.365639,0.78125 C 9.383285,10.615837 9.000348,11.229684 9.000348,12 c 0,1.206071 0.978257,2 2.000077,2 C 12.022246,14 12.938,13.143571 12.938,11.9375 12.938,10.731429 12.022246,10 11.000425,10 c -0.15008,0 -0.292278,0.02946 -0.437517,0.0625 L 10.000386,8.75 10,7.8 z m -2.593502,2.5 2.193834,0 -1.193796,1.25 -0.843782,0 C 6.422636,10.56342 6.258266,10.401358 6.062734,10.28125 z M 5.000193,11 c 0.635098,0 1.000039,0.549217 1.000039,1 0,0.450783 -0.364941,1 -1.000039,1 -0.635098,0 -1.000038,-0.549217 -1.000038,-1 0,-0.450783 0.36494,-1 1.000038,-1 z m 6.000232,0 c 0.635099,0 1.000039,0.549217 1.000039,1 0,0.450783 -0.36494,1 -1.000039,1 -0.635098,0 -1.000039,-0.549217 -1.000039,-1 0,-0.450783 0.364941,-1 1.000039,-1 z"
+     id="parking-bicycle"
+     style="fill:#000000;fill-rule:evenodd" />
+</svg>

package/src/icons/Elevator/Elevator.tsx

@@ -0,0 +1,16 @@
+function Elevator({ ...props }) {
+  return (
+    <svg
+      fill="currentColor"
+      width="24px"
+      height="24px"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M2 22h15V2H2zm14-1h-6V3h6zM3 3h6v18H3zm15.625 10h3.75L20.5 16zm3.75-2h-3.75L20.5 8z" />
+    </svg>
+  );
+}
+
+export default Elevator;

package/src/icons/Elevator/elevator-svgrepo-com.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 22h15V2H2zm14-1h-6V3h6zM3 3h6v18H3zm15.625 10h3.75L20.5 16zm3.75-2h-3.75L20.5 8z"/><path fill="none" d="M0 0h24v24H0z"/></svg>

package/src/icons/Elevator/index.tsx

@@ -0,0 +1 @@
+export { default } from "./Elevator";