@chem-po/web-demo 0.0.9 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chem-po/web-demo",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "main": "src/index.ts",
   "types": "dist/index.d.ts",
@@ -32,28 +32,25 @@
     "@emotion/styled": "^11.14.0",
     "@react-hook/resize-observer": "^2.0.2",
     "firebase": "^11.4.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-router": "^6.30.0",
-    "react-router-dom": "^6.30.0",
-    "@chem-po/core": "0.0.9",
-    "@chem-po/firebase-web": "0.0.9",
-    "@chem-po/react": "0.0.9",
-    "@chem-po/react-web": "0.0.9"
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-router": "^7.6.1",
+    "react-router-dom": "^7.6.1",
+    "@chem-po/core": "0.0.10",
+    "@chem-po/react-web": "0.0.10",
+    "@chem-po/react": "0.0.10",
+    "@chem-po/firebase-web": "0.0.10"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.6",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@types/react": "^18.3.1",
-    "storybook": "^8.6.12",
-    "storybook-addon-remix-react-router": "^3.1.0",
+    "@storybook/addon-essentials": "^9.0.0-alpha.12",
+    "@storybook/addon-links": "^9.0.0-alpha.12",
+    "@storybook/addon-onboarding": "^9.0.0-alpha.12",
+    "@storybook/blocks": "^9.0.0-alpha.12",
+    "@storybook/react": "^9.0.0-alpha.12",
+    "@storybook/react-vite": "^9.0.0-alpha.12",
+    "@types/react": "~19.0.10",
+    "storybook": "^9.0.0-rc.4",
+    "storybook-addon-remix-react-router": "^5.0.0",
     "tsup": "^8.4.0",
     "typescript": "^5.7.2",
     "vite": "^5.4.17"

package/dist/favicon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>

package/dist/icons/Soundcloud_logo.svg

