@consumidor-positivo/aurora 0.0.12 → 0.0.13

package/dist/{IconChevronLeft-C81GX0AL.js → IconMenu-BQ0cIqwI.js}

@@ -38,8 +38,20 @@ function IconChevronLeft(props) {
     }, props)
   );
 }
+function IconMenu(props) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    __spreadValues({
+      iconMarkup: "<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z' fill='currentColor'/></svg>",
+      iconName: "IconMenu",
+      iconSize: props.size,
+      iconColor: props.color
+    }, props)
+  );
+}
 export {
-  IconBell as I,
-  IconChevronLeft as a
+  IconChevronLeft as I,
+  IconBell as a,
+  IconMenu as b
 };
-//# sourceMappingURL=IconChevronLeft-C81GX0AL.js.map
+//# sourceMappingURL=IconMenu-BQ0cIqwI.js.map

package/dist/IconMenu-BQ0cIqwI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenu-BQ0cIqwI.js","sources":["../lib/components/icons/default/IconBell.tsx","../lib/components/icons/default/IconChevronLeft.tsx","../lib/components/icons/default/IconMenu.tsx"],"sourcesContent":["// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconBell(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.05033 3.05025C8.36309 1.7375 10.1436 1 12.0001 1C13.8566 1 15.6371 1.7375 16.9498 3.05025C18.2626 4.36301 19.0001 6.14349 19.0001 8C19.0001 11.3527 19.7171 13.4346 20.378 14.6461C20.7098 15.2544 21.0329 15.6535 21.2573 15.8904C21.3698 16.0091 21.4581 16.0878 21.5114 16.1322C21.538 16.1544 21.5558 16.168 21.5635 16.1737C21.5647 16.1746 21.5657 16.1753 21.5664 16.1758C21.9249 16.4221 22.0835 16.8725 21.9572 17.2898C21.8295 17.7115 21.4407 18 21.0001 18H3.00008C2.55941 18 2.17068 17.7115 2.04299 17.2898C1.91664 16.8725 2.07528 16.4221 2.43377 16.1758C2.43447 16.1753 2.43542 16.1746 2.43663 16.1737C2.44432 16.168 2.46218 16.1544 2.4888 16.1322C2.54202 16.0878 2.6304 16.0091 2.74288 15.8904C2.9673 15.6535 3.29039 15.2544 3.62218 14.6461C4.28301 13.4346 5.00008 11.3527 5.00008 8C5.00008 6.14348 5.73758 4.36301 7.05033 3.05025ZM2.44388 16.169C2.44395 16.1689 2.44403 16.1688 2.44411 16.1688C2.44411 16.1688 2.4441 16.1688 2.4441 16.1688L2.44388 16.169ZM5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.76792 20.1352C10.2457 19.858 10.8576 20.0207 11.1347 20.4984C11.2226 20.6499 11.3488 20.7757 11.5006 20.8632C11.6524 20.9506 11.8245 20.9966 11.9997 20.9966C12.1749 20.9966 12.347 20.9506 12.4988 20.8632C12.6506 20.7757 12.7768 20.6499 12.8647 20.4984C13.1418 20.0207 13.7537 19.858 14.2315 20.1352C14.7092 20.4123 14.8718 21.0242 14.5947 21.5019C14.331 21.9566 13.9525 22.3339 13.497 22.5962C13.0416 22.8586 12.5253 22.9966 11.9997 22.9966C11.4741 22.9966 10.9578 22.8586 10.5024 22.5962C10.0469 22.3339 9.66841 21.9566 9.4047 21.5019C9.12758 21.0242 9.2902 20.4123 9.76792 20.1352Z' fill='currentColor'/></svg>\"\n      }\n      iconName=\"IconBell\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n","// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconChevronLeft(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z' fill='currentColor'/></svg>\"\n      }\n      iconName=\"IconChevronLeft\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n","// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconMenu(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z' fill='currentColor'/></svg>\"\n      }\n      iconName=\"IconMenu\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,SAAwB,SAAS,OAAY;AAEzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YACE;AAAA,MAEF,UAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,OACb;AAAA,EAAA;AAGV;ACZA,SAAwB,gBAAgB,OAAY;AAEhD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YACE;AAAA,MAEF,UAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,OACb;AAAA,EAAA;AAGV;ACZA,SAAwB,SAAS,OAAY;AAEzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YACE;AAAA,MAEF,UAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,OACb;AAAA,EAAA;AAGV;"}

package/dist/{IconChevronLeft-C9RFzoQM.cjs → IconMenu-FVdQl9jm.cjs}

