@consumidor-positivo/aurora 0.0.10 → 0.0.12

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Button/index.tsx"],"sourcesContent":["import './styles.scss'\n\nexport function Button() {\n  return <div className=\"button\">My Button Test</div>\n}\n"],"names":[],"mappings":";AAEO,SAAS,SAAS;AACvB,SAAQ,oBAAA,OAAA,EAAI,WAAU,UAAS,UAAc,iBAAA,CAAA;AAC/C;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Button/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport classNames from 'classnames'\nimport { Conditional } from '../misc/Conditional'\nimport { IconLoader } from '../icons/default'\nimport './styles.scss'\n\ntype ButtonProps = (\n  | {\n      as: 'a'\n      href: string\n    }\n  | {\n      as?: 'button'\n      href?: never\n    }\n) & {\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  children?: ReactNode\n  color?: 'default'\n  disabled?: boolean\n  expand?: 'x'\n  htmlType?: 'button' | 'submit' | 'reset'\n  loading?: boolean\n  size?: 'large' | 'medium'\n  type?: 'primary' | 'outlined' | 'ghost'\n  target?: string\n  negative?: boolean\n  btnText?: boolean\n  className?: string\n  borderWidth?: string\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  as,\n  children = 'Button component',\n  color = 'default',\n  disabled = false,\n  expand,\n  href,\n  htmlType = 'button',\n  loading = false,\n  onClick,\n  size = 'medium',\n  type = 'primary',\n  target,\n  negative = false,\n  btnText = false,\n  className,\n  borderWidth = 'medium',\n  ...props\n}) => {\n  const buttonClasses = classNames('au-btn', {\n    [`au-btn--type-${type}`]: !!type,\n    [`au-btn--size-${size}`]: !!size,\n    [`au-btn--expand-${expand}`]: !!expand,\n    [`au-btn--color-${color}`]: !!color,\n    'au-btn--negative': !!negative,\n    'au-btn--disabled': !!disabled,\n    'au-btn--loading': !!loading,\n    'btn-text': !!btnText,\n    [`au-btn--border-${borderWidth}`]: !!borderWidth,\n    [className ?? '']: typeof className === 'string',\n  })\n\n  function handleClick(e: any) {\n    if (!disabled && !!onClick) onClick(e)\n  }\n\n  if (as === 'a') {\n    return (\n      <a className={buttonClasses} href={href} target={target} {...props}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      className={buttonClasses}\n      onClick={handleClick}\n      type={htmlType}\n      disabled={disabled || loading}\n      {...props}>\n      <Conditional\n        condition={loading}\n        renderIf={<IconLoader />}\n        renderElse={children}\n      />\n    </button>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,SAAgC,CAAC,OAkBxC;AAlBwC,eAC5C;AAAA;AAAA,IACA,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,cAAc;AAAA,MAhB8B,IAiBzC,kBAjByC,IAiBzC;AAAA,IAhBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGM,QAAA,gBAAgB,WAAW,UAAU;AAAA,IACzC,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,oBAAoB,CAAC,CAAC;AAAA,IACtB,oBAAoB,CAAC,CAAC;AAAA,IACtB,mBAAmB,CAAC,CAAC;AAAA,IACrB,YAAY,CAAC,CAAC;AAAA,IACd,CAAC,kBAAkB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACrC,CAAC,gCAAa,EAAE,GAAG,OAAO,cAAc;AAAA,EAAA,CACzC;AAED,WAAS,YAAY,GAAQ;AAC3B,QAAI,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC;AAAA,EACvC;AAEA,MAAI,OAAO,KAAK;AAEZ,WAAA,oBAAC,oCAAE,WAAW,eAAe,MAAY,UAAoB,UAC1D,SACH,EAAA;AAAA,EAEJ;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,UAAU,YAAY;AAAA,OAClB,QALL;AAAA,MAMC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,8BAAW,YAAW,EAAA;AAAA,UACtB,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Button/styles.css

