@consumidor-positivo/aurora 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/dist/IconChevronDown-BJEq9Qlz.cjs +2 -0
  2. package/dist/IconChevronDown-BJEq9Qlz.cjs.map +1 -0
  3. package/dist/IconChevronDown-LKLlTSau.js +33 -0
  4. package/dist/IconChevronDown-LKLlTSau.js.map +1 -0
  5. package/dist/IconChevronUp--WhWeQrm.js +33 -0
  6. package/dist/IconChevronUp--WhWeQrm.js.map +1 -0
  7. package/dist/IconChevronUp-n6YCgc_K.cjs +2 -0
  8. package/dist/IconChevronUp-n6YCgc_K.cjs.map +1 -0
  9. package/dist/{IconChevronDown-HbOwUDw5.js → IconMenu-BQ0cIqwI.js} +18 -6
  10. package/dist/IconMenu-BQ0cIqwI.js.map +1 -0
  11. package/dist/{IconChevronDown-sEGWmwfL.cjs → IconMenu-FVdQl9jm.cjs} +2 -2
  12. package/dist/IconMenu-FVdQl9jm.cjs.map +1 -0
  13. package/dist/IconX-DrZE4iYc.cjs +2 -0
  14. package/dist/IconX-DrZE4iYc.cjs.map +1 -0
  15. package/dist/IconX-V_l5Ne0d.js +33 -0
  16. package/dist/IconX-V_l5Ne0d.js.map +1 -0
  17. package/dist/components/Button/styles.css +1 -1
  18. package/dist/components/Drawer/Drawer.stories.d.ts +9 -0
  19. package/dist/components/Drawer/hooks.d.ts +4 -0
  20. package/dist/components/Drawer/index.cjs.js +2 -0
  21. package/dist/components/Drawer/index.cjs.js.map +1 -0
  22. package/dist/components/Drawer/index.d.ts +10 -0
  23. package/dist/components/Drawer/index.es.js +30 -0
  24. package/dist/components/Drawer/index.es.js.map +1 -0
  25. package/dist/components/Drawer/styles.css +1 -0
  26. package/dist/components/Header/index.cjs.js +1 -1
  27. package/dist/components/Header/index.cjs.js.map +1 -1
  28. package/dist/components/Header/index.d.ts +23 -18
  29. package/dist/components/Header/index.es.js +92 -25
  30. package/dist/components/Header/index.es.js.map +1 -1
  31. package/dist/components/Header/parts/HeaderActions.d.ts +7 -0
  32. package/dist/components/Header/parts/HeaderActions.stories.d.ts +9 -0
  33. package/dist/components/Header/parts/HeaderBadges.d.ts +6 -0
  34. package/dist/components/Header/parts/HeaderButton.d.ts +7 -0
  35. package/dist/components/Header/parts/HeaderDrawer.stories.d.ts +7 -0
  36. package/dist/components/Header/parts/HeaderLink.d.ts +7 -0
  37. package/dist/components/Header/parts/HeaderLogo.d.ts +5 -4
  38. package/dist/components/Header/parts/HeaderLogo.stories.d.ts +7 -0
  39. package/dist/components/Header/parts/HeaderNavIntern.stories.d.ts +10 -0
  40. package/dist/components/Header/parts/HeaderNavbar.d.ts +1 -2
  41. package/dist/components/Header/parts/HeaderNavbar.stories.d.ts +7 -0
  42. package/dist/components/Header/parts/HeaderNavbarLink.d.ts +1 -1
  43. package/dist/components/Header/parts/HeaderNavigation.d.ts +1 -2
  44. package/dist/components/Header/parts/HeaderProfile.d.ts +5 -0
  45. package/dist/components/Header/parts/HeaderWrap.d.ts +1 -2
  46. package/dist/components/Header/styles.css +1 -1
  47. package/dist/components/Header/types.d.ts +1 -0
  48. package/dist/components/IsMobile/index.cjs.js +2 -0
  49. package/dist/components/IsMobile/index.cjs.js.map +1 -0
  50. package/dist/components/IsMobile/index.d.ts +8 -0
  51. package/dist/components/IsMobile/index.es.js +21 -0
  52. package/dist/components/IsMobile/index.es.js.map +1 -0
  53. package/dist/components/Logo/Logo.d.ts +7 -0
  54. package/dist/components/Logo/ac/Badget.d.ts +1 -0
  55. package/dist/components/Logo/ac/Logo.stories.d.ts +1 -0
  56. package/dist/components/Logo/cp/Badget.d.ts +1 -0
  57. package/dist/components/Logo/cp/Logo.stories.d.ts +1 -0
  58. package/dist/components/Logo/index.cjs.js +1 -1
  59. package/dist/components/Logo/index.cjs.js.map +1 -1
  60. package/dist/components/Logo/index.d.ts +9 -7
  61. package/dist/components/Logo/index.es.js +192 -124
  62. package/dist/components/Logo/index.es.js.map +1 -1
  63. package/dist/components/Logo/styles.css +1 -0
  64. package/dist/components/NavbarVertical/NavbarVertical.stories.d.ts +8 -0
  65. package/dist/components/NavbarVertical/index.cjs.js +2 -0
  66. package/dist/components/NavbarVertical/index.cjs.js.map +1 -0
  67. package/dist/components/NavbarVertical/index.d.ts +19 -0
  68. package/dist/components/NavbarVertical/index.es.js +85 -0
  69. package/dist/components/NavbarVertical/index.es.js.map +1 -0
  70. package/dist/components/NavbarVertical/styles.css +1 -0
  71. package/dist/components/ProfileNav/index.cjs.js +2 -0
  72. package/dist/components/ProfileNav/index.cjs.js.map +1 -0
  73. package/dist/components/ProfileNav/index.d.ts +6 -0
  74. package/dist/components/ProfileNav/index.es.js +18 -0
  75. package/dist/components/ProfileNav/index.es.js.map +1 -0
  76. package/dist/components/ProfileNav/styles.css +1 -0
  77. package/dist/components/Text/Text.stories.d.ts +1 -0
  78. package/dist/components/Text/index.cjs.js +1 -1
  79. package/dist/components/Text/index.cjs.js.map +1 -1
  80. package/dist/components/Text/index.es.js +2 -2
  81. package/dist/components/Text/index.es.js.map +1 -1
  82. package/dist/components/Text/styles.css +1 -1
  83. package/dist/components/Text/types.d.ts +1 -1
  84. package/dist/components/icons/default/index.d.ts +184 -178
  85. package/dist/components/icons/default/index.default.stories.d.ts +184 -178
  86. package/dist/components/icons/index.cjs.js +1 -1
  87. package/dist/components/icons/index.d.ts +0 -1
  88. package/dist/components/icons/index.es.js +3 -4
  89. package/dist/core/utils/isClient.d.ts +1 -0
  90. package/dist/core/utils/isMobile.d.ts +1 -0
  91. package/dist/index-BSpLEaK5.cjs +2 -0
  92. package/dist/index-BSpLEaK5.cjs.map +1 -0
  93. package/dist/{index-DUFPL8kH.js → index-DIN6Mew7.js} +853 -839
  94. package/dist/index-DIN6Mew7.js.map +1 -0
  95. package/dist/main.cjs.js +1 -1
  96. package/dist/main.d.ts +6 -0
  97. package/dist/main.es.js +13 -1
  98. package/dist/main.es.js.map +1 -1
  99. package/package.json +1 -1
  100. package/dist/IconChevronDown-HbOwUDw5.js.map +0 -1
  101. package/dist/IconChevronDown-sEGWmwfL.cjs.map +0 -1
  102. package/dist/components/Header/Header.stories.d.ts +0 -15
  103. package/dist/components/Header/parts/HeaderNavbarActions.d.ts +0 -6
  104. package/dist/components/icons/colorful/IconColorfulPositive.d.ts +0 -1
  105. package/dist/components/icons/colorful/IconColorfulWarning.d.ts +0 -1
  106. package/dist/components/icons/colorful/index.colorful.stories.d.ts +0 -7
  107. package/dist/components/icons/colorful/index.d.ts +0 -1
  108. package/dist/index-DUFPL8kH.js.map +0 -1
  109. package/dist/index-xuYOAHrj.cjs +0 -2
  110. package/dist/index-xuYOAHrj.cjs.map +0 -1