@@ -1,2 +1,2 @@
-"use strict";var e=Object.defineProperty,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,n=(o,r,C)=>r in o?e(o,r,{enumerable:!0,configurable:!0,writable:!0,value:C}):o[r]=C,l=(e,l)=>{for(var t in l||(l={}))r.call(l,t)&&n(e,t,l[t]);if(o)for(var t of o(l))C.call(l,t)&&n(e,t,l[t]);return e};const t=require("react/jsx-runtime"),i=require("./Icon-MUF210wL.cjs");exports.IconBell=function(e){return t.jsx(i.Icon,l({iconMarkup:"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.05033 3.05025C8.36309 1.7375 10.1436 1 12.0001 1C13.8566 1 15.6371 1.7375 16.9498 3.05025C18.2626 4.36301 19.0001 6.14349 19.0001 8C19.0001 11.3527 19.7171 13.4346 20.378 14.6461C20.7098 15.2544 21.0329 15.6535 21.2573 15.8904C21.3698 16.0091 21.4581 16.0878 21.5114 16.1322C21.538 16.1544 21.5558 16.168 21.5635 16.1737C21.5647 16.1746 21.5657 16.1753 21.5664 16.1758C21.9249 16.4221 22.0835 16.8725 21.9572 17.2898C21.8295 17.7115 21.4407 18 21.0001 18H3.00008C2.55941 18 2.17068 17.7115 2.04299 17.2898C1.91664 16.8725 2.07528 16.4221 2.43377 16.1758C2.43447 16.1753 2.43542 16.1746 2.43663 16.1737C2.44432 16.168 2.46218 16.1544 2.4888 16.1322C2.54202 16.0878 2.6304 16.0091 2.74288 15.8904C2.9673 15.6535 3.29039 15.2544 3.62218 14.6461C4.28301 13.4346 5.00008 11.3527 5.00008 8C5.00008 6.14348 5.73758 4.36301 7.05033 3.05025ZM2.44388 16.169C2.44395 16.1689 2.44403 16.1688 2.44411 16.1688C2.44411 16.1688 2.4441 16.1688 2.4441 16.1688L2.44388 16.169ZM5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.76792 20.1352C10.2457 19.858 10.8576 20.0207 11.1347 20.4984C11.2226 20.6499 11.3488 20.7757 11.5006 20.8632C11.6524 20.9506 11.8245 20.9966 11.9997 20.9966C12.1749 20.9966 12.347 20.9506 12.4988 20.8632C12.6506 20.7757 12.7768 20.6499 12.8647 20.4984C13.1418 20.0207 13.7537 19.858 14.2315 20.1352C14.7092 20.4123 14.8718 21.0242 14.5947 21.5019C14.331 21.9566 13.9525 22.3339 13.497 22.5962C13.0416 22.8586 12.5253 22.9966 11.9997 22.9966C11.4741 22.9966 10.9578 22.8586 10.5024 22.5962C10.0469 22.3339 9.66841 21.9566 9.4047 21.5019C9.12758 21.0242 9.2902 20.4123 9.76792 20.1352Z' fill='currentColor'/></svg>",iconName:"IconBell",iconSize:e.size,iconColor:e.color},e))},exports.IconChevronLeft=function(e){return t.jsx(i.Icon,l({iconMarkup:"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z' fill='currentColor'/></svg>",iconName:"IconChevronLeft",iconSize:e.size,iconColor:e.color},e))};
-//# sourceMappingURL=IconChevronLeft-C9RFzoQM.cjs.map
+"use strict";var e=Object.defineProperty,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,n=(o,r,l)=>r in o?e(o,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[r]=l,C=(e,C)=>{for(var i in C||(C={}))r.call(C,i)&&n(e,i,C[i]);if(o)for(var i of o(C))l.call(C,i)&&n(e,i,C[i]);return e};const i=require("react/jsx-runtime"),t=require("./Icon-MUF210wL.cjs");exports.IconBell=function(e){return i.jsx(t.Icon,C({iconMarkup:"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.05033 3.05025C8.36309 1.7375 10.1436 1 12.0001 1C13.8566 1 15.6371 1.7375 16.9498 3.05025C18.2626 4.36301 19.0001 6.14349 19.0001 8C19.0001 11.3527 19.7171 13.4346 20.378 14.6461C20.7098 15.2544 21.0329 15.6535 21.2573 15.8904C21.3698 16.0091 21.4581 16.0878 21.5114 16.1322C21.538 16.1544 21.5558 16.168 21.5635 16.1737C21.5647 16.1746 21.5657 16.1753 21.5664 16.1758C21.9249 16.4221 22.0835 16.8725 21.9572 17.2898C21.8295 17.7115 21.4407 18 21.0001 18H3.00008C2.55941 18 2.17068 17.7115 2.04299 17.2898C1.91664 16.8725 2.07528 16.4221 2.43377 16.1758C2.43447 16.1753 2.43542 16.1746 2.43663 16.1737C2.44432 16.168 2.46218 16.1544 2.4888 16.1322C2.54202 16.0878 2.6304 16.0091 2.74288 15.8904C2.9673 15.6535 3.29039 15.2544 3.62218 14.6461C4.28301 13.4346 5.00008 11.3527 5.00008 8C5.00008 6.14348 5.73758 4.36301 7.05033 3.05025ZM2.44388 16.169C2.44395 16.1689 2.44403 16.1688 2.44411 16.1688C2.44411 16.1688 2.4441 16.1688 2.4441 16.1688L2.44388 16.169ZM5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.76792 20.1352C10.2457 19.858 10.8576 20.0207 11.1347 20.4984C11.2226 20.6499 11.3488 20.7757 11.5006 20.8632C11.6524 20.9506 11.8245 20.9966 11.9997 20.9966C12.1749 20.9966 12.347 20.9506 12.4988 20.8632C12.6506 20.7757 12.7768 20.6499 12.8647 20.4984C13.1418 20.0207 13.7537 19.858 14.2315 20.1352C14.7092 20.4123 14.8718 21.0242 14.5947 21.5019C14.331 21.9566 13.9525 22.3339 13.497 22.5962C13.0416 22.8586 12.5253 22.9966 11.9997 22.9966C11.4741 22.9966 10.9578 22.8586 10.5024 22.5962C10.0469 22.3339 9.66841 21.9566 9.4047 21.5019C9.12758 21.0242 9.2902 20.4123 9.76792 20.1352Z' fill='currentColor'/></svg>",iconName:"IconBell",iconSize:e.size,iconColor:e.color},e))},exports.IconChevronLeft=function(e){return i.jsx(t.Icon,C({iconMarkup:"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z' fill='currentColor'/></svg>",iconName:"IconChevronLeft",iconSize:e.size,iconColor:e.color},e))},exports.IconMenu=function(e){return i.jsx(t.Icon,C({iconMarkup:"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z' fill='currentColor'/></svg>",iconName:"IconMenu",iconSize:e.size,iconColor:e.color},e))};
+//# sourceMappingURL=IconMenu-FVdQl9jm.cjs.map

package/dist/IconMenu-FVdQl9jm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenu-FVdQl9jm.cjs","sources":["../lib/components/icons/default/IconBell.tsx","../lib/components/icons/default/IconChevronLeft.tsx","../lib/components/icons/default/IconMenu.tsx"],"sourcesContent":["// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconBell(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.05033 3.05025C8.36309 1.7375 10.1436 1 12.0001 1C13.8566 1 15.6371 1.7375 16.9498 3.05025C18.2626 4.36301 19.0001 6.14349 19.0001 8C19.0001 11.3527 19.7171 13.4346 20.378 14.6461C20.7098 15.2544 21.0329 15.6535 21.2573 15.8904C21.3698 16.0091 21.4581 16.0878 21.5114 16.1322C21.538 16.1544 21.5558 16.168 21.5635 16.1737C21.5647 16.1746 21.5657 16.1753 21.5664 16.1758C21.9249 16.4221 22.0835 16.8725 21.9572 17.2898C21.8295 17.7115 21.4407 18 21.0001 18H3.00008C2.55941 18 2.17068 17.7115 2.04299 17.2898C1.91664 16.8725 2.07528 16.4221 2.43377 16.1758C2.43447 16.1753 2.43542 16.1746 2.43663 16.1737C2.44432 16.168 2.46218 16.1544 2.4888 16.1322C2.54202 16.0878 2.6304 16.0091 2.74288 15.8904C2.9673 15.6535 3.29039 15.2544 3.62218 14.6461C4.28301 13.4346 5.00008 11.3527 5.00008 8C5.00008 6.14348 5.73758 4.36301 7.05033 3.05025ZM2.44388 16.169C2.44395 16.1689 2.44403 16.1688 2.44411 16.1688C2.44411 16.1688 2.4441 16.1688 2.4441 16.1688L2.44388 16.169ZM5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.76792 20.1352C10.2457 19.858 10.8576 20.0207 11.1347 20.4984C11.2226 20.6499 11.3488 20.7757 11.5006 20.8632C11.6524 20.9506 11.8245 20.9966 11.9997 20.9966C12.1749 20.9966 12.347 20.9506 12.4988 20.8632C12.6506 20.7757 12.7768 20.6499 12.8647 20.4984C13.1418 20.0207 13.7537 19.858 14.2315 20.1352C14.7092 20.4123 14.8718 21.0242 14.5947 21.5019C14.331 21.9566 13.9525 22.3339 13.497 22.5962C13.0416 22.8586 12.5253 22.9966 11.9997 22.9966C11.4741 22.9966 10.9578 22.8586 10.5024 22.5962C10.0469 22.3339 9.66841 21.9566 9.4047 21.5019C9.12758 21.0242 9.2902 20.4123 9.76792 20.1352Z' fill='currentColor'/></svg>\"\n      }\n      iconName=\"IconBell\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n","// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconChevronLeft(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z' fill='currentColor'/></svg>\"\n      }\n      iconName=\"IconChevronLeft\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n","// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconMenu(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z' fill='currentColor'/></svg>\"\n      }\n      iconName=\"IconMenu\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n"],"names":["props","jsxRuntime","jsx","Icon","__spreadValues","iconMarkup","iconName","iconSize","size","iconColor","color"],"mappings":"ibAIA,SAAiCA,GAE7B,OAAAC,EAAAC,IAACC,EAAAA,KAAAC,EAAA,CACCC,WACE,+mEAEFC,SAAS,WACTC,SAAUP,EAAMQ,KAChBC,UAAWT,EAAMU,OACbV,GAGV,0BCZA,SAAwCA,GAEpC,OAAAC,EAAAC,IAACC,EAAAA,KAAAC,EAAA,CACCC,WACE,4eAEFC,SAAS,kBACTC,SAAUP,EAAMQ,KAChBC,UAAWT,EAAMU,OACbV,GAGV,mBCZA,SAAiCA,GAE7B,OAAAC,EAAAC,IAACC,EAAAA,KAAAC,EAAA,CACCC,WACE,4pBAEFC,SAAS,WACTC,SAAUP,EAAMQ,KAChBC,UAAWT,EAAMU,OACbV,GAGV"}

package/dist/components/Button/styles.css

@@ -1 +1 @@
-.au-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;outline:none;text-align:center;text-decoration:none;transition:background-color .3s ease;font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;gap:8px;height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn:hover,.au-btn:focus{background-color:#1737a4}.au-btn:active{background-color:#18256c}.au-btn .au-icon,.au-btn .au-icon>svg{width:16px;height:16px;color:#fff}@media (min-width: 600px){.au-btn--size-large{height:64px;border-radius:60px;font-size:20px;padding:16px 30px}}.au-btn--size-medium{height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn--color-default{background-color:#0048db;color:#fff}.au-btn--type-outlined{color:#0048db;border:1px solid #0048db;background-color:transparent}.au-btn--type-outlined .au-icon,.au-btn--type-outlined .au-icon>svg{color:#0048db}.au-btn--type-outlined:hover,.au-btn--type-outlined:focus{background-color:#fafbff;border-color:#0048db}.au-btn--type-outlined:active{background-color:#fafbff;border-color:#1737a4;color:#1737a4}.au-btn--type-ghost{background-color:transparent;border:0;color:#0048db}.au-btn--type-ghost .au-icon,.au-btn--type-ghost .au-icon>svg{color:#0048db}.au-btn--type-ghost:hover,.au-btn--type-ghost:focus{background-color:#f6f7fa;border-color:0}.au-btn--type-ghost:active{background-color:#f6f7fa;border:1px solid #5e6573}.au-btn--expand-x{width:100%}.au-btn--disabled{background-color:#e2e4e9;color:#5e6573;cursor:not-allowed}.au-btn--disabled .au-icon svg{color:#5e6573}.au-btn--disabled:hover,.au-btn--disabled:focus{background-color:#e2e4e9}.au-btn--disabled.au-btn--type-outlined{background-color:#fff;color:#5e6573;border-color:#5e6573}.au-btn--disabled.au-btn--type-outlined:hover,.au-btn--disabled.au-btn--type-outlined:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost{background-color:#fff;color:#5e6573}.au-btn--disabled.au-btn--type-ghost:hover,.au-btn--disabled.au-btn--type-ghost:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost:active{border:0}.au-btn--loading{background-color:#1737a4;color:#fff;cursor:progress}.au-btn--loading .au-icon[class*=loading],.au-btn--loading .au-icon[class*=loading]>svg,.au-btn--loading .au-icon[class*=loader],.au-btn--loading .au-icon[class*=loader]>svg{animation:spin 2s infinite linear}.au-btn--loading:hover,.au-btn--loading:focus{background-color:#1737a4}.au-btn--loading.au-btn--type-outlined{background-color:#fff;color:#0048db;border-color:#0048db}.au-btn--loading.au-btn--type-outlined:hover,.au-btn--loading.au-btn--type-outlined:focus{background-color:#fff;color:#0048db}.au-btn--loading.au-btn--type-outlined:hover .au-icon,.au-btn--loading.au-btn--type-outlined:hover .au-icon svg,.au-btn--loading.au-btn--type-outlined:focus .au-icon,.au-btn--loading.au-btn--type-outlined:focus .au-icon svg{color:#0048db}.au-btn--loading.au-btn--type-ghost{background-color:transparent;color:#5e6573}.au-btn--loading.au-btn--type-ghost .au-icon,.au-btn--loading.au-btn--type-ghost .au-icon svg{color:#5e6573}.au-btn--loading.au-btn--type-ghost:hover,.au-btn--loading.au-btn--type-ghost:focus{background-color:transparent;color:#5e6573}@keyframes spin{to{transform:rotate(360deg)}}.btn-text{background-color:transparent;border:none;display:flex;color:#0048db;font-weight:600}.btn-text .au-icon svg{color:#0048db}.btn-text:hover,.btn-text:focus{background-color:transparent}
+.au-btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;outline:none;text-align:center;text-decoration:none;transition:background-color .3s ease;font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;gap:8px;height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn:hover,.au-btn:focus{background-color:#1737a4}.au-btn:active{background-color:#18256c}.au-btn .au-icon,.au-btn .au-icon>svg{width:16px;height:16px;color:#fff}@media (min-width: 600px){.au-btn--size-large{height:64px;border-radius:60px;font-size:20px;padding:16px 30px}}.au-btn--size-medium{height:48px;border-radius:48px;font-size:16px;padding:16px 18px}.au-btn--color-default{background-color:#0048db;color:#fff}.au-btn--type-outlined{color:#0048db;border:1px solid #0048db;background-color:transparent}.au-btn--type-outlined .au-icon,.au-btn--type-outlined .au-icon>svg{color:#0048db}.au-btn--type-outlined:hover,.au-btn--type-outlined:focus{background-color:#fafbff;border-color:#0048db}.au-btn--type-outlined:active{background-color:#dce8ff;border-color:#1737a4;color:#1737a4}.au-btn--type-ghost{background-color:transparent;border:0;color:#0048db}.au-btn--type-ghost .au-icon,.au-btn--type-ghost .au-icon>svg{color:#0048db}.au-btn--type-ghost:hover,.au-btn--type-ghost:focus{background-color:#f6f7fa;border-color:0}.au-btn--type-ghost:active{background-color:#f6f7fa;border:1px solid #5e6573}.au-btn--expand-x{width:100%}.au-btn--disabled{background-color:#e2e4e9;color:#5e6573;cursor:not-allowed}.au-btn--disabled .au-icon svg{color:#5e6573}.au-btn--disabled:hover,.au-btn--disabled:focus{background-color:#e2e4e9}.au-btn--disabled.au-btn--type-outlined{background-color:#fff;color:#5e6573;border-color:#5e6573}.au-btn--disabled.au-btn--type-outlined:hover,.au-btn--disabled.au-btn--type-outlined:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost{background-color:#fff;color:#5e6573}.au-btn--disabled.au-btn--type-ghost:hover,.au-btn--disabled.au-btn--type-ghost:focus{background-color:#fff}.au-btn--disabled.au-btn--type-ghost:active{border:0}.au-btn--loading{background-color:#1737a4;color:#fff;cursor:progress}.au-btn--loading .au-icon[class*=loading],.au-btn--loading .au-icon[class*=loading]>svg,.au-btn--loading .au-icon[class*=loader],.au-btn--loading .au-icon[class*=loader]>svg{animation:spin 2s infinite linear}.au-btn--loading:hover,.au-btn--loading:focus{background-color:#1737a4}.au-btn--loading.au-btn--type-outlined{background-color:#fff;color:#0048db;border-color:#0048db}.au-btn--loading.au-btn--type-outlined:hover,.au-btn--loading.au-btn--type-outlined:focus{background-color:#fff;color:#0048db}.au-btn--loading.au-btn--type-outlined:hover .au-icon,.au-btn--loading.au-btn--type-outlined:hover .au-icon svg,.au-btn--loading.au-btn--type-outlined:focus .au-icon,.au-btn--loading.au-btn--type-outlined:focus .au-icon svg{color:#0048db}.au-btn--loading.au-btn--type-ghost{background-color:transparent;color:#5e6573}.au-btn--loading.au-btn--type-ghost .au-icon,.au-btn--loading.au-btn--type-ghost .au-icon svg{color:#5e6573}.au-btn--loading.au-btn--type-ghost:hover,.au-btn--loading.au-btn--type-ghost:focus{background-color:transparent;color:#5e6573}@keyframes spin{to{transform:rotate(360deg)}}.btn-text{background-color:transparent;border:none;display:flex;color:#0048db;font-weight:600}.btn-text .au-icon svg{color:#0048db}.btn-text:hover,.btn-text:focus{background-color:transparent}

package/dist/components/Drawer/hooks.d.ts

@@ -0,0 +1,4 @@
+export declare function useDrawer(): {
+    handleOpenDrawer: () => void;
+    drawerOpen: boolean;
+};

package/dist/components/Drawer/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles.css');const e=require("react/jsx-runtime"),r=require("../../index-BJmus9Hg.cjs"),s=require("react");require("../../Icon-MUF210wL.cjs");const a=require("../../IconX-DrZE4iYc.cjs");exports.Drawer=({renderHeader:c,renderContent:n,isOpen:i=!1})=>{const[t,d]=s.useState(i);return e.jsxs("div",{className:r.classNames("au-drawer",{"is-open":t}),children:[e.jsxs("div",{className:"au-drawer__header",children:[e.jsx("div",{className:"au-drawer__header-close",onClick:function(){d((e=>!e))},children:e.jsx(a.IconX,{})}),c()]}),e.jsx("div",{className:"au-drawer__content",children:n()})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles.css');const e=require("react/jsx-runtime"),r=require("../../index-BJmus9Hg.cjs");require("../../Icon-MUF210wL.cjs");const s=require("../../IconX-DrZE4iYc.cjs");exports.Drawer=({renderHeader:a,renderContent:n,isOpen:c=!1,handleOpen:d})=>e.jsxs("div",{className:r.classNames("au-drawer",{"is-open":c}),children:[e.jsxs("div",{className:"au-drawer__header",children:[e.jsx("div",{className:"au-drawer__header-close",onClick:d,children:e.jsx(s.IconX,{})}),a()]}),e.jsx("div",{className:"au-drawer__content",children:n()})]});
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Drawer/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: () => ReactNode\n  renderContent: () => ReactNode\n  isOpen: boolean\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n}: DrawerProps) => {\n  const [open, toggleOpen] = useState<Boolean>(isOpen)\n\n  function onClickClose() {\n    toggleOpen((prev) => !prev)\n  }\n\n  return (\n    <div\n      className={classNames('au-drawer', {\n        'is-open': open,\n      })}>\n      <div className=\"au-drawer__header\">\n        <div className=\"au-drawer__header-close\" onClick={onClickClose}>\n          <IconX />\n        </div>\n        {renderHeader()}\n      </div>\n      <div className=\"au-drawer__content\">{renderContent()}</div>\n    </div>\n  )\n}\n"],"names":["renderHeader","renderContent","isOpen","open","toggleOpen","useState","jsxRuntime","jsxs","className","classNames","children","jsx","onClick","prev","IconX"],"mappings":"4QAWsB,EACpBA,eACAC,gBACAC,UAAS,MAET,MAAOC,EAAMC,GAAcC,WAAkBH,GAO3C,OAAAI,EAAAC,KAAC,MAAA,CACCC,UAAWC,aAAW,YAAa,CACjC,UAAWN,IAEbO,SAAA,GAACH,KAAA,MAAA,CAAIC,UAAU,oBACbE,SAAA,GAAAC,IAAC,OAAIH,UAAU,0BAA0BI,QAV/C,WACaR,GAACS,IAAUA,GACxB,EASQH,SAAAC,EAAAA,IAACG,cAEFd,OAEFW,EAAAA,IAAA,MAAA,CAAIH,UAAU,qBAAsBE,iBAAgB"}
+{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: () => ReactNode\n  renderContent: () => ReactNode\n  isOpen: boolean\n  handleOpen: () => void\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n  handleOpen,\n}: DrawerProps) => {\n  return (\n    <div\n      className={classNames('au-drawer', {\n        'is-open': isOpen,\n      })}>\n      <div className=\"au-drawer__header\">\n        <div className=\"au-drawer__header-close\" onClick={handleOpen}>\n          <IconX />\n        </div>\n        {renderHeader()}\n      </div>\n      <div className=\"au-drawer__content\">{renderContent()}</div>\n    </div>\n  )\n}\n"],"names":["renderHeader","renderContent","isOpen","handleOpen","jsxRuntime","jsxs","className","classNames","children","jsx","onClick","IconX"],"mappings":"yPAYsB,EACpBA,eACAC,gBACAC,UAAS,EACTC,gBAGEC,EAAAC,KAAC,MAAA,CACCC,UAAWC,aAAW,YAAa,CACjC,UAAWL,IAEbM,SAAA,GAACH,KAAA,MAAA,CAAIC,UAAU,oBACbE,SAAA,GAAAC,IAAC,OAAIH,UAAU,0BAA0BI,QAASP,EAChDK,SAAAC,EAAAA,IAACE,cAEFX,OAEFS,EAAAA,IAAA,MAAA,CAAIH,UAAU,qBAAsBE"}

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

