@consumidor-positivo/aurora 0.0.12 → 0.0.14

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 "../../Icon-BvEdGGJ8.js";
-import { I as IconBell, a as IconChevronLeft } from "../../IconChevronLeft-C81GX0AL.js";
-import { I as IconChevronDown } from "../../IconChevronDown-LKLlTSau.js";
+import { Conditional } from "../misc/index.es.js";
 import { Text } from "../Text/index.es.js";
-import { C as Conditional } from "../../index-CeZZT_W9.js";
+import "../../Icon-BvEdGGJ8.js";
+import { I as IconChevronDown } from "../../IconChevronDown-ByUF26Eq.js";
+import { a as IconChevronLeft, I as IconBell, b as IconMenu } from "../../IconMenu-KGwKAWNb.js";
 import './styles.css';const HeaderActions = ({ children, divider }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -16,36 +16,43 @@ import './styles.css';const HeaderActions = ({ children, divider }) => {
     }
   );
 };
-const HeaderLink = ({ children, onClick }) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__link", onClick, children });
+const HeaderBadges = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__badges", children });
 };
-const HeaderLogo = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__logo", children });
+const HeaderButton = ({ children, onClick }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__button", onClick, children });
 };
-const HeaderNavbar = ({ data, renderItem }) => {
-  return /* @__PURE__ */ jsx("nav", { className: "au-header__navbar", children: data.map((item) => {
-    return renderItem(item);
-  }) });
+const HeaderLink = ({ children, onClick }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__link", onClick, children });
 };
-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 == null ? void 0 : data.map((item) => {
+    return renderItem(item);
+  }) });
+};
 const HeaderNavbarLink = ({
   name,
   onClick,
@@ -93,7 +100,8 @@ const HeaderNavbarLink = ({
                         }
                       )
                     ]
-                  }
+                  },
+                  item.name
                 );
               }) })
             ] })
@@ -106,25 +114,49 @@ const HeaderNavbarLink = ({
 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 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, position = "static" }) => {
+  return /* @__PURE__ */ jsx("header", { className: classNames("au-header", {
+    "au-header--fixed": position === "fixed",
+    "au-header--static": position === "static"
+  }), children: /* @__PURE__ */ jsx("div", { className: "au-header__container", 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];
   component.displayName = `Header.${key}`;
 });
 export {
-  HeaderWrap as Header,
-  components as default
+  components as Header
 };
 //# sourceMappingURL=index.es.js.map

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/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","../../../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 | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\n  renderMobile?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderDesktop?: () => ReactNode | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\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 classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  position?: string\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderWrap = ({ children, position = 'static' }: HeaderWrapProps) => {\n  return (\n    <header className={classNames('au-header', {\n      'au-header--fixed': position === 'fixed',\n      'au-header--static': position === 'static',\n    })}>\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\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'\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 { components as Header }\n"],"names":["Header"],"mappings":"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"}

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { 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 | string | JSX.Element | JSX.Element[];
+};
+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 | string | JSX.Element | JSX.Element[];
+    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/HeaderLink.d.ts

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

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

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 
 export type HeaderLogoProps = {
-    children: ReactNode;
+    children?: ReactNode | string | JSX.Element | JSX.Element[];
+    renderMobile?: () => ReactNode | string | JSX.Element | JSX.Element[];
+    renderDesktop?: () => ReactNode | string | JSX.Element | JSX.Element[];
 };
-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 { 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 { 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.d.ts

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

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { 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/parts/HeaderNavigation.d.ts

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

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

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

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

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

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--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.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;z-index:2;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.d.ts

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

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

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { Conditional } from "../misc/index.es.js";
+const isClient = () => !!(typeof window !== "undefined" && window.document && window.document.createElement);
+function isMobile() {
+  if (!isClient()) return;
+  return !!window.matchMedia("screen and (max-width:767px)").matches;
+}
+const IsMobile = ({ renderIf, renderElse }) => {
+  return /* @__PURE__ */ jsx(
+    Conditional,
+    {
+      condition: !!isMobile(),
+      renderIf,
+      renderElse
+    }
+  );
+};
+export {
+  IsMobile
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/core/utils/isClient.ts","../../../lib/core/utils/isMobile.ts","../../../lib/components/IsMobile/index.tsx"],"sourcesContent":["export const isClient = () =>\n  !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  )\n","import { isClient } from './isClient'\n\nexport function isMobile() {\n  if (!isClient()) return\n  return !!window.matchMedia('screen and (max-width:767px)').matches\n}\n","import { isMobile } from '../../core/utils/isMobile'\nimport { Conditional } from '../misc'\nimport { ReactNode } from 'react'\n\ntype IsMobileProps = {\n  renderIf: ReactNode | string | JSX.Element | JSX.Element[]\n  renderElse: ReactNode | string | JSX.Element | JSX.Element[]\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":[],"mappings":";;AAAa,MAAA,WAAW,MACtB,CAAC,EACC,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;ACFb,SAAS,WAAW;AACrB,MAAA,CAAC,WAAY;AACjB,SAAO,CAAC,CAAC,OAAO,WAAW,8BAA8B,EAAE;AAC7D;ACIO,MAAM,WAAW,CAAC,EAAE,UAAU,iBAAgC;AAEjE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,CAAC,SAAS;AAAA,MACtB;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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