@@ -1 +1 @@
-.button{border:1px solid gray}
+.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}

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

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

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

@@ -0,0 +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()})]})};
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+type DrawerProps = {
+    renderHeader: () => ReactNode;
+    renderContent: () => ReactNode;
+    isOpen: boolean;
+};
+export declare const Drawer: ({ renderHeader, renderContent, isOpen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+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
+}) => {
+  const [open, toggleOpen] = useState(isOpen);
+  function onClickClose() {
+    toggleOpen((prev) => !prev);
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames("au-drawer", {
+        "is-open": open
+      }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "au-drawer__header", children: [
+          /* @__PURE__ */ jsx("div", { className: "au-drawer__header-close", onClick: onClickClose, children: /* @__PURE__ */ jsx(IconX, {}) }),
+          renderHeader()
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "au-drawer__content", children: renderContent() })
+      ]
+    }
+  );
+};
+export {
+  Drawer
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +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;"}

package/dist/components/Drawer/styles.css

@@ -0,0 +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%}

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

@@ -0,0 +1,15 @@
+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 Admission: Story;
+export declare const Organic: Story;
+export declare const Blog: Story;
+export declare const FunilBack: Story;
+export declare const FunilClose: Story;
+export declare const FunilPartnerBack: Story;
+export declare const FunilPartnerClose: Story;
+export declare const Dashboard: Story;
+export declare const OrganicSubMenu: Story;

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