@@ -4,6 +4,7 @@ type DrawerProps = {
     renderHeader: () => ReactNode;
     renderContent: () => ReactNode;
     isOpen: boolean;
+    handleOpen: () => void;
 };
-export declare const Drawer: ({ renderHeader, renderContent, isOpen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ renderHeader, renderContent, isOpen, handleOpen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Drawer/index.es.js

@@ -1,26 +1,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { useState } from "react";
 import "../../Icon-BvEdGGJ8.js";
 import { I as IconX } from "../../IconX-V_l5Ne0d.js";
 import './styles.css';const Drawer = ({
   renderHeader,
   renderContent,
-  isOpen = false
+  isOpen = false,
+  handleOpen
 }) => {
-  const [open, toggleOpen] = useState(isOpen);
-  function onClickClose() {
-    toggleOpen((prev) => !prev);
-  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: classNames("au-drawer", {
-        "is-open": open
+        "is-open": isOpen
       }),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "au-drawer__header", children: [
-          /* @__PURE__ */ jsx("div", { className: "au-drawer__header-close", onClick: onClickClose, children: /* @__PURE__ */ jsx(IconX, {}) }),
+          /* @__PURE__ */ jsx("div", { className: "au-drawer__header-close", onClick: handleOpen, children: /* @__PURE__ */ jsx(IconX, {}) }),
           renderHeader()
         ] }),
         /* @__PURE__ */ jsx("div", { className: "au-drawer__content", children: renderContent() })

package/dist/components/Drawer/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: () => ReactNode\n  renderContent: () => ReactNode\n  isOpen: boolean\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n}: DrawerProps) => {\n  const [open, toggleOpen] = useState<Boolean>(isOpen)\n\n  function onClickClose() {\n    toggleOpen((prev) => !prev)\n  }\n\n  return (\n    <div\n      className={classNames('au-drawer', {\n        'is-open': open,\n      })}>\n      <div className=\"au-drawer__header\">\n        <div className=\"au-drawer__header-close\" onClick={onClickClose}>\n          <IconX />\n        </div>\n        {renderHeader()}\n      </div>\n      <div className=\"au-drawer__content\">{renderContent()}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAWO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAAmB;AACjB,QAAM,CAAC,MAAM,UAAU,IAAI,SAAkB,MAAM;AAEnD,WAAS,eAAe;AACX,eAAA,CAAC,SAAS,CAAC,IAAI;AAAA,EAC5B;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,QACjC,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,2BAA0B,SAAS,cAChD,UAAA,oBAAC,SAAM,EACT,CAAA;AAAA,UACC,aAAa;AAAA,QAAA,GAChB;AAAA,QACC,oBAAA,OAAA,EAAI,WAAU,sBAAsB,2BAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: () => ReactNode\n  renderContent: () => ReactNode\n  isOpen: boolean\n  handleOpen: () => void\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n  handleOpen,\n}: DrawerProps) => {\n  return (\n    <div\n      className={classNames('au-drawer', {\n        'is-open': isOpen,\n      })}>\n      <div className=\"au-drawer__header\">\n        <div className=\"au-drawer__header-close\" onClick={handleOpen}>\n          <IconX />\n        </div>\n        {renderHeader()}\n      </div>\n      <div className=\"au-drawer__content\">{renderContent()}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,MAAmB;AAEf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,QACjC,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,UAAA,oBAAC,SAAI,WAAU,2BAA0B,SAAS,YAChD,UAAA,oBAAC,SAAM,EACT,CAAA;AAAA,UACC,aAAa;AAAA,QAAA,GAChB;AAAA,QACC,oBAAA,OAAA,EAAI,WAAU,sBAAsB,2BAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

package/dist/components/Drawer/styles.css

@@ -1 +1 @@
-.au-drawer{background-color:#fff;width:100%;max-width:320px;height:100vh;position:absolute;top:0;right:0;transform:translate(320px);transition:transform .1s ease-out .1s}.au-drawer.is-open{transform:translate(0)}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center}.au-drawer__header-close{position:absolute;right:0;top:0;transform:translate(-28px) translateY(24px);cursor:pointer}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}
+.au-drawer{background-color:#fff;width:100%;max-width:320px;height:100vh;position:absolute;top:0;right:0;transform:translate(320px);transition:transform .1s ease-out .1s}@media (min-width: 600px){.au-drawer{box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a}}.au-drawer.is-open{transform:translate(0)}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center}.au-drawer__header-close{position:absolute;right:0;top:0;transform:translate(-28px) translateY(24px);cursor:pointer}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}

package/dist/components/Header/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./styles.css');const e=require("react/jsx-runtime"),a=require("../../index-BJmus9Hg.cjs");require("../../Icon-MUF210wL.cjs");const i=require("../../IconChevronLeft-C9RFzoQM.cjs"),n=require("../../IconChevronDown-BJEq9Qlz.cjs"),r=require("../Text/index.cjs.js"),s=require("../../index-BK77G4Uk.cjs"),c=({children:a})=>e.jsx("header",{className:"au-header",children:e.jsx("div",{className:"au-header__container",children:a})}),d={Root:c,Logo:({children:a})=>e.jsx("div",{className:"au-header__logo",children:a}),Link:({children:a,onClick:i})=>e.jsx("div",{className:"au-header__link",onClick:i,children:a}),Navbar:({data:a,renderItem:i})=>e.jsx("nav",{className:"au-header__navbar",children:a.map((e=>i(e)))}),Actions:({children:i,divider:n})=>e.jsx("div",{className:a.classNames("au-header__actions",{"au-header__actions--divider":n}),children:i}),Navigation:({children:a})=>e.jsx("nav",{className:"au-header__navigation",children:a}),NavbarLink:({name:c,onClick:d,dropdown:l,active:o})=>e.jsxs(r.Text,{as:"a",variant:"heading-micro",weight:"light",onClick:d,title:c,className:a.classNames("au-header__navbar-link",{"is-dropdown":l,"is-active":o}),children:[c,e.jsx(s.Conditional,{condition:!!(null==l?void 0:l.length),renderIf:e.jsxs(e.Fragment,{children:[e.jsx(n.IconChevronDown,{}),e.jsx("div",{className:"au-header__dropdown",children:null==l?void 0:l.map((n=>e.jsxs(r.Text,{as:"a",variant:"heading-micro",weight:"light",className:a.classNames("au-header__dropdown-link",{"is-active":n.active}),title:n.name,children:[n.name,e.jsx(s.Conditional,{condition:!!n.active,renderIf:e.jsx(i.IconChevronLeft,{})})]})))})]})})]}),HeaderProfile:({onClickNotifications:a,onClickMenu:r})=>e.jsxs("div",{className:"au-header__profile",children:[e.jsx("div",{className:"au-header__profile-notifications",onClick:a,children:e.jsx(i.IconBell,{})}),e.jsxs("div",{className:"au-header__profile-menu",onClick:r,children:[e.jsx("div",{className:"au-header__profile-letters",children:"FS"}),e.jsx(n.IconChevronDown,{})]})]})};Object.keys(d).forEach((e=>{d[e].displayName=`Header.${e}`})),exports.Header=c,exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./styles.css');const e=require("react/jsx-runtime"),a=require("../../index-BJmus9Hg.cjs"),i=require("../../index-BK77G4Uk.cjs"),n=require("../Text/index.cjs.js");require("../../Icon-MUF210wL.cjs");const s=require("../../IconChevronDown-BJEq9Qlz.cjs"),r=require("../../IconMenu-FVdQl9jm.cjs"),d=({children:a})=>e.jsx("header",{className:"au-header",children:e.jsx("div",{className:"au-header__container",children:a})}),c={Root:d,Actions:({children:i,divider:n})=>e.jsx("div",{className:a.classNames("au-header__actions",{"au-header__actions--divider":n}),children:i}),Badges:({children:a})=>e.jsx("div",{className:"au-header__badges",children:a}),Button:({children:a,onClick:i})=>e.jsx("div",{className:"au-header__button",onClick:i,children:a}),Link:({children:a,onClick:i})=>e.jsx("div",{className:"au-header__link",onClick:i,children:a}),Logo:({children:a,renderMobile:n,renderDesktop:s})=>e.jsxs("div",{className:"au-header__logo",children:[e.jsx(i.Conditional,{condition:!!n,renderIf:e.jsx("div",{className:"au-header__logo--mobile",children:n&&n()})}),e.jsx(i.Conditional,{condition:!!s,renderIf:e.jsx("div",{className:"au-header__logo--desktop",children:s&&s()})}),a]}),Navbar:({data:a,renderItem:i})=>e.jsx("nav",{className:"au-header__navbar",children:a.map((e=>i(e)))}),NavbarLink:({name:d,onClick:c,dropdown:l,active:o})=>e.jsxs(n.Text,{as:"a",variant:"heading-micro",weight:"light",onClick:c,title:d,className:a.classNames("au-header__navbar-link",{"is-dropdown":l,"is-active":o}),children:[d,e.jsx(i.Conditional,{condition:!!(null==l?void 0:l.length),renderIf:e.jsxs(e.Fragment,{children:[e.jsx(s.IconChevronDown,{}),e.jsx("div",{className:"au-header__dropdown",children:null==l?void 0:l.map((s=>e.jsxs(n.Text,{as:"a",variant:"heading-micro",weight:"light",className:a.classNames("au-header__dropdown-link",{"is-active":s.active}),title:s.name,children:[s.name,e.jsx(i.Conditional,{condition:!!s.active,renderIf:e.jsx(r.IconChevronLeft,{})})]},s.name)))})]})})]}),Navigation:({children:a})=>e.jsx("nav",{className:"au-header__navigation",children:a}),Profile:({onClickNotifications:a,onClickMenu:i})=>e.jsxs("div",{className:"au-header__profile",children:[e.jsx("div",{className:"au-header__profile-notifications",onClick:a,children:e.jsx(r.IconBell,{})}),e.jsx("div",{className:"au-header__profile-menu-mobile",onClick:i,children:e.jsx(r.IconMenu,{})}),e.jsxs("div",{className:"au-header__profile-menu",onClick:i,children:[e.jsx("div",{className:"au-header__profile-letters",children:"FS"}),e.jsx(s.IconChevronDown,{})]})]})};Object.keys(c).forEach((e=>{c[e].displayName=`Header.${e}`})),exports.Header=d,exports.default=c;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Header/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderLink.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  children: ReactNode\n}\n\nexport const HeaderWrap = ({ children }: HeaderWrapProps) => {\n  return (\n    <header className=\"au-header\">\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderLink, HeaderLinkProps } from './parts/HeaderLink'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<HeaderWrapProps>\n  Actions: React.FC<HeaderActionsProps>\n  Logo: React.FC<HeaderLogoProps>\n  Link: React.FC<HeaderLinkProps>\n  Navigation: React.FC<HeaderNavigationProps>\n  Navbar: React.FC<HeaderNavbarProps>\n  NavbarLink: React.FC<NavbarDataProps>\n  HeaderProfile: React.FC<HeaderProfileProps>\n}\n\nconst components: Components = {\n  Root: Header,\n  Logo: HeaderLogo,\n  Link: HeaderLink,\n  Navbar: HeaderNavbar,\n  Actions: HeaderActions,\n  Navigation: HeaderNavigation,\n  NavbarLink: HeaderNavbarLink,\n  HeaderProfile: HeaderProfile,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Header.${key}`\n})\n\nexport default components\nexport { Header }\n","import { ReactNode } from 'react'\n\nexport type HeaderLogoProps = {\n  children: ReactNode\n}\n\nexport const HeaderLogo = ({ children }: HeaderLogoProps) => {\n  return <div className=\"au-header__logo\">{children}</div>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n  children: ReactNode\n  onClick: () => void\n}\n\nexport const HeaderLink = ({ children, onClick }: HeaderLinkProps) => {\n  return (\n    <div className=\"au-header__link\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n  data: NavbarDataProps[]\n  renderItem: (item: NavbarDataProps) => ReactNode\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n  return (\n    <nav className=\"au-header__navbar\">\n      {data.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n  children: ReactNode\n  divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n  return (\n    <div\n      className={classNames('au-header__actions', {\n        'au-header__actions--divider': divider,\n      })}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n  children: ReactNode\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n  return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import classNames from 'classnames'\nimport { Text } from '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n  name,\n  onClick,\n  dropdown,\n  active,\n}: NavbarDataProps) => {\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      onClick={onClick}\n      title={name}\n      className={classNames('au-header__navbar-link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n      })}>\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <IconChevronDown />\n            <div className=\"au-header__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-header__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                    <Conditional\n                      condition={!!item.active}\n                      renderIf={<IconChevronLeft />}\n                    />\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n","import { IconBell, IconChevronDown } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n  onClickNotifications?: () => void\n  onClickMenu?: () => void\n}\n\nexport const HeaderProfile = ({\n  onClickNotifications,\n  onClickMenu,\n}: HeaderProfileProps) => {\n  return (\n    <div className=\"au-header__profile\">\n      <div\n        className=\"au-header__profile-notifications\"\n        onClick={onClickNotifications}>\n        <IconBell />\n      </div>\n\n      <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n        <div className=\"au-header__profile-letters\">FS</div>\n        <IconChevronDown />\n      </div>\n    </div>\n  )\n}\n"],"names":["HeaderWrap","children","jsx","className","components","Root","Header","Logo","Link","onClick","Navbar","data","renderItem","map","item","Actions","divider","jsxRuntime","classNames","Navigation","NavbarLink","name","dropdown","active","jsxs","Text","as","variant","weight","title","Conditional","condition","length","renderIf","Fragment","IconChevronDown","IconChevronLeft","HeaderProfile","onClickNotifications","onClickMenu","IconBell","Object","keys","forEach","key","displayName"],"mappings":"wYAMaA,EAAa,EAAGC,gBAEzBC,IAAC,UAAOC,UAAU,YAChBF,eAAC,MAAI,CAAAE,UAAU,uBAAwBF,eCiBvCG,EAAyB,CAC7BC,KAAMC,EACNC,KCtBwB,EAAGN,gBACnBC,IAAA,MAAA,CAAIC,UAAU,kBAAmBF,aDsBzCO,KEtBwB,EAAGP,WAAUQ,aAElCP,EAAAA,IAAA,MAAA,CAAIC,UAAU,kBAAkBM,UAC9BR,aFoBLS,OGtB0B,EAAGC,OAAMC,sBAEhC,MAAI,CAAAT,UAAU,oBACZF,SAAKU,EAAAE,KAAKC,GACFF,EAAWE,OHmBxBC,QIvB2B,EAAGd,WAAUe,aAEtCC,EAAAf,IAAC,MAAA,CACCC,UAAWe,aAAW,qBAAsB,CAC1C,8BAA+BF,IAEhCf,aJkBLkB,WK1B8B,EAAGlB,gBACzBC,IAAA,MAAA,CAAIC,UAAU,wBAAyBF,aL0B/CmB,WM3B8B,EAC9BC,OACAZ,UACAa,WACAC,YAGEN,EAAAO,KAACC,EAAAA,KAAA,CACCC,GAAG,IACHC,QAAQ,gBACRC,OAAO,QACPnB,UACAoB,MAAOR,EACPlB,UAAWe,aAAW,yBAA0B,CAC9C,cAAeI,EACf,YAAaC,IAEdtB,SAAA,CAAAoB,EAEDJ,EAAAf,IAAC4B,EAAAA,YAAA,CACCC,aAAuB,MAAVT,OAAU,EAAAA,EAAAU,QACvBC,SAEIhB,EAAAO,KAAAU,WAAA,CAAAjC,SAAA,CAAAgB,EAAAf,IAACiC,EAAgBA,gBAAA,UAChB,MAAI,CAAAhC,UAAU,sBACZF,SAAU,MAAAqB,OAAA,EAAAA,EAAAT,KAAKC,GAEZG,EAAAO,KAACC,EAAAA,KAAA,CACCC,GAAG,IACHC,QAAQ,gBACRC,OAAO,QACPzB,UAAWe,aAAW,2BAA4B,CAChD,YAAaJ,EAAKS,SAEpBM,MAAOf,EAAKO,KACXpB,SAAA,CAAKa,EAAAO,KACNJ,EAAAf,IAAC4B,EAAAA,YAAA,CACCC,YAAajB,EAAKS,OAClBU,eAAWG,EAAgBA,gBAAA,qBNV/CC,cO3B2B,EAC3BC,uBACAC,mBAGEf,KAAC,MAAI,CAAArB,UAAU,qBACbF,SAAA,CAAAgB,EAAAf,IAAC,MAAA,CACCC,UAAU,mCACVM,QAAS6B,EACTrC,eAACuC,EAASA,SAAA,MAGXhB,EAAAA,KAAA,MAAA,CAAIrB,UAAU,0BAA0BM,QAAS8B,EAChDtC,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAIC,UAAU,6BAA6BF,SAAE,aAC7CkC,EAAgBA,gBAAA,WPgBzBM,OAAOC,KAAKtC,GAAYuC,SAASC,IACbxC,EAAWwC,GACnBC,YAAc,UAAUD,GAAG"}
+{"version":3,"file":"index.cjs.js","sources":["../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx","../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderBadges.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderLink.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  children: ReactNode\n}\n\nexport const HeaderWrap = ({ children }: HeaderWrapProps) => {\n  return (\n    <header className=\"au-header\">\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderLink, HeaderLinkProps } from './parts/HeaderLink'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\n\ntype Components = {\n  Root: React.FC<HeaderWrapProps>\n  Actions: React.FC<HeaderActionsProps>\n  Badges: React.FC<HeaderBadgesProps>\n  Button: React.FC<HeaderButtonProps>\n  Link: React.FC<HeaderLinkProps>\n  Logo: React.FC<HeaderLogoProps>\n  Navbar: React.FC<HeaderNavbarProps>\n  NavbarLink: React.FC<NavbarDataProps>\n  Navigation: React.FC<HeaderNavigationProps>\n  Profile: React.FC<HeaderProfileProps>\n}\n\nconst components: Components = {\n  Root: Header,\n  Actions: HeaderActions,\n  Badges: HeaderBadges,\n  Button: HeaderButton,\n  Link: HeaderLink,\n  Logo: HeaderLogo,\n  Navbar: HeaderNavbar,\n  NavbarLink: HeaderNavbarLink,\n  Navigation: HeaderNavigation,\n  Profile: HeaderProfile,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Header.${key}`\n})\n\nexport default components\nexport { Header }\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n  children: ReactNode\n  divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n  return (\n    <div\n      className={classNames('au-header__actions', {\n        'au-header__actions--divider': divider,\n      })}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n  children: ReactNode\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n  return <div className=\"au-header__badges\">{children}</div>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderButtonProps = {\n  children: ReactNode\n  onClick: () => void\n}\n\nexport const HeaderButton = ({ children, onClick }: HeaderButtonProps) => {\n  return (\n    <div className=\"au-header__button\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n  children: ReactNode\n  onClick: () => void\n}\n\nexport const HeaderLink = ({ children, onClick }: HeaderLinkProps) => {\n  return (\n    <div className=\"au-header__link\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '../../misc'\n\nexport type HeaderLogoProps = {\n  children?: ReactNode\n  renderMobile?: () => ReactNode\n  renderDesktop?: () => ReactNode\n}\n\nexport const HeaderLogo = ({\n  children,\n  renderMobile,\n  renderDesktop,\n}: HeaderLogoProps) => {\n  return (\n    <div className=\"au-header__logo\">\n      <Conditional\n        condition={!!renderMobile}\n        renderIf={\n          <div className=\"au-header__logo--mobile\">\n            {renderMobile && renderMobile()}\n          </div>\n        }\n      />\n      <Conditional\n        condition={!!renderDesktop}\n        renderIf={\n          <div className=\"au-header__logo--desktop\">\n            {renderDesktop && renderDesktop()}\n          </div>\n        }\n      />\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n  data: NavbarDataProps[]\n  renderItem: (item: NavbarDataProps) => ReactNode\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n  return (\n    <nav className=\"au-header__navbar\">\n      {data.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import classNames from 'classnames'\nimport { Text } from '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n  name,\n  onClick,\n  dropdown,\n  active,\n}: NavbarDataProps) => {\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      onClick={onClick}\n      title={name}\n      className={classNames('au-header__navbar-link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n      })}>\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <IconChevronDown />\n            <div className=\"au-header__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    key={item.name}\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-header__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                    <Conditional\n                      condition={!!item.active}\n                      renderIf={<IconChevronLeft />}\n                    />\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n  children: ReactNode\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n  return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { IconBell, IconChevronDown, IconMenu } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n  onClickNotifications?: () => void\n  onClickMenu?: () => void\n}\n\nexport const HeaderProfile = ({\n  onClickNotifications,\n  onClickMenu,\n}: HeaderProfileProps) => {\n  return (\n    <div className=\"au-header__profile\">\n      <div\n        className=\"au-header__profile-notifications\"\n        onClick={onClickNotifications}>\n        <IconBell />\n      </div>\n\n      <div className=\"au-header__profile-menu-mobile\" onClick={onClickMenu}>\n        <IconMenu />\n      </div>\n\n      <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n        <div className=\"au-header__profile-letters\">FS</div>\n        <IconChevronDown />\n      </div>\n    </div>\n  )\n}\n"],"names":["HeaderWrap","children","jsx","className","components","Root","Header","Actions","divider","jsxRuntime","classNames","Badges","Button","onClick","Link","Logo","renderMobile","renderDesktop","jsxs","Conditional","condition","renderIf","Navbar","data","renderItem","map","item","NavbarLink","name","dropdown","active","Text","as","variant","weight","title","length","Fragment","IconChevronDown","IconChevronLeft","Navigation","Profile","onClickNotifications","onClickMenu","IconBell","IconMenu","Object","keys","forEach","key","displayName"],"mappings":"iYAMaA,EAAa,EAAGC,gBAEzBC,IAAC,UAAOC,UAAU,YAChBF,eAAC,MAAI,CAAAE,UAAU,uBAAwBF,eCqBvCG,EAAyB,CAC7BC,KAAMC,EACNC,QCxB2B,EAAGN,WAAUO,aAEtCC,EAAAP,IAAC,MAAA,CACCC,UAAWO,aAAW,qBAAsB,CAC1C,8BAA+BF,IAEhCP,aDmBLU,OE3B0B,EAAGV,gBACrBC,IAAA,MAAA,CAAIC,UAAU,oBAAqBF,aF2B3CW,OG3B0B,EAAGX,WAAUY,aAEpCX,EAAAA,IAAA,MAAA,CAAIC,UAAU,oBAAoBU,UAChCZ,aHyBLa,KI5BwB,EAAGb,WAAUY,aAElCX,EAAAA,IAAA,MAAA,CAAIC,UAAU,kBAAkBU,UAC9BZ,aJ0BLc,KK3BwB,EACxBd,WACAe,eACAC,qBAGEC,KAAC,MAAI,CAAAf,UAAU,kBACbF,SAAA,CAAAQ,EAAAP,IAACiB,EAAAA,YAAA,CACCC,YAAaJ,EACbK,SACGnB,EAAAA,IAAA,MAAA,CAAIC,UAAU,0BACZF,SAAAe,GAAgBA,QAIvBP,EAAAP,IAACiB,EAAAA,YAAA,CACCC,YAAaH,EACbI,SACGnB,EAAAA,IAAA,MAAA,CAAIC,UAAU,2BACZF,SAAAgB,GAAiBA,QAIvBhB,KLKLqB,OM7B0B,EAAGC,OAAMC,sBAEhC,MAAI,CAAArB,UAAU,oBACZF,SAAKsB,EAAAE,KAAKC,GACFF,EAAWE,ON0BxBC,WOhC8B,EAC9BC,OACAf,UACAgB,WACAC,YAGErB,EAAAS,KAACa,EAAAA,KAAA,CACCC,GAAG,IACHC,QAAQ,gBACRC,OAAO,QACPrB,UACAsB,MAAOP,EACPzB,UAAWO,aAAW,yBAA0B,CAC9C,cAAemB,EACf,YAAaC,IAEd7B,SAAA,CAAA2B,EAEDnB,EAAAP,IAACiB,EAAAA,YAAA,CACCC,aAAuB,MAAVS,OAAU,EAAAA,EAAAO,QACvBf,SAEIZ,EAAAS,KAAAmB,WAAA,CAAApC,SAAA,CAAAQ,EAAAP,IAACoC,EAAgBA,gBAAA,UAChB,MAAI,CAAAnC,UAAU,sBACZF,SAAU,MAAA4B,OAAA,EAAAA,EAAAJ,KAAKC,GAEZjB,EAAAS,KAACa,EAAAA,KAAA,CAECC,GAAG,IACHC,QAAQ,gBACRC,OAAO,QACP/B,UAAWO,aAAW,2BAA4B,CAChD,YAAagB,EAAKI,SAEpBK,MAAOT,EAAKE,KACX3B,SAAA,CAAKyB,EAAAE,KACNnB,EAAAP,IAACiB,EAAAA,YAAA,CACCC,YAAaM,EAAKI,OAClBT,eAAWkB,EAAgBA,gBAAA,QAXxBb,EAAKE,kBPK5BY,WQjC8B,EAAGvC,gBACzBC,IAAA,MAAA,CAAIC,UAAU,wBAAyBF,aRiC/CwC,QSjC2B,EAC3BC,uBACAC,mBAGEzB,KAAC,MAAI,CAAAf,UAAU,qBACbF,SAAA,CAAAQ,EAAAP,IAAC,MAAA,CACCC,UAAU,mCACVU,QAAS6B,EACTzC,eAAC2C,EAASA,SAAA,QAGZ1C,IAAC,OAAIC,UAAU,iCAAiCU,QAAS8B,EACvD1C,SAAAC,EAAAA,IAAC2C,iBAGF3B,EAAAA,KAAA,MAAA,CAAIf,UAAU,0BAA0BU,QAAS8B,EAChD1C,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAIC,UAAU,6BAA6BF,SAAE,aAC7CqC,EAAgBA,gBAAA,WTkBzBQ,OAAOC,KAAK3C,GAAY4C,SAASC,IACb7C,EAAW6C,GACnBC,YAAc,UAAUD,GAAG"}

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

@@ -1,21 +1,25 @@
 import { HeaderActionsProps } from './parts/HeaderActions';
+import { HeaderButtonProps } from './parts/HeaderButton';
 import { HeaderLinkProps } from './parts/HeaderLink';
 import { HeaderLogoProps } from './parts/HeaderLogo';
 import { HeaderNavbarProps } from './parts/HeaderNavbar';
-import { HeaderProfileProps } from './parts/HeaderProfile';
 import { HeaderNavigationProps } from './parts/HeaderNavigation';
+import { HeaderProfileProps } from './parts/HeaderProfile';
 import { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap';
 import { NavbarDataProps } from './types';
+import { HeaderBadgesProps } from './parts/HeaderBadges';
 
 type Components = {
     Root: React.FC<HeaderWrapProps>;
     Actions: React.FC<HeaderActionsProps>;
-    Logo: React.FC<HeaderLogoProps>;
+    Badges: React.FC<HeaderBadgesProps>;
+    Button: React.FC<HeaderButtonProps>;
     Link: React.FC<HeaderLinkProps>;
-    Navigation: React.FC<HeaderNavigationProps>;
+    Logo: React.FC<HeaderLogoProps>;
     Navbar: React.FC<HeaderNavbarProps>;
     NavbarLink: React.FC<NavbarDataProps>;
-    HeaderProfile: React.FC<HeaderProfileProps>;
+    Navigation: React.FC<HeaderNavigationProps>;
+    Profile: React.FC<HeaderProfileProps>;
 };
 declare const components: Components;
 export default components;

package/dist/components/Header/index.es.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
+import { C as Conditional } from "../../index-CeZZT_W9.js";
+import { Text } from "../Text/index.es.js";
 import "../../Icon-BvEdGGJ8.js";
-import { I as IconBell, a as IconChevronLeft } from "../../IconChevronLeft-C81GX0AL.js";
 import { I as IconChevronDown } from "../../IconChevronDown-LKLlTSau.js";
-import { Text } from "../Text/index.es.js";
-import { C as Conditional } from "../../index-CeZZT_W9.js";
+import { I as IconChevronLeft, a as IconBell, b as IconMenu } from "../../IconMenu-BQ0cIqwI.js";
 import './styles.css';const HeaderActions = ({ children, divider }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -16,36 +16,40 @@ import './styles.css';const HeaderActions = ({ children, divider }) => {
     }
   );
 };
+const HeaderButton = ({ children, onClick }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__button", onClick, children });
+};
 const HeaderLink = ({ children, onClick }) => {
   return /* @__PURE__ */ jsx("div", { className: "au-header__link", onClick, children });
 };
-const HeaderLogo = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__logo", children });
-};
-const HeaderNavbar = ({ data, renderItem }) => {
-  return /* @__PURE__ */ jsx("nav", { className: "au-header__navbar", children: data.map((item) => {
-    return renderItem(item);
-  }) });
-};
-const HeaderProfile = ({
-  onClickNotifications,
-  onClickMenu
+const HeaderLogo = ({
+  children,
+  renderMobile,
+  renderDesktop
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-header__logo", children: [
     /* @__PURE__ */ jsx(
-      "div",
+      Conditional,
       {
-        className: "au-header__profile-notifications",
-        onClick: onClickNotifications,
-        children: /* @__PURE__ */ jsx(IconBell, {})
+        condition: !!renderMobile,
+        renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--mobile", children: renderMobile && renderMobile() })
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "au-header__profile-menu", onClick: onClickMenu, children: [
-      /* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: "FS" }),
-      /* @__PURE__ */ jsx(IconChevronDown, {})
-    ] })
+    /* @__PURE__ */ jsx(
+      Conditional,
+      {
+        condition: !!renderDesktop,
+        renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--desktop", children: renderDesktop && renderDesktop() })
+      }
+    ),
+    children
   ] });
 };
+const HeaderNavbar = ({ data, renderItem }) => {
+  return /* @__PURE__ */ jsx("nav", { className: "au-header__navbar", children: data.map((item) => {
+    return renderItem(item);
+  }) });
+};
 const HeaderNavbarLink = ({
   name,
   onClick,
@@ -93,7 +97,8 @@ const HeaderNavbarLink = ({
                         }
                       )
                     ]
-                  }
+                  },
+                  item.name
                 );
               }) })
             ] })