@@ -1,53 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 124.5 14.1" style="enable-background:new 0 0 124.5 14.1;" xml:space="preserve">
-<style type="text/css">
-	.st0{clip-path:url(#SVGID_2_);fill:url(#SVGID_3_);}
-</style>
-<g>
-	<defs>
-		<path id="SVGID_1_" d="M0.2,8.5L0,10.3l0.2,1.8c0,0.1,0.1,0.1,0.1,0.1c0.1,0,0.1-0.1,0.1-0.1l0.3-1.8L0.4,8.5
-			c0-0.1-0.1-0.1-0.1-0.1S0.2,8.4,0.2,8.5 M1.4,7.4l-0.3,2.9l0.3,2.9c0,0.1,0.1,0.1,0.1,0.1c0.1,0,0.1-0.1,0.1-0.1L2,10.3L1.6,7.4
-			c0-0.1-0.1-0.1-0.1-0.1c0,0,0,0,0,0C1.5,7.3,1.4,7.4,1.4,7.4 M5.2,7L5,10.3l0.2,3.5c0,0.1,0.1,0.2,0.2,0.2s0.2-0.1,0.2-0.2L6,10.3
-			L5.7,7c0-0.1-0.1-0.2-0.2-0.2C5.3,6.8,5.2,6.9,5.2,7 M2.7,6.8l-0.3,3.5l0.3,3.3c0,0.1,0.1,0.2,0.2,0.2c0,0,0.1-0.1,0.1-0.2
-			l0.3-3.3L3,6.8c0-0.1-0.1-0.2-0.2-0.2C2.8,6.7,2.7,6.7,2.7,6.8 M3.9,6.7l-0.3,3.6l0.3,3.4c0,0.1,0.1,0.2,0.2,0.2s0.2-0.1,0.2-0.2
-			l0.3-3.4L4.3,6.7c0-0.1-0.1-0.2-0.2-0.2S4,6.6,3.9,6.7 M6.5,4.9l-0.3,5.4l0.3,3.5c0,0.1,0.1,0.2,0.2,0.2C6.9,14,7,13.9,7,13.8
-			l0.3-3.5L7,4.9c0-0.1-0.1-0.2-0.2-0.2C6.6,4.7,6.5,4.8,6.5,4.9 M7.8,3.7l-0.2,6.6l0.2,3.5c0,0.2,0.1,0.3,0.3,0.3
-			c0.1,0,0.3-0.1,0.3-0.3l0.3-3.5L8.4,3.7c0-0.2-0.1-0.3-0.3-0.3C7.9,3.4,7.8,3.5,7.8,3.7 M69.5,3.3v3.8v2c-0.1-0.2-0.4-0.7-0.6-1
-			l-3.2-4.8H64v9.1h1.8v-4v-2c0.1,0.2,0.4,0.7,0.6,1l3.3,5h1.6V3.3H69.5z M75.5,5.1h1c1.9,0,2.7,0.9,2.7,2.8c0,1.7-0.9,2.8-2.8,2.8
-			h-0.9V5.1z M73.7,12.4h2.7c2.3,0,4.7-1.3,4.7-4.5c0-3.3-1.9-4.5-4.5-4.5h-2.9V3.3V12.4z M91.6,3.3v9.1h5.5v-1.8h-3.6V3.3H91.6z
-			 M119,5.1h1c1.9,0,2.7,0.9,2.7,2.8c0,1.7-0.9,2.8-2.8,2.8H119V5.1z M117.2,12.4h2.7c2,0,4.1-1,4.6-3.4V6.7
-			c-0.4-2.4-2.1-3.3-4.4-3.3h-2.9V3.3V12.4z M36.5,5.9c0,1.8,1.2,2.3,2.8,2.7c1.7,0.4,2,0.6,2,1.2c0,0.7-0.5,1-1.6,1
-			c-0.9,0-1.7-0.3-2.3-1L36.1,11c0.7,1,2,1.7,3.5,1.7c2.5,0,3.6-1.2,3.6-2.9c0-2-1.6-2.5-3-2.8c-1.4-0.3-1.8-0.5-1.8-1.1
-			c0-0.4,0.3-0.8,1.3-0.8c0.8,0,1.5,0.3,2.1,0.9l1.3-1.3c-0.9-0.9-1.9-1.4-3.3-1.4c-0.1,0-0.2,0-0.3,0C37.8,3.3,36.5,4.3,36.5,5.9
-			 M46.5,7.9c0-1.6,0.6-2.9,2.1-2.9s2.1,1.3,2.1,2.9c0,1.6-0.6,2.9-2.1,2.9S46.5,9.5,46.5,7.9 M44.6,7.9c0,2.8,1.5,4.7,3.9,4.7
-			c2.5,0,4-1.9,4-4.7c0-2.8-1.5-4.7-4-4.7C46.1,3.2,44.6,5.1,44.6,7.9 M59.9,3.2L59.9,3.2v5.2c0,1.5-0.7,2.4-1.9,2.4
-			s-1.9-0.9-1.9-2.4V3.3h-1.8v5.1c0,2.6,1.5,4.1,3.7,4.1c2.3,0,3.7-1.5,3.7-4.2V3.2H59.9z M82.6,7.9c0,2.9,1.6,4.7,4,4.7
-			c1.7,0,2.7-0.8,3.4-2.1l-1.5-0.9c-0.5,0.8-1,1.2-1.8,1.2c-1.4,0-2.2-1.2-2.2-2.9c0-1.7,0.8-2.9,2.1-2.9c0.8,0,1.3,0.4,1.7,1
-			L90,5.2c-0.6-1.2-1.6-2-3.3-2C84.3,3.2,82.6,5.1,82.6,7.9 M99.8,7.9c0-1.6,0.6-2.9,2.1-2.9c1.5,0,2.1,1.3,2.1,2.9
-			c0,1.6-0.6,2.9-2.1,2.9C100.4,10.8,99.8,9.5,99.8,7.9 M97.9,7.9c0,2.8,1.5,4.7,3.9,4.7c2.5,0,3.9-1.9,3.9-4.7
-			c0-2.8-1.5-4.7-3.9-4.7C99.4,3.2,97.9,5.1,97.9,7.9 M113.1,3.2L113.1,3.2v5.2c0,1.5-0.7,2.4-1.9,2.4c-1.2,0-1.9-0.9-1.9-2.4V3.3
-			h-1.8v5.1c0,2.6,1.5,4.1,3.7,4.1c2.3,0,3.7-1.5,3.7-4.2V3.2H113.1z M13.1,3.4l-0.2,6.9l0.2,3.3c0,0.2,0.2,0.4,0.4,0.4
-			s0.4-0.2,0.4-0.4l0.2-3.3l-0.2-7c0-0.2-0.2-0.4-0.4-0.4C13.2,3,13.1,3.1,13.1,3.4 M9.1,3.1l-0.2,7.2l0.2,3.4
-			c0,0.2,0.1,0.3,0.3,0.3c0.2,0,0.3-0.1,0.3-0.3l0.2-3.4L9.7,3.1c0-0.2-0.1-0.3-0.3-0.3C9.2,2.8,9.1,3,9.1,3.1 M11.7,3.1l-0.2,7.2
-			l0.2,3.4c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4l0.2-3.4l-0.2-7.2c0-0.2-0.2-0.4-0.4-0.4C11.9,2.7,11.7,2.9,11.7,3.1
-			 M10.4,2.9l-0.2,7.4l0.2,3.4c0,0.2,0.1,0.3,0.3,0.3s0.3-0.1,0.3-0.3l0.2-3.4L11,2.9c0-0.2-0.2-0.3-0.3-0.3
-			C10.6,2.6,10.4,2.7,10.4,2.9 M14.4,2l-0.2,8.3l0.2,3.3c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4l0.2-3.3L15.2,2
-			c0-0.2-0.2-0.4-0.4-0.4S14.4,1.8,14.4,2 M15.8,1.3l-0.2,9l0.2,3.3c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4l0.2-3.3l-0.2-9
-			c0-0.2-0.2-0.4-0.4-0.4c0,0-0.1,0-0.1,0C15.9,0.9,15.8,1.1,15.8,1.3 M17.4,0.4C17.1,0.5,17,0.6,17,0.9v12.7c0,0.2,0.2,0.4,0.4,0.5
-			h11.1c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4c-0.5,0-1.1,0.1-1.5,0.3C26.7,2.8,23.7,0,20,0c-0.2,0-0.3,0-0.5,0C18.8,0,18.1,0.2,17.4,0.4
-			"/>
-	</defs>
-	<clipPath id="SVGID_2_">
-		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-	</clipPath>
-	
-		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="0" y1="14.126" x2="1" y2="14.126" gradientTransform="matrix(0 62.1556 -62.1556 0 940.2602 -35.9781)">
-		<stop  offset="0" style="stop-color:#F8A01D"/>
-		<stop  offset="0.7128" style="stop-color:#F26E23"/>
-		<stop  offset="1" style="stop-color:#EF5826"/>
-	</linearGradient>
-	<rect x="0" y="0" class="st0" width="124.5" height="14.1"/>
-</g>
-</svg>

package/dist/icons/description.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg>

package/dist/icons/explore.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="m260-260 300-140 140-300-300 140-140 300Zm220-180q-17 0-28.5-11.5T440-480q0-17 11.5-28.5T480-520q17 0 28.5 11.5T520-480q0 17-11.5 28.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>

package/dist/icons/facebook.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:#FFFFFF;}
-</style>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-277.375" y1="406.6018" x2="-277.375" y2="407.5726" gradientTransform="matrix(40 0 0 -39.7778 11115.001 16212.334)">
-	<stop  offset="0" style="stop-color:#0062E0"/>
-	<stop  offset="1" style="stop-color:#19AFFF"/>
-</linearGradient>
-<path class="st0" d="M16.7,39.8C7.2,38.1,0,29.9,0,20C0,9,9,0,20,0s20,9,20,20c0,9.9-7.2,18.1-16.7,19.8l-1.1-0.9h-4.4L16.7,39.8z"
-	/>
-<path class="st1" d="M27.8,25.6l0.9-5.6h-5.3v-3.9c0-1.6,0.6-2.8,3-2.8h2.6V8.2c-1.4-0.2-3-0.4-4.4-0.4c-4.6,0-7.8,2.8-7.8,7.8V20
-	h-5v5.6h5v14.1c1.1,0.2,2.2,0.3,3.3,0.3c1.1,0,2.2-0.1,3.3-0.3V25.6H27.8z"/>
-</svg>

package/dist/icons/google.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/><path d="M1 1h22v22H1z" fill="none"/></svg>

package/dist/icons/grid_view.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M120-520v-320h320v320H120Zm0 400v-320h320v320H120Zm400-400v-320h320v320H520Zm0 400v-320h320v320H520ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z"/></svg>

package/dist/icons/home.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg>

package/dist/icons/image.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg>