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

package/build/components/cart-table.txt

@@ -0,0 +1,35 @@
+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[6845,["9186","static/chunks/9186-7ca86a881bc0fae7.js","1206","static/chunks/1206-59e86c9be0c6edc8.js","1790","static/chunks/1790-42537fde486481dc.js","3695","static/chunks/app/components/cart-table/page-c33464d94e85aacb.js"],"CartTable"]
+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/ef46db3751d8e999.css","style"]
+:HL["/_next/static/css/a88042aa83a2c354.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/b853a4f8d045643a.css","style"]
+:HL["/_next/static/css/77590e66868bf291.css","style"]
+:HL["/_next/static/css/75e15d3944ffd4f3.css","style"]
+:HL["/_next/static/css/05c85c9ea7e2ea58.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/a9a58f4c38bee2fd.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","cart-table"],"i":false,"f":[[["",{"children":["components",{"children":["cart-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":["cart-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":[[["$","h1",null,{"children":"CartTable"}],"\n",["$","h2",null,{"children":"Example"}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Paušál","name":"Go Data 10","icon":"orange-cash","price":{"monthly":10}},{"type":"Paušál","name":"Go 20","icon":"collective-class-training","price":{"monthly":20}},{"type":"Zariadenie","name":"Motorola Moto G8 Plus blue","image":"/images/device-mobile.png","price":{"upfront":10},"isSubitem":true}]}]}]}],"\n",["$","h2",null,{"children":"Usage"}],"\n",["$","h3",null,{"children":"Editable"}],"\n",["$","p",null,{"children":"Items in editable cart table are removable."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:items","isEditable":true}]}]}],"\n",["$","h3",null,{"children":"Mandatory (non-removeable) items"}],"\n",["$","p",null,{"children":"Some items should not have remove button because they are mandatory to complete the checkout."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true,"price":{"upfront":19.9,"monthly":15}},{"type":"Zariadenie","name":"Optický konvertor","tooltip":"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.","price":{"upfront":0,"monthly":1}}],"isEditable":true}]}]}],"\n",["$","h3",null,{"children":"Optional items"}],"\n",["$","p",null,{"children":"Upsell good deals the customer gets with together with an existing cart item."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":["$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0","$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:1",{"type":"","name":"Vyberte si zariadenie s bonusom až 170 €","icon":"device-smart-phone","isSubitem":true,"isOptional":true}],"isEditable":true}]}]}],"\n",["$","h3",null,{"children":"Footer"}],"\n",["$","p",null,{"children":"Label with/without tooltip can be added to single row footer.\nIn case of footer with multiple rows with discounts, first row with upfront paynment can be hidden."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:items","footer":{"name":"Spolu","tooltip":"Celková suma ktorú zaplatíte."}}]}]}],"\n",["$","h3",null,{"children":"Monthly generated total"}],"\n",["$","p",null,{"children":["Total is calculated automatically as sum of all items. In some cases, you might\nneed to break down total prices into multiple rows by months. If you define\n",["$","code",null,{"children":"monthsFree"}]," or ",["$","code",null,{"children":"discount.monthsCount"}]," in your data, cart table will use these\nto generate multiple rows with proper discounts calculated for different periods."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true,"price":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0:price","discount":{"monthly":5,"monthsCount":10},"monthsFree":3},"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:1"]}]}]}],"\n",["$","h3",null,{"children":"Primary Discount"}],"\n",["$","p",null,{"children":["When ",["$","code",null,{"children":"price"}]," is not defined and discount is, it takes place of price. Additionaly if ",["$","code",null,{"children":"discount.monthsCount"}]," is defined,\ndescription with duration of discount is displayed. And at last, when ",["$","code",null,{"children":"price"}]," and ",["$","code",null,{"children":"discount"}]," have the same value, free Label\nis shown."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":["$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0",{"type":"Zariadenie","name":"Set top box","isSubitem":true,"price":{"monthly":2},"discount":{"upfront":5,"monthly":2},"tooltip":"Set-top-box umožnuje sledovanie Orange Tv na vašom televízore. Pre každý televízor potrebujete samostatný Set-top box. So zapojením vám pomôže pri zriadení novej služby náš inštalačný technik."},{"type":"Zľava","badge":"Zľava","name":"Extra zľava na mesačný poplatok za internetovú službu","icon":"money-box","discount":{"monthly":3.5,"monthsCount":20}}]}]}]}],"\n",["$","h3",null,{"children":"Hide first footer row"}],"\n",["$","p",null,{"children":"If it's required we can hide first row of multiline footer."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:42:props:children:props:children:props:items","footer":{"hideFirst":true}}]}]}],"\n",["$","h3",null,{"children":"Simple pricing"}],"\n",["$","p",null,{"children":"When the products sold do not require combined (upfront + monthly) payments, only relevant columns should be displayed."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"price":{"monthly":15},"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true},{"price":{"monthly":1},"type":"Zariadenie","name":"Optický konvertor","tooltip":"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange."}]}]}]}],"\n",["$","p",null,{"children":["This default behaviour can be modified by removing of ",["$","code",null,{"children":".hide"}]," class from hidden column."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"price":{"monthly":15},"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true},{"price":{"monthly":1},"type":"Zariadenie","name":"Optický konvertor","tooltip":"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange."}],"hideEmpty":false}]}]}],"\n",["$","h3",null,{"children":"Size"}],"\n",["$","p",null,{"children":"Large cart table was designed for simple flat structure (no subitems), without icons/images, no edit buttons or optional items."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Paušál","name":"Go Data 10","price":{"monthly":10}},{"type":"Paušál","name":"Go 20","price":{"monthly":20}},{"type":"Zariadenie","name":"Motorola Moto G8 Plus blue","price":{"upfront":10,"monthly":15}}],"size":"large"}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/a88042aa83a2c354.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/77590e66868bf291.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","6",{"rel":"stylesheet","href":"/_next/static/css/05c85c9ea7e2ea58.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","7",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","8",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","9",{"rel":"stylesheet","href":"/_next/static/css/a9a58f4c38bee2fd.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","x_dujwWSn8mZ0Kf6sRec1v",{"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/controls.html

@@ -0,0 +1,2 @@
+<!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/5ec7df8d7719c810.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/57b0c84bbf7d7098.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/controls/page-ab8a0113b4b2e54b.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"><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-up"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button></div></div>
+<div class="section bg-black"><div class="container"><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-up"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button></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,[\"7018\",\"static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[593,[\"7018\",\"static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js\"],\"Icon\"]\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/5ec7df8d7719c810.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"controls\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"controls\",{\"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\":[\"controls\",[\"$\",\"$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\":[[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-down\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-up\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-down\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-up\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5ec7df8d7719c810.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/57b0c84bbf7d7098.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\",\"pmmYbpSUidDjDibBuGjLWv\",{\"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/controls.txt

@@ -0,0 +1,29 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["7018","static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[593,["7018","static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js"],"Icon"]
+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/5ec7df8d7719c810.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","controls"],"i":false,"f":[[["",{"children":["components",{"children":["controls",{"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":["controls",["$","$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":[["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-down"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-up"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-down"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-up"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/5ec7df8d7719c810.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/57b0c84bbf7d7098.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","pmmYbpSUidDjDibBuGjLWv",{"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/cover.html

@@ -0,0 +1 @@
+<!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="preload" as="image" href="https://placehold.co/800x300"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=800x300+small+without+content"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=800x300+medium+without+content"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=800x300+large+without+content"/><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/75e15d3944ffd4f3.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/cover/page-c5a39a466cf72302.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>Cover</h1><div class="cover"><div class="cover__content"><h2>Heading</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover"><div class="cover__content"><h2>Heading</h2></div><picture class="img cover__image"><source srcSet="https://placehold.co/2560x1000" media="(min-width: 992px)"/><source srcSet="https://placehold.co/1200x500" media="(min-width: 768px)"/><img src="https://placehold.co/800x300" alt=""/></picture></div><hr/><div class="cover cover--small"><div class="cover__content"><h2>Small</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover cover--medium"><div class="cover__content"><h2>Medium</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover cover--large"><div class="cover__content"><h2>Large</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover cover--small"><img class="img cover__image" src="https://placehold.co/800x300?text=800x300+small+without+content" alt=""/></div><hr/><div class="cover cover--medium"><img class="img cover__image" src="https://placehold.co/800x300?text=800x300+medium+without+content" alt=""/></div><hr/><div class="cover cover--large"><img class="img cover__image" src="https://placehold.co/800x300?text=800x300+large+without+content" alt=""/></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[1041,[\"167\",\"static/chunks/app/components/cover/page-c5a39a466cf72302.js\"],\"CoverClientWrapper\"]\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/75e15d3944ffd4f3.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"cover\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"cover\",{\"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\":[\"cover\",[\"$\",\"$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\":[[\"$\",\"$L6\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/75e15d3944ffd4f3.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\",\"vyqfDoz9t_PPF3e_0TLodv\",{\"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/cover.txt

@@ -0,0 +1,26 @@
+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[1041,["167","static/chunks/app/components/cover/page-c5a39a466cf72302.js"],"CoverClientWrapper"]
+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/75e15d3944ffd4f3.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","cover"],"i":false,"f":[[["",{"children":["components",{"children":["cover",{"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":["cover",["$","$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":[["$","$L6",null,{}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.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","vyqfDoz9t_PPF3e_0TLodv",{"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/divider.html

@@ -0,0 +1,6 @@
+<!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/7f570791ca140154.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/57b0c84bbf7d7098.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/divider/page-048e0ea7f0f61c9f.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"><h1>Divider</h1><p>Divider serves as an option for horizontal division of spaces/elements/contents.</p><h2>Example</h2><div class="divider"><div class="divider__line"></div></div><h2>Width</h2><p>Width of the divider line can be reduced to 1 pixel using <code>.divider__line--thin</code> class.</p><div class="divider"><div class="divider__line"></div></div><div class="divider"><div class="divider__line divider__line--thin"></div></div><h2>Content</h2><p>Divider can hold different contents if you need to visualise separation with
+something like a word or icon, you can do it here.</p><div class="divider"><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div><h2>Color</h2><p>If you need to use divider on <strong>non-white backgrounds</strong> use
+<code>.divider--black</code> or <code>.divider--white</code> class</p><p>Default color is gray and it&#x27;s used on white backgrounds only</p><div class="divider"><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div><div class="bg-black"><div class="divider divider--white"><div class="divider__line"></div></div><div class="divider divider--white"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider divider--white"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div></div><div class="divider divider--black"><div class="divider__line"></div></div><div class="divider divider--black"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider divider--black"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div></div></div>
+<div class="section bg-black"><div class="container"><h1>Divider</h1><p>Divider serves as an option for horizontal division of spaces/elements/contents.</p><h2>Example</h2><div class="divider"><div class="divider__line"></div></div><h2>Width</h2><p>Width of the divider line can be reduced to 1 pixel using <code>.divider__line--thin</code> class.</p><div class="divider"><div class="divider__line"></div></div><div class="divider"><div class="divider__line divider__line--thin"></div></div><h2>Content</h2><p>Divider can hold different contents if you need to visualise separation with
+something like a word or icon, you can do it here.</p><div class="divider"><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div><h2>Color</h2><p>If you need to use divider on <strong>non-white backgrounds</strong> use
+<code>.divider--black</code> or <code>.divider--white</code> class</p><p>Default color is gray and it&#x27;s used on white backgrounds only</p><div class="divider"><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div><div class="bg-black"><div class="divider divider--white"><div class="divider__line"></div></div><div class="divider divider--white"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider divider--white"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></div></div><div class="divider divider--black"><div class="divider__line"></div></div><div class="divider divider--black"><div class="divider__line"></div><div class="divider__content"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="divider__line"></div></div><div class="divider divider--black"><div class="divider__line"></div><div class="divider__content"><strong>custom text</strong></div><div class="divider__line"></div></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,[\"8533\",\"static/chunks/app/components/divider/page-048e0ea7f0f61c9f.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[593,[\"8533\",\"static/chunks/app/components/divider/page-048e0ea7f0f61c9f.js\"],\"Icon\"]\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/7f570791ca140154.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"divider\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"divider\",{\"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\":[\"divider\",[\"$\",\"$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\":[[\"$\",\"h1\",null,{\"children\":\"Divider\"}],[\"$\",\"p\",null,{\"children\":\"Divider serves as an option for horizontal division of spaces/elements/contents.\"}],[\"$\",\"h2\",null,{\"children\":\"Example\"}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"h2\",null,{\"children\":\"Width\"}],[\"$\",\"p\",null,{\"children\":[\"Width of the divider line can be reduced to 1 pixel using \",[\"$\",\"code\",null,{\"children\":\".divider__line--thin\"}],\" class.\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line divider__line--thin\"}],\"$undefined\"]}],[\"$\",\"h2\",null,{\"children\":\"Content\"}],[\"$\",\"p\",null,{\"children\":\"Divider can hold different contents if you need to visualise separation with\\nsomething like a word or icon, you can do it here.\"}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"h2\",null,{\"children\":\"Color\"}],[\"$\",\"p\",null,{\"children\":[\"If you need to use divider on \",[\"$\",\"strong\",null,{\"children\":\"non-white backgrounds\"}],\" use\\n\",[\"$\",\"code\",null,{\"children\":\".divider--black\"}],\" or \",[\"$\",\"code\",null,{\"children\":\".divider--white\"}],\" class\"]}],[\"$\",\"p\",null,{\"children\":\"Default color is gray and it's used on white backgrounds only\"}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"bg-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider divider--white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider divider--white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider divider--white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"divider divider--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider divider--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider divider--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"h1\",null,{\"children\":\"Divider\"}],[\"$\",\"p\",null,{\"children\":\"Divider serves as an option for horizontal division of spaces/elements/contents.\"}],[\"$\",\"h2\",null,{\"children\":\"Example\"}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"h2\",null,{\"children\":\"Width\"}],[\"$\",\"p\",null,{\"children\":[\"Width of the divider line can be reduced to 1 pixel using \",[\"$\",\"code\",null,{\"children\":\".divider__line--thin\"}],\" class.\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line divider__line--thin\"}],\"$undefined\"]}],[\"$\",\"h2\",null,{\"children\":\"Content\"}],[\"$\",\"p\",null,{\"children\":\"Divider can hold different contents if you need to visualise separation with\\nsomething like a word or icon, you can do it here.\"}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"h2\",null,{\"children\":\"Color\"}],[\"$\",\"p\",null,{\"children\":[\"If you need to use divider on \",[\"$\",\"strong\",null,{\"children\":\"non-white backgrounds\"}],\" use\\n\",[\"$\",\"code\",null,{\"children\":\".divider--black\"}],\" or \",[\"$\",\"code\",null,{\"children\":\".divider--white\"}],\" class\"]}],[\"$\",\"p\",null,{\"children\":\"Default color is gray and it's used on white backgrounds only\"}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"bg-black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider divider--white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider divider--white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider divider--white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"divider divider--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"divider divider--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"add\",\"size\":\"medium\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}],[\"$\",\"div\",null,{\"className\":\"divider divider--black\",\"children\":[[\"$\",\"div\",null,{\"className\":\"divider__line\"}],[[\"$\",\"div\",null,{\"className\":\"divider__content\",\"children\":[\"$\",\"strong\",null,{\"children\":\"custom text\"}]}],[\"$\",\"div\",null,{\"className\":\"divider__line\"}]]]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7f570791ca140154.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/57b0c84bbf7d7098.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\",\"eEbg2Itnp7vONveWgyF9Dv\",{\"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/divider.txt

@@ -0,0 +1,29 @@
+1:"$Sreact.fragment"
+2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
+3:I[5085,["8533","static/chunks/app/components/divider/page-048e0ea7f0f61c9f.js"],"SpritePathProvider"]
+4:I[7555,[],""]
+5:I[1295,[],""]
+6:I[593,["8533","static/chunks/app/components/divider/page-048e0ea7f0f61c9f.js"],"Icon"]
+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/7f570791ca140154.css","style"]
+:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
+:HL["/_next/static/css/0e5de495ff48931f.css","style"]
+:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
+0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","divider"],"i":false,"f":[[["",{"children":["components",{"children":["divider",{"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":["divider",["$","$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":[["$","h1",null,{"children":"Divider"}],["$","p",null,{"children":"Divider serves as an option for horizontal division of spaces/elements/contents."}],["$","h2",null,{"children":"Example"}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","h2",null,{"children":"Width"}],["$","p",null,{"children":["Width of the divider line can be reduced to 1 pixel using ",["$","code",null,{"children":".divider__line--thin"}]," class."]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line divider__line--thin"}],"$undefined"]}],["$","h2",null,{"children":"Content"}],["$","p",null,{"children":"Divider can hold different contents if you need to visualise separation with\nsomething like a word or icon, you can do it here."}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","h2",null,{"children":"Color"}],["$","p",null,{"children":["If you need to use divider on ",["$","strong",null,{"children":"non-white backgrounds"}]," use\n",["$","code",null,{"children":".divider--black"}]," or ",["$","code",null,{"children":".divider--white"}]," class"]}],["$","p",null,{"children":"Default color is gray and it's used on white backgrounds only"}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"bg-black","children":[["$","div",null,{"className":"divider divider--white","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider divider--white","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider divider--white","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}]]}],["$","div",null,{"className":"divider divider--black","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider divider--black","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider divider--black","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","h1",null,{"children":"Divider"}],["$","p",null,{"children":"Divider serves as an option for horizontal division of spaces/elements/contents."}],["$","h2",null,{"children":"Example"}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","h2",null,{"children":"Width"}],["$","p",null,{"children":["Width of the divider line can be reduced to 1 pixel using ",["$","code",null,{"children":".divider__line--thin"}]," class."]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line divider__line--thin"}],"$undefined"]}],["$","h2",null,{"children":"Content"}],["$","p",null,{"children":"Divider can hold different contents if you need to visualise separation with\nsomething like a word or icon, you can do it here."}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","h2",null,{"children":"Color"}],["$","p",null,{"children":["If you need to use divider on ",["$","strong",null,{"children":"non-white backgrounds"}]," use\n",["$","code",null,{"children":".divider--black"}]," or ",["$","code",null,{"children":".divider--white"}]," class"]}],["$","p",null,{"children":"Default color is gray and it's used on white backgrounds only"}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"bg-black","children":[["$","div",null,{"className":"divider divider--white","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider divider--white","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider divider--white","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}]]}],["$","div",null,{"className":"divider divider--black","children":[["$","div",null,{"className":"divider__line"}],"$undefined"]}],["$","div",null,{"className":"divider divider--black","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","$L6",null,{"name":"add","size":"medium"}]}],["$","div",null,{"className":"divider__line"}]]]}],["$","div",null,{"className":"divider divider--black","children":[["$","div",null,{"className":"divider__line"}],[["$","div",null,{"className":"divider__content","children":["$","strong",null,{"children":"custom text"}]}],["$","div",null,{"className":"divider__line"}]]]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/7f570791ca140154.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/57b0c84bbf7d7098.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","eEbg2Itnp7vONveWgyF9Dv",{"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"}