@orangesk/orange-design-system 2.0.0-alpha.2 → 2.0.0-alpha.3

package/build/components/skeleton.txt

@@ -1,30 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[9665,[],"OutletBoundary"]
-9:I[4911,[],"AsyncMetadataOutlet"]
-b:I[9665,[],"ViewportBoundary"]
-d:I[9665,[],"MetadataBoundary"]
-f:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/412dd278760dc9fc.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/e6a4dfa3d63d18c0.css","style"]
-:HL["/_next/static/css/7d4c59347b15c45f.css","style"]
-:HL["/_next/static/css/ef46db3751d8e999.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","skeleton"],"i":false,"f":[[["",{"children":["components",{"children":["skeleton",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["skeleton",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","h1",null,{"children":"Skeleton"}],"\n",["$","p",null,{"children":"Basic loading indicator used as placeholder of the loaded component"}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]}],"\n",["$","h2",null,{"children":"Usage"}],"\n",["$","p",null,{"children":["Feel free to adjust the size of the skeleton with ",["$","a",null,{"href":"/components/grid","children":"Grid component"}],"."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","h2",null,{"children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","h2",null,{"children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]}],"\n",["$","p",null,{"children":"To simulate the structure of the component being loaded, mix up some skeletons"}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col grid__col--8","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col grid__col--8","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid","ref":"$undefined","children":[["$","div","1",{"className":"grid__col grid__col--md-6 grid__col--lg-4","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":["$","div",null,{"className":"grid grid--justify-height","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--auto","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[[["$","div","1",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","2",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","3",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","4",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","5",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","6",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","7",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]]}]}]}]}],["$","div","2",{"className":"grid__col grid__col--md-6 grid__col--lg-4","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":["$","div",null,{"className":"grid grid--justify-height","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--auto","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[[["$","div","1",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","2",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","3",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","4",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","5",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","6",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","7",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]]}]}]}]}],["$","div","3",{"className":"grid__col grid__col--md-6 grid__col--lg-4","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":["$","div",null,{"className":"grid grid--justify-height","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--auto","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[[["$","div","1",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","2",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","3",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","4",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","5",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","6",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","7",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]]}]}]}]}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"grid","ref":"$undefined","children":[["$","div","1",{"className":"grid__col grid__col--md-6 grid__col--lg-4","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":["$","div",null,{"className":"grid grid--justify-height","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--auto","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[[["$","div","1",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","2",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","3",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","4",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","5",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","6",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","7",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]]}]}]}]}],["$","div","2",{"className":"grid__col grid__col--md-6 grid__col--lg-4","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":["$","div",null,{"className":"grid grid--justify-height","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--auto","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[[["$","div","1",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","2",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","3",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","4",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","5",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","6",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","7",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]]}]}]}]}],["$","div","3",{"className":"grid__col grid__col--md-6 grid__col--lg-4","children":["$","div",null,{"className":"card","ref":"$undefined","children":["$","div",null,{"className":"card__section","ref":"$undefined","children":["$","div",null,{"className":"grid grid--justify-height","ref":"$undefined","children":[["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div",null,{"className":"grid__col grid__col--auto","children":[["$","div",null,{"className":"grid","ref":"$undefined","children":["$","div",null,{"className":"grid__col","children":["$","span",null,{"className":"skeleton h2","children":"‌"}]}]}],["$","div",null,{"className":"grid","ref":"$undefined","children":[[["$","div","1",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","2",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","3",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","4",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","5",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","6",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}],["$","div","7",{"className":"grid__col","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]],["$","div",null,{"className":"grid__col grid__col--6","children":["$","span",null,{"className":"skeleton","children":"‌"}]}]]}]]}]]}]}]}]}]]}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/412dd278760dc9fc.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/e6a4dfa3d63d18c0.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/7d4c59347b15c45f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L6",null,{"children":["$L7","$L8",["$","$L9",null,{"promise":"$@a"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","sIUtQZxQ0OrxXHvdHwL4Yv",{"children":[["$","$Lb",null,{"children":"$Lc"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Ld",null,{"children":"$Le"}]]}],false]],"m":"$undefined","G":["$f","$undefined"],"s":false,"S":true}
-10:"$Sreact.suspense"
-11:I[4911,[],"AsyncMetadata"]
-e:["$","div",null,{"hidden":true,"children":["$","$10",null,{"fallback":null,"children":["$","$L11",null,{"promise":"$@12"}]}]}]
-8:null
-c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-7:null
-a:{"metadata":[],"error":null,"digest":"$undefined"}
-12:{"metadata":"$a:metadata","error":null,"digest":"$undefined"}

package/build/components/sticker.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d38343a4cf5388d8.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><h1>Sticker</h1><div class="section bg-black"><div class="container"><div class="sticker">Default sticker</div><div class="sticker sticker--black">Black sticker</div><div class="sticker sticker--orange">Orange sticker</div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[9665,[],\"OutletBoundary\"]\n9:I[4911,[],\"AsyncMetadataOutlet\"]\nb:I[9665,[],\"ViewportBoundary\"]\nd:I[9665,[],\"MetadataBoundary\"]\nf:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/d38343a4cf5388d8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"sticker\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"sticker\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"sticker\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"h1\",null,{\"children\":\"Sticker\"}],[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"className\":\"sticker\",\"children\":\"Default sticker\"}],[\"$\",\"div\",null,{\"className\":\"sticker sticker--black\",\"children\":\"Black sticker\"}],[\"$\",\"div\",null,{\"className\":\"sticker sticker--orange\",\"children\":\"Orange sticker\"}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d38343a4cf5388d8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$L7\",\"$L8\",[\"$\",\"$L9\",null,{\"promise\":\"$@a\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"1w5j1-S8Dnf2sTDA2YHN8v\",{\"children\":[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"10:\"$Sreact.suspense\"\n11:I[4911,[],\"AsyncMetadata\"]\ne:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$10\",null,{\"fallback\":null,\"children\":[\"$\",\"$L11\",null,{\"promise\":\"$@12\"}]}]}]\n8:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\n"])</script><script>self.__next_f.push([1,"a:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n12:{\"metadata\":\"$a:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/sticker.txt

@@ -1,27 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[9665,[],"OutletBoundary"]
-9:I[4911,[],"AsyncMetadataOutlet"]
-b:I[9665,[],"ViewportBoundary"]
-d:I[9665,[],"MetadataBoundary"]
-f:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/d38343a4cf5388d8.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","sticker"],"i":false,"f":[[["",{"children":["components",{"children":["sticker",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["sticker",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","h1",null,{"children":"Sticker"}],["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","div",null,{"className":"sticker","children":"Default sticker"}],["$","div",null,{"className":"sticker sticker--black","children":"Black sticker"}],["$","div",null,{"className":"sticker sticker--orange","children":"Orange sticker"}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/d38343a4cf5388d8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L6",null,{"children":["$L7","$L8",["$","$L9",null,{"promise":"$@a"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","1w5j1-S8Dnf2sTDA2YHN8v",{"children":[["$","$Lb",null,{"children":"$Lc"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Ld",null,{"children":"$Le"}]]}],false]],"m":"$undefined","G":["$f","$undefined"],"s":false,"S":true}
-10:"$Sreact.suspense"
-11:I[4911,[],"AsyncMetadata"]
-e:["$","div",null,{"hidden":true,"children":["$","$10",null,{"fallback":null,"children":["$","$L11",null,{"promise":"$@12"}]}]}]
-8:null
-c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-7:null
-a:{"metadata":[],"error":null,"digest":"$undefined"}
-12:{"metadata":"$a:metadata","error":null,"digest":"$undefined"}

package/build/components/table.html

@@ -1,2 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b853a4f8d045643a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a88042aa83a2c354.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/1790-42537fde486481dc.js" async=""></script><script src="/_next/static/chunks/app/components/table/page-9dc77bc63b3b5895.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><div class="table-scrollable" role="group" aria-labelledby="«Rautlb»-caption"><table class="table" data-table="true"><caption id="«Rautlb»-caption"><h3>Scrollable on all viewports</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th class="text-nowrap" scope="col">Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr></tbody></table></div><table class="table" data-table="true"><caption><h3>Random data</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Riutlb»-row-0-0"><span class="visually-hidden">Zobraziť 1 súvisiaci riadok</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Riutlb»-row-0-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Riutlb»-row-1-0 «Riutlb»-row-1-1"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Riutlb»-row-1-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="«Riutlb»-row-1-1" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table><table class="table"><caption><h3>Random unsorted data</h3></caption><thead><tr><th aria-sort="none" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť vzostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (ascending by Date)</h3></caption><thead><tr><th aria-sort="ascending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť zostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (descending by Date)</h3></caption><thead><tr><th aria-sort="descending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">vypnúť zoradenie poďľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table></div></div>
-<div class="section bg-black"><div class="container"><div class="table-scrollable" role="group" aria-labelledby="«Reutlb»-caption"><table class="table" data-table="true"><caption id="«Reutlb»-caption"><h3>Scrollable on all viewports</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th class="text-nowrap" scope="col">Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="text-nowrap">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</td></tr></tbody></table></div><table class="table" data-table="true"><caption><h3>Random data</h3></caption><thead><tr><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th><th scope="col" class="table__cell--shrink"><span class="sr-only">Rozšíriteľný</span></th></tr></thead><tbody><tr><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Rmutlb»-row-0-0"><span class="visually-hidden">Zobraziť 1 súvisiaci riadok</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Rmutlb»-row-0-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td><td class="align-right table__cell--shrink table__cell--expand"><button type="button" class="btn btn--square btn--small btn--ghost mb-none" data-subrow-toggle="true" aria-expanded="false" aria-controls="«Rmutlb»-row-1-0 «Rmutlb»-row-1-1"><span class="visually-hidden">Zobraziť 2 súvisiace riadky</span><svg class="icon icon--large" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button></td></tr><tr id="«Rmutlb»-row-1-0" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr id="«Rmutlb»-row-1-1" class="table__subrow" hidden=""><td></td><td>test</td><td></td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr><tr><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td><td class="align-right table__cell--shrink"><span class="sr-only">Nerozšíriteľný riadok</span></td></tr></tbody></table><table class="table"><caption><h3>Random unsorted data</h3></caption><thead><tr><th aria-sort="none" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť vzostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (ascending by Date)</h3></caption><thead><tr><th aria-sort="ascending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">zoradiť zostupne podľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table><table class="table"><caption><h3>Random sorted data (descending by Date)</h3></caption><thead><tr><th aria-sort="descending" scope="col">Date<!-- --> <button type="button" class="table__sort-button"><span class="sr-only">vypnúť zoradenie poďľa<!-- --> <!-- -->Date</span></button></th><th scope="col">No.</th><th scope="col">Lorem</th><th scope="col">Ipsum</th><th class="align-right" scope="col">Dolor</th></tr></thead><tbody><tr><td>Wednesday, January 10, 2018</td><td>1</td><td>Et fugiat</td><td>Voluptate dolore</td><td class="align-right">579</td></tr><tr><td>Saturday, January 13, 2018</td><td>2</td><td>Quis deserunt</td><td>Aliqua sint laboris ut</td><td class="align-right">814</td></tr><tr><td>Saturday, January 13, 2018</td><td>3</td><td>Voluptate dolore</td><td>Aliqua sint laboris ut</td><td class="align-right">436</td></tr></tbody></table></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[896,[\"1790\",\"static/chunks/1790-42537fde486481dc.js\",\"6948\",\"static/chunks/app/components/table/page-9dc77bc63b3b5895.js\"],\"Table\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/b853a4f8d045643a.css\",\"style\"]\n:HL[\"/_next/static/css/a88042aa83a2c354.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"table\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"table\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"table\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Scrollable on all viewports\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"},{\"cellProps\":{\"className\":\"text-nowrap\"},\"key\":\"col5\",\"label\":\"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.\"}],\"isScrollable\":true,\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random data\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":\"1\",\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"},{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random unsorted data\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"none\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (ascending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"ascending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (descending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"descending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Scrollable on all viewports\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"},{\"cellProps\":{\"className\":\"text-nowrap\"},\"key\":\"col5\",\"label\":\"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.\"}],\"isScrollable\":true,\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"col5\":\"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random data\"}],\"data-table\":true,\"headers\":[{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":\"1\",\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"expand\":[{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"},{\"col1\":\"\",\"col2\":\"test\",\"col3\":\"\",\"col4\":\"436\"}]},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\"}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random unsorted data\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"none\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (ascending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"ascending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}],[\"$\",\"$L6\",null,{\"caption\":[\"$\",\"h3\",null,{\"children\":\"Random sorted data (descending by Date)\"}],\"headers\":[{\"isSortable\":true,\"key\":\"date\",\"label\":\"Date\",\"sort\":\"descending\"},{\"key\":\"col1\",\"label\":\"No.\"},{\"key\":\"col2\",\"label\":\"Lorem\"},{\"key\":\"col3\",\"label\":\"Ipsum\"},{\"cellProps\":{\"className\":\"align-right\"},\"key\":\"col4\",\"label\":\"Dolor\"}],\"rows\":[{\"col1\":{\"value\":\"1\"},\"col2\":\"Et fugiat\",\"col3\":\"Voluptate dolore\",\"col4\":\"579\",\"date\":{\"value\":\"Wednesday, January 10, 2018\"}},{\"col1\":\"2\",\"col2\":\"Quis deserunt\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"814\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}},{\"col1\":\"3\",\"col2\":\"Voluptate dolore\",\"col3\":\"Aliqua sint laboris ut\",\"col4\":\"436\",\"date\":{\"value\":\"Saturday, January 13, 2018\"}}]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b853a4f8d045643a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a88042aa83a2c354.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"hVaWxZGVJO15tQivVs7Pkv\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/table.txt

@@ -1,30 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[896,["1790","static/chunks/1790-42537fde486481dc.js","6948","static/chunks/app/components/table/page-9dc77bc63b3b5895.js"],"Table"]
-7:I[9665,[],"OutletBoundary"]
-a:I[4911,[],"AsyncMetadataOutlet"]
-c:I[9665,[],"ViewportBoundary"]
-e:I[9665,[],"MetadataBoundary"]
-10:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/0e5de495ff48931f.css","style"]
-:HL["/_next/static/css/b853a4f8d045643a.css","style"]
-:HL["/_next/static/css/a88042aa83a2c354.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","table"],"i":false,"f":[[["",{"children":["components",{"children":["table",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["table",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"caption":["$","h3",null,{"children":"Scrollable on all viewports"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"},{"cellProps":{"className":"text-nowrap"},"key":"col5","label":"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."}],"isScrollable":true,"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random data"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":"1","col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","expand":[{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","expand":[{"col1":"","col2":"test","col3":"","col4":"436"},{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436"}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random unsorted data"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"none"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (ascending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"ascending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (descending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"descending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"caption":["$","h3",null,{"children":"Scrollable on all viewports"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"},{"cellProps":{"className":"text-nowrap"},"key":"col5","label":"Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."}],"isScrollable":true,"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","col5":"Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet."}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random data"}],"data-table":true,"headers":[{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":"1","col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","expand":[{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","expand":[{"col1":"","col2":"test","col3":"","col4":"436"},{"col1":"","col2":"test","col3":"","col4":"436"}]},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436"}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random unsorted data"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"none"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (ascending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"ascending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}],["$","$L6",null,{"caption":["$","h3",null,{"children":"Random sorted data (descending by Date)"}],"headers":[{"isSortable":true,"key":"date","label":"Date","sort":"descending"},{"key":"col1","label":"No."},{"key":"col2","label":"Lorem"},{"key":"col3","label":"Ipsum"},{"cellProps":{"className":"align-right"},"key":"col4","label":"Dolor"}],"rows":[{"col1":{"value":"1"},"col2":"Et fugiat","col3":"Voluptate dolore","col4":"579","date":{"value":"Wednesday, January 10, 2018"}},{"col1":"2","col2":"Quis deserunt","col3":"Aliqua sint laboris ut","col4":"814","date":{"value":"Saturday, January 13, 2018"}},{"col1":"3","col2":"Voluptate dolore","col3":"Aliqua sint laboris ut","col4":"436","date":{"value":"Saturday, January 13, 2018"}}]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/b853a4f8d045643a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/a88042aa83a2c354.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","hVaWxZGVJO15tQivVs7Pkv",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
-11:"$Sreact.suspense"
-12:I[4911,[],"AsyncMetadata"]
-f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
-9:null
-d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-8:null
-b:{"metadata":[],"error":null,"digest":"$undefined"}
-13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/tabs.html

@@ -1,2 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/645dada84db193d4.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/tabs/page-dcc36f18992b00f9.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><ul class="tab-list tab-list--fullwidth" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-1" tabindex="0">Tab 1</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Tab 2</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">Tab 3</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">Tab 4</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-1" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-2" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-3" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-4" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><ul class="tab-list tab-list--fullwidth tab-list--light" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-5" tabindex="0">Tab 5</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-6" tabindex="-1">Tab 6</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-7" tabindex="-1">Tab 7</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-8" tabindex="-1">Tab 8</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-5" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-6" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-7" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-8" role="tabpanel" tabindex="0" hidden=""><p>...</p></div></div></div>
-<div class="section bg-black"><div class="container"><ul class="tab-list tab-list--fullwidth" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-1" tabindex="0">Tab 1</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Tab 2</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">Tab 3</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">Tab 4</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-1" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-2" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-3" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-4" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><ul class="tab-list tab-list--fullwidth tab-list--light" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-5" tabindex="0">Tab 5</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-6" tabindex="-1">Tab 6</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-7" tabindex="-1">Tab 7</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-8" tabindex="-1">Tab 8</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-5" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-6" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-7" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-8" role="tabpanel" tabindex="0" hidden=""><p>...</p></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[531,[\"9020\",\"static/chunks/app/components/tabs/page-dcc36f18992b00f9.js\"],\"Tabs\"]\n7:I[4610,[\"9020\",\"static/chunks/app/components/tabs/page-dcc36f18992b00f9.js\"],\"TabPanel\"]\n8:I[9665,[],\"OutletBoundary\"]\nb:I[4911,[],\"AsyncMetadataOutlet\"]\nd:I[9665,[],\"ViewportBoundary\"]\nf:I[9665,[],\"MetadataBoundary\"]\n11:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/645dada84db193d4.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"tabs\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tabs\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"tabs\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-1\",\"tab\":\"Tab 1\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-2\",\"tab\":\"Tab 2\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-3\",\"tab\":\"Tab 3\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-4\",\"tab\":\"Tab 4\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}],[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"variant\":\"light\",\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-5\",\"tab\":\"Tab 5\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-6\",\"tab\":\"Tab 6\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-7\",\"tab\":\"Tab 7\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-8\",\"tab\":\"Tab 8\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-1\",\"tab\":\"Tab 1\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-2\",\"tab\":\"Tab 2\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-3\",\"tab\":\"Tab 3\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-4\",\"tab\":\"Tab 4\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}],[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"variant\":\"light\",\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-5\",\"tab\":\"Tab 5\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-6\",\"tab\":\"Tab 6\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-7\",\"tab\":\"Tab 7\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-8\",\"tab\":\"Tab 8\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/645dada84db193d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$L9\",\"$La\",[\"$\",\"$Lb\",null,{\"promise\":\"$@c\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"5WCoY-mlGlQ2tbfwgbkIgv\",{\"children\":[[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"12:\"$Sreact.suspense\"\n13:I[4911,[],\"AsyncMetadata\"]\n10:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$12\",null,{\"fallback\":null,\"children\":[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]}]}]\na:null\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"c:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n14:{\"metadata\":\"$c:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/tabs.txt

@@ -1,29 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[531,["9020","static/chunks/app/components/tabs/page-dcc36f18992b00f9.js"],"Tabs"]
-7:I[4610,["9020","static/chunks/app/components/tabs/page-dcc36f18992b00f9.js"],"TabPanel"]
-8:I[9665,[],"OutletBoundary"]
-b:I[4911,[],"AsyncMetadataOutlet"]
-d:I[9665,[],"ViewportBoundary"]
-f:I[9665,[],"MetadataBoundary"]
-11:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/645dada84db193d4.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","tabs"],"i":false,"f":[[["",{"children":["components",{"children":["tabs",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["tabs",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"isFullWidth":true,"children":[["$","$L7",null,{"id":"tabpanel-1","tab":"Tab 1","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-2","tab":"Tab 2","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-3","tab":"Tab 3","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-4","tab":"Tab 4","children":["$","p",null,{"children":"..."}]}]]}],["$","$L6",null,{"isFullWidth":true,"variant":"light","children":[["$","$L7",null,{"id":"tabpanel-5","tab":"Tab 5","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-6","tab":"Tab 6","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-7","tab":"Tab 7","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-8","tab":"Tab 8","children":["$","p",null,{"children":"..."}]}]]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","$L6",null,{"isFullWidth":true,"children":[["$","$L7",null,{"id":"tabpanel-1","tab":"Tab 1","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-2","tab":"Tab 2","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-3","tab":"Tab 3","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-4","tab":"Tab 4","children":["$","p",null,{"children":"..."}]}]]}],["$","$L6",null,{"isFullWidth":true,"variant":"light","children":[["$","$L7",null,{"id":"tabpanel-5","tab":"Tab 5","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-6","tab":"Tab 6","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-7","tab":"Tab 7","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-8","tab":"Tab 8","children":["$","p",null,{"children":"..."}]}]]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/645dada84db193d4.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L8",null,{"children":["$L9","$La",["$","$Lb",null,{"promise":"$@c"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","5WCoY-mlGlQ2tbfwgbkIgv",{"children":[["$","$Ld",null,{"children":"$Le"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Lf",null,{"children":"$L10"}]]}],false]],"m":"$undefined","G":["$11","$undefined"],"s":false,"S":true}
-12:"$Sreact.suspense"
-13:I[4911,[],"AsyncMetadata"]
-10:["$","div",null,{"hidden":true,"children":["$","$12",null,{"fallback":null,"children":["$","$L13",null,{"promise":"$@14"}]}]}]
-a:null
-e:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-9:null
-c:{"metadata":[],"error":null,"digest":"$undefined"}
-14:{"metadata":"$c:metadata","error":null,"digest":"$undefined"}