@@ -106,18 +111,43 @@ const HeaderNavbarLink = ({
 const HeaderNavigation = ({ children }) => {
   return /* @__PURE__ */ jsx("nav", { className: "au-header__navigation", children });
 };
+const HeaderProfile = ({
+  onClickNotifications,
+  onClickMenu
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "au-header__profile-notifications",
+        onClick: onClickNotifications,
+        children: /* @__PURE__ */ jsx(IconBell, {})
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "au-header__profile-menu-mobile", onClick: onClickMenu, children: /* @__PURE__ */ jsx(IconMenu, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: "au-header__profile-menu", onClick: onClickMenu, children: [
+      /* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: "FS" }),
+      /* @__PURE__ */ jsx(IconChevronDown, {})
+    ] })
+  ] });
+};
 const HeaderWrap = ({ children }) => {
   return /* @__PURE__ */ jsx("header", { className: "au-header", children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
 };
+const HeaderBadges = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__badges", children });
+};
 const components = {
   Root: HeaderWrap,
-  Logo: HeaderLogo,
+  Actions: HeaderActions,
+  Badges: HeaderBadges,
+  Button: HeaderButton,
   Link: HeaderLink,
+  Logo: HeaderLogo,
   Navbar: HeaderNavbar,
-  Actions: HeaderActions,
-  Navigation: HeaderNavigation,
   NavbarLink: HeaderNavbarLink,
-  HeaderProfile
+  Navigation: HeaderNavigation,
+  Profile: HeaderProfile
 };
 Object.keys(components).forEach((key) => {
   const component = components[key];

package/dist/components/Header/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderLink.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n  children: ReactNode\n  divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n  return (\n    <div\n      className={classNames('au-header__actions', {\n        'au-header__actions--divider': divider,\n      })}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n  children: ReactNode\n  onClick: () => void\n}\n\nexport const HeaderLink = ({ children, onClick }: HeaderLinkProps) => {\n  return (\n    <div className=\"au-header__link\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderLogoProps = {\n  children: ReactNode\n}\n\nexport const HeaderLogo = ({ children }: HeaderLogoProps) => {\n  return <div className=\"au-header__logo\">{children}</div>\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n  data: NavbarDataProps[]\n  renderItem: (item: NavbarDataProps) => ReactNode\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n  return (\n    <nav className=\"au-header__navbar\">\n      {data.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import { IconBell, IconChevronDown } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n  onClickNotifications?: () => void\n  onClickMenu?: () => void\n}\n\nexport const HeaderProfile = ({\n  onClickNotifications,\n  onClickMenu,\n}: HeaderProfileProps) => {\n  return (\n    <div className=\"au-header__profile\">\n      <div\n        className=\"au-header__profile-notifications\"\n        onClick={onClickNotifications}>\n        <IconBell />\n      </div>\n\n      <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n        <div className=\"au-header__profile-letters\">FS</div>\n        <IconChevronDown />\n      </div>\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { Text } from '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n  name,\n  onClick,\n  dropdown,\n  active,\n}: NavbarDataProps) => {\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      onClick={onClick}\n      title={name}\n      className={classNames('au-header__navbar-link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n      })}>\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <IconChevronDown />\n            <div className=\"au-header__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-header__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                    <Conditional\n                      condition={!!item.active}\n                      renderIf={<IconChevronLeft />}\n                    />\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n  children: ReactNode\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n  return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  children: ReactNode\n}\n\nexport const HeaderWrap = ({ children }: HeaderWrapProps) => {\n  return (\n    <header className=\"au-header\">\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderLink, HeaderLinkProps } from './parts/HeaderLink'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<HeaderWrapProps>\n  Actions: React.FC<HeaderActionsProps>\n  Logo: React.FC<HeaderLogoProps>\n  Link: React.FC<HeaderLinkProps>\n  Navigation: React.FC<HeaderNavigationProps>\n  Navbar: React.FC<HeaderNavbarProps>\n  NavbarLink: React.FC<NavbarDataProps>\n  HeaderProfile: React.FC<HeaderProfileProps>\n}\n\nconst components: Components = {\n  Root: Header,\n  Logo: HeaderLogo,\n  Link: HeaderLink,\n  Navbar: HeaderNavbar,\n  Actions: HeaderActions,\n  Navigation: HeaderNavigation,\n  NavbarLink: HeaderNavbarLink,\n  HeaderProfile: HeaderProfile,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Header.${key}`\n})\n\nexport default components\nexport { Header }\n"],"names":["Header"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderLink.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx","../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/parts/HeaderBadges.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n  children: ReactNode\n  divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n  return (\n    <div\n      className={classNames('au-header__actions', {\n        'au-header__actions--divider': divider,\n      })}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderButtonProps = {\n  children: ReactNode\n  onClick: () => void\n}\n\nexport const HeaderButton = ({ children, onClick }: HeaderButtonProps) => {\n  return (\n    <div className=\"au-header__button\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n  children: ReactNode\n  onClick: () => void\n}\n\nexport const HeaderLink = ({ children, onClick }: HeaderLinkProps) => {\n  return (\n    <div className=\"au-header__link\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '../../misc'\n\nexport type HeaderLogoProps = {\n  children?: ReactNode\n  renderMobile?: () => ReactNode\n  renderDesktop?: () => ReactNode\n}\n\nexport const HeaderLogo = ({\n  children,\n  renderMobile,\n  renderDesktop,\n}: HeaderLogoProps) => {\n  return (\n    <div className=\"au-header__logo\">\n      <Conditional\n        condition={!!renderMobile}\n        renderIf={\n          <div className=\"au-header__logo--mobile\">\n            {renderMobile && renderMobile()}\n          </div>\n        }\n      />\n      <Conditional\n        condition={!!renderDesktop}\n        renderIf={\n          <div className=\"au-header__logo--desktop\">\n            {renderDesktop && renderDesktop()}\n          </div>\n        }\n      />\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n  data: NavbarDataProps[]\n  renderItem: (item: NavbarDataProps) => ReactNode\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n  return (\n    <nav className=\"au-header__navbar\">\n      {data.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import classNames from 'classnames'\nimport { Text } from '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n  name,\n  onClick,\n  dropdown,\n  active,\n}: NavbarDataProps) => {\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      onClick={onClick}\n      title={name}\n      className={classNames('au-header__navbar-link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n      })}>\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <IconChevronDown />\n            <div className=\"au-header__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    key={item.name}\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-header__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                    <Conditional\n                      condition={!!item.active}\n                      renderIf={<IconChevronLeft />}\n                    />\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n  children: ReactNode\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n  return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { IconBell, IconChevronDown, IconMenu } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n  onClickNotifications?: () => void\n  onClickMenu?: () => void\n}\n\nexport const HeaderProfile = ({\n  onClickNotifications,\n  onClickMenu,\n}: HeaderProfileProps) => {\n  return (\n    <div className=\"au-header__profile\">\n      <div\n        className=\"au-header__profile-notifications\"\n        onClick={onClickNotifications}>\n        <IconBell />\n      </div>\n\n      <div className=\"au-header__profile-menu-mobile\" onClick={onClickMenu}>\n        <IconMenu />\n      </div>\n\n      <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n        <div className=\"au-header__profile-letters\">FS</div>\n        <IconChevronDown />\n      </div>\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  children: ReactNode\n}\n\nexport const HeaderWrap = ({ children }: HeaderWrapProps) => {\n  return (\n    <header className=\"au-header\">\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n  children: ReactNode\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n  return <div className=\"au-header__badges\">{children}</div>\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderLink, HeaderLinkProps } from './parts/HeaderLink'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\n\ntype Components = {\n  Root: React.FC<HeaderWrapProps>\n  Actions: React.FC<HeaderActionsProps>\n  Badges: React.FC<HeaderBadgesProps>\n  Button: React.FC<HeaderButtonProps>\n  Link: React.FC<HeaderLinkProps>\n  Logo: React.FC<HeaderLogoProps>\n  Navbar: React.FC<HeaderNavbarProps>\n  NavbarLink: React.FC<NavbarDataProps>\n  Navigation: React.FC<HeaderNavigationProps>\n  Profile: React.FC<HeaderProfileProps>\n}\n\nconst components: Components = {\n  Root: Header,\n  Actions: HeaderActions,\n  Badges: HeaderBadges,\n  Button: HeaderButton,\n  Link: HeaderLink,\n  Logo: HeaderLogo,\n  Navbar: HeaderNavbar,\n  NavbarLink: HeaderNavbarLink,\n  Navigation: HeaderNavigation,\n  Profile: HeaderProfile,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Header.${key}`\n})\n\nexport default components\nexport { Header }\n"],"names":["Header"],"mappings":"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"}

package/dist/components/Header/parts/HeaderActions.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Header } from '../index';
+
+declare const meta: Meta<typeof Header.Actions>;
+export default meta;
+type Story = StoryObj<typeof Header.Actions>;
+export declare const ActionButton: Story;
+export declare const ActionDeskDivider: Story;
+export declare const ActionProfiler: Story;

package/dist/components/Header/parts/HeaderBadges.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+
+export type HeaderBadgesProps = {
+    children: ReactNode;
+};
+export declare const HeaderBadges: ({ children }: HeaderBadgesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderButton.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export type HeaderButtonProps = {
+    children: ReactNode;
+    onClick: () => void;
+};
+export declare const HeaderButton: ({ children, onClick }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderDrawer.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Drawer } from '../../Drawer';
+
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Default: Story;

package/dist/components/Header/parts/HeaderLogo.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 
 export type HeaderLogoProps = {
-    children: ReactNode;
+    children?: ReactNode;
+    renderMobile?: () => ReactNode;
+    renderDesktop?: () => ReactNode;
 };
-export declare const HeaderLogo: ({ children }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderLogo: ({ children, renderMobile, renderDesktop, }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderLogo.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Header } from '../index';
+
+declare const meta: Meta<typeof Header.Logo>;
+export default meta;
+type Story = StoryObj<typeof Header.Logo>;
+export declare const Default: Story;

package/dist/components/Header/parts/HeaderNavIntern.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Header } from '../index';
+
+declare const meta: Meta<typeof Header.Root>;
+export default meta;
+type Story = StoryObj<typeof Header.Root>;
+export declare const BackButton: Story;
+export declare const BackAndClose: Story;
+export declare const BackAndBadges: Story;
+export declare const BackCloseBadges: Story;

package/dist/components/Header/parts/HeaderNavbar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Header } from '../index';
+
+declare const meta: Meta<typeof Header.Navbar>;
+export default meta;
+type Story = StoryObj<typeof Header.Navbar>;
+export declare const Default: Story;

package/dist/components/Header/styles.css

@@ -1 +1 @@
-.au-header{height:80px;padding:16px 0;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header__container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__logo>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__link{cursor:pointer}.au-header__navigation{display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d}@media (min-width: 1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar .au-text{color:#16181d}.au-header__navbar-link{cursor:pointer}.au-header__navbar-link.is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link.is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;color:#0048db;letter-spacing:-.6px}.au-header__navbar-link.is-dropdown>.au-icon{transition:transform .3s ease}.au-header__navbar-link.is-dropdown:hover>.au-icon,.au-header__navbar-link.is-dropdown:focus>.au-icon{transform:rotate(-180deg)}.is-dropdown .au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;top:100%;width:100%;left:0;opacity:.2;visibility:hidden;transition:opacity .3s ease,transform .2s linear,visibility .3s ease;transform:translateY(20px)}.is-dropdown:hover .au-header__dropdown,.is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(10px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;justify-content:space-between}.au-header__dropdown-link.is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700}.au-header__dropdown-link.is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:24px;margin-left:24px}.au-header__profile{display:flex;align-items:center;gap:32px}.au-header__profile-notifications{cursor:pointer}.au-header__profile-menu{display:flex;align-items:center;gap:8px;cursor:pointer}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca Variable,Lexend Deca,sans-serif;color:#16181d;font-size:16px}
+.au-header{height:80px;padding:16px 0;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header__container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media (min-width: 1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media (min-width: 1024px){.au-header__logo--desktop{display:block}}.au-header__link{cursor:pointer}.au-header__button{padding:4px;cursor:pointer}.au-header__badges{display:flex;align-items:center;padding:0 16px}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__navigation{display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media (min-width: 1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar .au-text{color:#16181d}.au-header__navbar-link{cursor:pointer}.au-header__navbar-link.is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link.is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;color:#0048db;letter-spacing:-.6px}.au-header__navbar-link.is-dropdown>.au-icon{transition:transform .3s ease}.au-header__navbar-link.is-dropdown:hover>.au-icon,.au-header__navbar-link.is-dropdown:focus>.au-icon{transform:rotate(-180deg)}.is-dropdown .au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;top:100%;width:100%;left:0;opacity:.2;visibility:hidden;transition:opacity .3s ease,transform .2s linear,visibility .3s ease;transform:translateY(20px)}.is-dropdown:hover .au-header__dropdown,.is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(10px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;justify-content:space-between}.au-header__dropdown-link.is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700}.au-header__dropdown-link.is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions{display:flex;align-items:center;gap:16px}@media (min-width: 1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:24px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:32px}.au-header__profile-notifications{cursor:pointer}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu-mobile{display:none}}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca Variable,Lexend Deca,sans-serif;color:#16181d;font-size:16px}

package/dist/components/IsMobile/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../index-BK77G4Uk.cjs");function r(){if("undefined"!=typeof window&&window.document&&window.document.createElement)return!!window.matchMedia("screen and (max-width:767px)").matches}exports.IsMobile=({renderIf:t,renderElse:i})=>e.jsx(n.Conditional,{condition:!!r(),renderIf:t,renderElse:i});
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/IsMobile/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../lib/core/utils/isMobile.ts","../../../lib/core/utils/isClient.ts","../../../lib/components/IsMobile/index.tsx"],"sourcesContent":["import { isClient } from './isClient'\n\nexport function isMobile() {\n  if (!isClient()) return\n  return !!window.matchMedia('screen and (max-width:767px)').matches\n}\n","export const isClient = () =>\n  !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  )\n","import { isMobile } from '../../core/utils/isMobile'\nimport { Conditional } from '../misc'\nimport { ReactNode } from 'react'\n\ntype IsMobileProps = {\n  renderIf: ReactNode\n  renderElse: ReactNode\n}\n\nexport const IsMobile = ({ renderIf, renderElse }: IsMobileProps) => {\n  return (\n    <Conditional\n      condition={!!isMobile()}\n      renderIf={renderIf}\n      renderElse={renderElse}\n    />\n  )\n}\n"],"names":["isMobile","window","document","createElement","matchMedia","matches","renderIf","renderElse","jsxRuntime","jsx","Conditional","condition"],"mappings":"2JAEO,SAASA,IACV,GCDgB,oBAAXC,QACPA,OAAOC,UACPD,OAAOC,SAASC,cDAlB,QAASF,OAAOG,WAAW,gCAAgCC,OAC7D,kBEIwB,EAAGC,WAAUC,gBAEjCC,EAAAC,IAACC,EAAAA,YAAA,CACCC,YAAaX,IACbM,WACAC"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+type IsMobileProps = {
+    renderIf: ReactNode;
+    renderElse: ReactNode;
+};
+export declare const IsMobile: ({ renderIf, renderElse }: IsMobileProps) => import("react/jsx-runtime").JSX.Element;
+export {};