@@ -1,17 +1,49 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { c as classNames } from "../../index-CweZ_OcN.js";
3
+ import { C as Conditional } from "../../index-CeZZT_W9.js";
3
4
  import { Text } from "../Text/index.es.js";
4
5
  import "../../Icon-BvEdGGJ8.js";
5
- import { I as IconChevronDown, a as IconBell } from "../../IconChevronDown-HbOwUDw5.js";
6
- import { C as Conditional } from "../../index-CeZZT_W9.js";
7
- import './styles.css';const HeaderWrap = ({ children }) => {
8
- return /* @__PURE__ */ jsx("header", { className: "au-header", children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
6
+ import { I as IconChevronDown } from "../../IconChevronDown-LKLlTSau.js";
7
+ import { I as IconChevronLeft, a as IconBell, b as IconMenu } from "../../IconMenu-BQ0cIqwI.js";
8
+ import './styles.css';const HeaderActions = ({ children, divider }) => {
9
+ return /* @__PURE__ */ jsx(
10
+ "div",
11
+ {
12
+ className: classNames("au-header__actions", {
13
+ "au-header__actions--divider": divider
14
+ }),
15
+ children
16
+ }
17
+ );
9
18
  };
10
- const HeaderLogo = ({ children }) => {
11
- return /* @__PURE__ */ jsx("div", { className: "au-header__logo", children });
19
+ const HeaderButton = ({ children, onClick }) => {
20
+ return /* @__PURE__ */ jsx("div", { className: "au-header__button", onClick, children });
12
21
  };
13
- const HeaderNavigation = ({ children }) => {
14
- return /* @__PURE__ */ jsx("nav", { className: "au-header__navigation", children });
22
+ const HeaderLink = ({ children, onClick }) => {
23
+ return /* @__PURE__ */ jsx("div", { className: "au-header__link", onClick, children });
24
+ };
25
+ const HeaderLogo = ({
26
+ children,
27
+ renderMobile,
28
+ renderDesktop
29
+ }) => {
30
+ return /* @__PURE__ */ jsxs("div", { className: "au-header__logo", children: [
31
+ /* @__PURE__ */ jsx(
32
+ Conditional,
33
+ {
34
+ condition: !!renderMobile,
35
+ renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--mobile", children: renderMobile && renderMobile() })
36
+ }
37
+ ),
38
+ /* @__PURE__ */ jsx(
39
+ Conditional,
40
+ {
41
+ condition: !!renderDesktop,
42
+ renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--desktop", children: renderDesktop && renderDesktop() })
43
+ }
44
+ ),
45
+ children
46
+ ] });
15
47
  };
16
48
  const HeaderNavbar = ({ data, renderItem }) => {
17
49
  return /* @__PURE__ */ jsx("nav", { className: "au-header__navbar", children: data.map((item) => {
@@ -21,17 +53,20 @@ const HeaderNavbar = ({ data, renderItem }) => {
21
53
  const HeaderNavbarLink = ({
22
54
  name,
23
55
  onClick,
24
- dropdown
56
+ dropdown,
57
+ active
25
58
  }) => {
26
59
  return /* @__PURE__ */ jsxs(
27
60
  Text,
28
61
  {
29
62
  as: "a",
30
- variant: "body-medium",
63
+ variant: "heading-micro",
31
64
  weight: "light",
32
65
  onClick,
66
+ title: name,
33
67
  className: classNames("au-header__navbar-link", {
34
- "is-dropdown": dropdown
68
+ "is-dropdown": dropdown,
69
+ "is-active": active
35
70
  }),
36
71
  children: [
37
72
  name,
@@ -42,15 +77,28 @@ const HeaderNavbarLink = ({
42
77
  renderIf: /* @__PURE__ */ jsxs(Fragment, { children: [
43
78
  /* @__PURE__ */ jsx(IconChevronDown, {}),
44
79
  /* @__PURE__ */ jsx("div", { className: "au-header__dropdown", children: dropdown == null ? void 0 : dropdown.map((item) => {
45
- return /* @__PURE__ */ jsx(
80
+ return /* @__PURE__ */ jsxs(
46
81
  Text,
47
82
  {
48
83
  as: "a",
49
- variant: "body-medium",
84
+ variant: "heading-micro",
50
85
  weight: "light",
51
- className: "au-header__dropdown-link",
52
- children: item.name
53
- }
86
+ className: classNames("au-header__dropdown-link", {
87
+ "is-active": item.active
88
+ }),
89
+ title: item.name,
90
+ children: [
91
+ item.name,
92
+ /* @__PURE__ */ jsx(
93
+ Conditional,
94
+ {
95
+ condition: !!item.active,
96
+ renderIf: /* @__PURE__ */ jsx(IconChevronLeft, {})
97
+ }
98
+ )
99
+ ]
100
+ },
101
+ item.name
54
102
  );
55
103
  }) })
56
104
  ] })
@@ -60,34 +108,53 @@ const HeaderNavbarLink = ({
60
108
  }
61
109
  );
62
110
  };
63
- const HeaderNavbarActions = ({
111
+ const HeaderNavigation = ({ children }) => {
112
+ return /* @__PURE__ */ jsx("nav", { className: "au-header__navigation", children });
113
+ };
114
+ const HeaderProfile = ({
64
115
  onClickNotifications,
65
116
  onClickMenu
66
117
  }) => {
67
- return /* @__PURE__ */ jsxs("div", { className: "au-header__navbar-actions", children: [
118
+ return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
68
119
  /* @__PURE__ */ jsx(
69
120
  "div",
70
121
  {
71
- className: "au-header__navbar-notifications",
122
+ className: "au-header__profile-notifications",
72
123
  onClick: onClickNotifications,
73
124
  children: /* @__PURE__ */ jsx(IconBell, {})
74
125
  }
75
126
  ),
76
- /* @__PURE__ */ jsxs("div", { className: "au-header__navbar-menu", onClick: onClickMenu, children: [
77
- /* @__PURE__ */ jsx("div", { className: "au-header__navbar-letters", children: "FS" }),
127
+ /* @__PURE__ */ jsx("div", { className: "au-header__profile-menu-mobile", onClick: onClickMenu, children: /* @__PURE__ */ jsx(IconMenu, {}) }),
128
+ /* @__PURE__ */ jsxs("div", { className: "au-header__profile-menu", onClick: onClickMenu, children: [
129
+ /* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: "FS" }),
78
130
  /* @__PURE__ */ jsx(IconChevronDown, {})
79
131
  ] })
80
132
  ] });
81
133
  };
82
- const index = {
134
+ const HeaderWrap = ({ children }) => {
135
+ return /* @__PURE__ */ jsx("header", { className: "au-header", children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
136
+ };
137
+ const HeaderBadges = ({ children }) => {
138
+ return /* @__PURE__ */ jsx("div", { className: "au-header__badges", children });
139
+ };
140
+ const components = {
141
+ Root: HeaderWrap,
142
+ Actions: HeaderActions,
143
+ Badges: HeaderBadges,
144
+ Button: HeaderButton,
145
+ Link: HeaderLink,
83
146
  Logo: HeaderLogo,
84
- Navigation: HeaderNavigation,
85
147
  Navbar: HeaderNavbar,
86
148
  NavbarLink: HeaderNavbarLink,
87
- NavbarActions: HeaderNavbarActions
149
+ Navigation: HeaderNavigation,
150
+ Profile: HeaderProfile
88
151
  };
152
+ Object.keys(components).forEach((key) => {
153
+ const component = components[key];
154
+ component.displayName = `Header.${key}`;
155
+ });
89
156
  export {
90
157
  HeaderWrap as Header,
91
- index as default
158
+ components as default
92
159
  };
93
160
  //# sourceMappingURL=index.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavbarActions.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\ntype 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\ntype 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\ntype 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'\nimport { NavbarDataProps } from '../types'\n\ntype 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 } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n name,\n onClick,\n dropdown,\n}: NavbarDataProps) => {\n return (\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"light\"\n onClick={onClick}\n className={classNames('au-header__navbar-link', {\n 'is-dropdown': dropdown,\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=\"body-medium\"\n weight=\"light\"\n className=\"au-header__dropdown-link\">\n {item.name}\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </Text>\n )\n}\n","import { IconBell, IconChevronDown } from '../../icons/default'\n\ntype HeaderNavbarActionsProps = {\n onClickNotifications?: () => void\n onClickMenu?: () => void\n}\n\nexport const HeaderNavbarActions = ({\n onClickNotifications,\n onClickMenu,\n}: HeaderNavbarActionsProps) => {\n return (\n <div className=\"au-header__navbar-actions\">\n <div\n className=\"au-header__navbar-notifications\"\n onClick={onClickNotifications}>\n <IconBell />\n </div>\n\n <div className=\"au-header__navbar-menu\" onClick={onClickMenu}>\n <div className=\"au-header__navbar-letters\">FS</div>\n <IconChevronDown />\n </div>\n </div>\n )\n}\n","import { HeaderWrap as Header } from './parts/HeaderWrap'\nimport { HeaderLogo } from './parts/HeaderLogo'\nimport { HeaderNavigation } from './parts/HeaderNavigation'\nimport { HeaderNavbar } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport { HeaderNavbarActions } from './parts/HeaderNavbarActions'\n\nimport './styles.scss'\n\nexport default {\n Logo: HeaderLogo,\n Navigation: HeaderNavigation,\n Navbar: HeaderNavbar,\n NavbarLink: HeaderNavbarLink,\n NavbarActions: HeaderNavbarActions,\n}\n\nexport { Header }\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,aAAa,CAAC,EAAE,eAAgC;AAEzD,SAAA,oBAAC,YAAO,WAAU,aAChB,8BAAC,OAAI,EAAA,WAAU,wBAAwB,SAAS,CAAA,EAClD,CAAA;AAEJ;ACNO,MAAM,aAAa,CAAC,EAAE,eAAgC;AAC3D,SAAQ,oBAAA,OAAA,EAAI,WAAU,mBAAmB,SAAS,CAAA;AACpD;ACFO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,SAAQ,oBAAA,OAAA,EAAI,WAAU,yBAAyB,SAAS,CAAA;AAC1D;ACAO,MAAM,eAAe,CAAC,EAAE,MAAM,iBAAoC;AACvE,6BACG,OAAI,EAAA,WAAU,qBACZ,UAAK,KAAA,IAAI,CAAC,SAAS;AAClB,WAAO,WAAW,IAAI;AAAA,EACvB,CAAA,EACH,CAAA;AAEJ;ACVO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AAEnB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,QAAO;AAAA,MACP;AAAA,MACA,WAAW,WAAW,0BAA0B;AAAA,QAC9C,eAAe;AAAA,MAAA,CAChB;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAA,oBAAC,iBAAgB,EAAA;AAAA,kCAChB,OAAI,EAAA,WAAU,uBACZ,UAAU,qCAAA,IAAI,CAAC,SAAS;AAErB,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAU;AAAA,oBACT,UAAK,KAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAGX,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;ACtCO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAgC;AAE5B,SAAA,qBAAC,OAAI,EAAA,WAAU,6BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,8BAAC,UAAS,EAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEC,qBAAA,OAAA,EAAI,WAAU,0BAAyB,SAAS,aAC/C,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,6BAA4B,UAAE,MAAA;AAAA,0BAC5C,iBAAgB,EAAA;AAAA,IAAA,GACnB;AAAA,EACF,EAAA,CAAA;AAEJ;AChBA,MAAe,QAAA;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB;"}
1
+ {"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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"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export type HeaderActionsProps = {
4
+ children: ReactNode;
5
+ divider?: boolean;
6
+ };
7
+ export declare const HeaderActions: ({ children, divider }: HeaderActionsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as Header } from '../index';
3
+
4
+ declare const meta: Meta<typeof Header.Actions>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Header.Actions>;
7
+ export declare const ActionButton: Story;
8
+ export declare const ActionDeskDivider: Story;
9
+ export declare const ActionProfiler: Story;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export type HeaderBadgesProps = {
4
+ children: ReactNode;
5
+ };
6
+ export declare const HeaderBadges: ({ children }: HeaderBadgesProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export type HeaderButtonProps = {
4
+ children: ReactNode;
5
+ onClick: () => void;
6
+ };
7
+ export declare const HeaderButton: ({ children, onClick }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Drawer } from '../../Drawer';
3
+
4
+ declare const meta: Meta<typeof Drawer>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Drawer>;
7
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export type HeaderLinkProps = {
4
+ children: ReactNode;
5
+ onClick: () => void;
6
+ };
7
+ export declare const HeaderLink: ({ children, onClick }: HeaderLinkProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
2
 
3
- type HeaderLogoProps = {
4
- children: ReactNode;
3
+ export type HeaderLogoProps = {
4
+ children?: ReactNode;
5
+ renderMobile?: () => ReactNode;
6
+ renderDesktop?: () => ReactNode;
5
7
  };
6
- export declare const HeaderLogo: ({ children }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
8
+ export declare const HeaderLogo: ({ children, renderMobile, renderDesktop, }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as Header } from '../index';
3
+
4
+ declare const meta: Meta<typeof Header.Logo>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Header.Logo>;
7
+ export declare const Default: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as Header } from '../index';
3
+
4
+ declare const meta: Meta<typeof Header.Root>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Header.Root>;
7
+ export declare const BackButton: Story;
8
+ export declare const BackAndClose: Story;
9
+ export declare const BackAndBadges: Story;
10
+ export declare const BackCloseBadges: Story;
@@ -1,9 +1,8 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { NavbarDataProps } from '../types';
3
3
 
4
- type HeaderNavbarProps = {
4
+ export type HeaderNavbarProps = {
5
5
  data: NavbarDataProps[];
6
6
  renderItem: (item: NavbarDataProps) => ReactNode;
7
7
  };
8
8
  export declare const HeaderNavbar: ({ data, renderItem }: HeaderNavbarProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as Header } from '../index';
3
+
4
+ declare const meta: Meta<typeof Header.Navbar>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Header.Navbar>;
7
+ export declare const Default: Story;
@@ -1,3 +1,3 @@
1
1
  import { NavbarDataProps } from '../types';
2
2
 
3
- export declare const HeaderNavbarLink: ({ name, onClick, dropdown, }: NavbarDataProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const HeaderNavbarLink: ({ name, onClick, dropdown, active, }: NavbarDataProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
 
3
- type HeaderNavigationProps = {
3
+ export type HeaderNavigationProps = {
4
4
  children: ReactNode;
5
5
  };
6
6
  export declare const HeaderNavigation: ({ children }: HeaderNavigationProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -0,0 +1,5 @@
1
+ export type HeaderProfileProps = {
2
+ onClickNotifications?: () => void;
3
+ onClickMenu?: () => void;
4
+ };
5
+ export declare const HeaderProfile: ({ onClickNotifications, onClickMenu, }: HeaderProfileProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
 
3
- type HeaderWrapProps = {
3
+ export type HeaderWrapProps = {
4
4
  children: ReactNode;
5
5
  };
6
6
  export declare const HeaderWrap: ({ children }: HeaderWrapProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1 +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__navigation{display:flex}.au-header__navigation>*+.au-btn{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;font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.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:hover,.au-header__navbar-link:focus{font-weight:700;color:#0048db}.au-header__navbar-actions{display:flex;align-items:center;gap:32px;border-left:1px solid #e2e4e9;padding-left:24px;margin-left:24px}.au-header__navbar-notifications{cursor:pointer}.au-header__navbar-menu{display:flex;align-items:center;gap:8px;cursor:pointer}.au-header__navbar-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}.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:block;padding:16px 24px}.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700}.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)}
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 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}
@@ -1,5 +1,6 @@
1
1
  export type NavbarDataProps = {
2
2
  name: string;
3
3
  onClick?: () => void;
4
+ active?: boolean;
4
5
  dropdown?: NavbarDataProps[];
5
6
  };
@@ -0,0 +1,2 @@
1
+ "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});
2
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type IsMobileProps = {
4
+ renderIf: ReactNode;
5
+ renderElse: ReactNode;
6
+ };
7
+ export declare const IsMobile: ({ renderIf, renderElse }: IsMobileProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,21 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { C as Conditional } from "../../index-CeZZT_W9.js";
3
+ const isClient = () => !!(typeof window !== "undefined" && window.document && window.document.createElement);
4
+ function isMobile() {
5
+ if (!isClient()) return;
6
+ return !!window.matchMedia("screen and (max-width:767px)").matches;
7
+ }
8
+ const IsMobile = ({ renderIf, renderElse }) => {
9
+ return /* @__PURE__ */ jsx(
10
+ Conditional,
11
+ {
12
+ condition: !!isMobile(),
13
+ renderIf,
14
+ renderElse
15
+ }
16
+ );
17
+ };
18
+ export {
19
+ IsMobile
20
+ };
21
+ //# sourceMappingURL=index.es.js.map
@@ -0,0 +1 @@
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\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":[],"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;"}
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type LogoProps = {
4
+ children?: ReactNode;
5
+ };
6
+ export declare const Logo: ({ children }: LogoProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export declare const LogoBadgetAC: () => import("react/jsx-runtime").JSX.Element;
@@ -8,3 +8,4 @@ export declare const PrimaryNegative: StoryObj;
8
8
  export declare const PrimaryWhite: StoryObj;
9
9
  export declare const PrimaryFullWhite: StoryObj;
10
10
  export declare const Tertiary: StoryObj;
11
+ export declare const BadgetAC: StoryObj;
@@ -0,0 +1 @@
1
+ export declare const LogoBadgetCP: () => import("react/jsx-runtime").JSX.Element;
@@ -8,3 +8,4 @@ export declare const PrimaryFillWhite: StoryObj;
8
8
  export declare const PrimaryNegative: StoryObj;
9
9
  export declare const PrimaryWhite: StoryObj;
10
10
  export declare const PrimaryFullWhite: StoryObj;
11
+ export declare const BadgetCP: StoryObj;