@@ -0,0 +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;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { HeaderActionsProps } from './parts/HeaderActions';
+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 { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap';
+import { NavbarDataProps } from './types';
+
+type Components = {
+    Root: React.FC<HeaderWrapProps>;
+    Actions: React.FC<HeaderActionsProps>;
+    Logo: React.FC<HeaderLogoProps>;
+    Link: React.FC<HeaderLinkProps>;
+    Navigation: React.FC<HeaderNavigationProps>;
+    Navbar: React.FC<HeaderNavbarProps>;
+    NavbarLink: React.FC<NavbarDataProps>;
+    HeaderProfile: React.FC<HeaderProfileProps>;
+};
+declare const components: Components;
+export default components;
+export { Header };

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

@@ -0,0 +1,130 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.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 './styles.css';const HeaderActions = ({ children, divider }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames("au-header__actions", {
+        "au-header__actions--divider": divider
+      }),
+      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
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "au-header__profile-notifications",
+        onClick: onClickNotifications,
+        children: /* @__PURE__ */ jsx(IconBell, {})
+      }
+    ),
+    /* @__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 HeaderNavbarLink = ({
+  name,
+  onClick,
+  dropdown,
+  active
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      as: "a",
+      variant: "heading-micro",
+      weight: "light",
+      onClick,
+      title: name,
+      className: classNames("au-header__navbar-link", {
+        "is-dropdown": dropdown,
+        "is-active": active
+      }),
+      children: [
+        name,
+        /* @__PURE__ */ jsx(
+          Conditional,
+          {
+            condition: !!(dropdown == null ? void 0 : dropdown.length),
+            renderIf: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(IconChevronDown, {}),
+              /* @__PURE__ */ jsx("div", { className: "au-header__dropdown", children: dropdown == null ? void 0 : dropdown.map((item) => {
+                return /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    as: "a",
+                    variant: "heading-micro",
+                    weight: "light",
+                    className: classNames("au-header__dropdown-link", {
+                      "is-active": item.active
+                    }),
+                    title: item.name,
+                    children: [
+                      item.name,
+                      /* @__PURE__ */ jsx(
+                        Conditional,
+                        {
+                          condition: !!item.active,
+                          renderIf: /* @__PURE__ */ jsx(IconChevronLeft, {})
+                        }
+                      )
+                    ]
+                  }
+                );
+              }) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+const HeaderNavigation = ({ children }) => {
+  return /* @__PURE__ */ jsx("nav", { className: "au-header__navigation", children });
+};
+const HeaderWrap = ({ children }) => {
+  return /* @__PURE__ */ jsx("header", { className: "au-header", children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
+};
+const components = {
+  Root: HeaderWrap,
+  Logo: HeaderLogo,
+  Link: HeaderLink,
+  Navbar: HeaderNavbar,
+  Actions: HeaderActions,
+  Navigation: HeaderNavigation,
+  NavbarLink: HeaderNavbarLink,
+  HeaderProfile
+};
+Object.keys(components).forEach((key) => {
+  const component = components[key];
+  component.displayName = `Header.${key}`;
+});
+export {
+  HeaderWrap as Header,
+  components as default
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export type HeaderActionsProps = {
+    children: ReactNode;
+    divider?: boolean;
+};
+export declare const HeaderActions: ({ children, divider }: HeaderActionsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { NavbarDataProps } from '../types';
+
+export type HeaderNavbarProps = {
+    data: NavbarDataProps[];
+    renderItem: (item: NavbarDataProps) => ReactNode;
+};
+export declare const HeaderNavbar: ({ data, renderItem }: HeaderNavbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { NavbarDataProps } from '../types';
+
+export declare const HeaderNavbarLink: ({ name, onClick, dropdown, active, }: NavbarDataProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+export type HeaderProfileProps = {
+    onClickNotifications?: () => void;
+    onClickMenu?: () => void;
+};
+export declare const HeaderProfile: ({ onClickNotifications, onClickMenu, }: HeaderProfileProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Header/styles.css

@@ -0,0 +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}

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

@@ -0,0 +1,6 @@
+export type NavbarDataProps = {
+    name: string;
+    onClick?: () => void;
+    active?: boolean;
+    dropdown?: NavbarDataProps[];
+};

package/dist/components/Icon/styles.css

@@ -0,0 +1 @@
+.au-icon,.au-icon>svg{width:24px;height:24px;color:#0048db;display:flex;align-items:center;justify-content:center}.au-icon--size-large,.au-icon--size-large svg{width:32px;height:32px}.au-icon--color-dark>svg{color:#454a54}

package/dist/components/Logo/Logo.d.ts

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

package/dist/components/Logo/ac/Badget.d.ts

@@ -0,0 +1 @@
+export declare const LogoBadgetAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/ac/Logo.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+export default meta;
+export declare const Primary: StoryObj;
+export declare const PrimaryFillWhite: StoryObj;
+export declare const PrimaryNegative: StoryObj;
+export declare const PrimaryWhite: StoryObj;
+export declare const PrimaryFullWhite: StoryObj;
+export declare const Tertiary: StoryObj;
+export declare const BadgetAC: StoryObj;

package/dist/components/Logo/ac/Primary.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/ac/PrimaryFillWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryFillWhiteAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/ac/PrimaryFullWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryFullWhiteAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/ac/PrimaryNegative.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryNegativeAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/ac/PrimaryWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryWhiteAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/ac/Tertiary.d.ts

@@ -0,0 +1 @@
+export declare const LogoTertiaryAC: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/Badget.d.ts

@@ -0,0 +1 @@
+export declare const LogoBadgetCP: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/Logo.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+export default meta;
+export declare const Primary: StoryObj;
+export declare const PrimaryLogoWhite: StoryObj;
+export declare const PrimaryFillWhite: StoryObj;
+export declare const PrimaryNegative: StoryObj;
+export declare const PrimaryWhite: StoryObj;
+export declare const PrimaryFullWhite: StoryObj;
+export declare const BadgetCP: StoryObj;

package/dist/components/Logo/cp/Primary.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryCP: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/PrimaryFillWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryFillWhiteCP: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/PrimaryFullWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryFullWhiteCP: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/PrimaryLogoWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryLogoWhiteCP: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/PrimaryNegative.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryNegativeCP: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Logo/cp/PrimaryWhite.d.ts

@@ -0,0 +1 @@
+export declare const LogoPrimaryWhiteCP: () => import("react/jsx-runtime").JSX.Element;