@consumidor-positivo/aurora 0.0.10 → 0.0.11

package/README.md

@@ -1,32 +1,30 @@
-# React + TypeScript + Vite
+![aurora-capa](https://github.com/user-attachments/assets/87cc0477-e345-4b98-b17e-90e941744eab)
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+# Aurora ✨
 
-Currently, two official plugins are available:
+> A aurora boreal é um fenômeno luminoso que se desenvolve na termosfera (ou ionosfera), uma das camadas superiores da atmosfera do planeta Terra, que se estende de uma altura mínima de 60 km a partir da superfície até 1000 km. Essa camada está situada entre a exosfera e a mesosfera.
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+O Projeto Aurora é uma abordagem estruturada e abrangente para o Design System dos projetos Consumidor Positivo e Acordo Certo, criado com o objetivo de padronizar e otimizar a experiência do usuário em ambas as plataformas. Este sistema de design consiste em uma biblioteca de componentes reutilizáveis, diretrizes de estilo, padrões de interação e documentação detalhada para garantir consistência e eficiência no desenvolvimento e design de interfaces.
 
-## Expanding the ESLint configuration
+<p align="center">
+  <a href="#tech-stack">Tech Stack</a> •
+  <a href="#sites">Sites</a>
+</p>
 
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+### Tech Stack
 
-- Configure the top-level `parserOptions` property like this:
+- <img width="20" height="20" src="https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/2edb6c43-89a3-4c08-b126-96771d488e9b" /> [Reactjs](https://reactjs.org/) ( JS lib )
+- <img width="20" height="20" src="https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/116d0ad2-55a8-4bd6-a8b8-4fbdb3aab82b" /> [Typescript](https://www.typescriptlang.org/) ( Types )
+- <img width="20" height="20" src="https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/862d66f3-703d-42f1-8e70-3e6ab5c6d318" /> [Vitejs](https://reactjs.org/) ( Tooling )
+- <img width="20" height="20" src="https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/4a977365-7a05-4131-8b11-6589acbf0831" /> [Sass](<https://emotion.sh/docs/introduction](https://sass-lang.com/)>) ( CSS )
+- <img width="20" height="20" src="https://github.com/AcordoCertoBR/mono-debtor-hub-ui/assets/397832/96405885-c5c0-4e26-a645-0e84b7d12ef3" /> [Storybook](https://storybook.js.org/) ( UI )
 
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
+### Sites
 
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+> Consumidor Positivo
 
-# aurora
+- [https://www.consumidorpositivo.com.br/](https://www.consumidorpositivo.com.br/)
+
+> Acordo Certo
+
+- [https://www.acordocerto.com.br/](https://www.acordocerto.com.br/)

package/dist/Icon-BvEdGGJ8.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "./index-CweZ_OcN.js";
+import './components/Icon/styles.css';const Icon = ({
+  iconMarkup,
+  iconName,
+  iconSize,
+  iconColor
+}) => {
+  const componentClass = classNames("au-icon", {
+    [`au-icon--${iconName == null ? void 0 : iconName.toLocaleLowerCase()}`]: !!iconName,
+    "au-icon--color-dark": iconColor === "dark",
+    "au-icon--size-large": iconSize === "large"
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: componentClass,
+      dangerouslySetInnerHTML: {
+        __html: iconMarkup || ""
+      }
+    }
+  );
+};
+export {
+  Icon as I
+};
+//# sourceMappingURL=Icon-BvEdGGJ8.js.map

package/dist/Icon-BvEdGGJ8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-BvEdGGJ8.js","sources":["../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\ninterface IconProps {\n  iconSize?: 'large' | 'default'\n  iconColor?: 'dark' | 'default'\n  iconMarkup?: string\n  iconName?: string\n}\n\nconst Icon: React.FC<IconProps> = ({\n  iconMarkup,\n  iconName,\n  iconSize,\n  iconColor,\n}: IconProps) => {\n  const componentClass = classNames('au-icon', {\n    [`au-icon--${iconName?.toLocaleLowerCase()}`]: !!iconName,\n    'au-icon--color-dark': iconColor === 'dark',\n    'au-icon--size-large': iconSize === 'large',\n  })\n\n  return (\n    <div\n      className={componentClass}\n      dangerouslySetInnerHTML={{\n        __html: iconMarkup || '',\n      }}\n    />\n  )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;AAUA,MAAM,OAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACT,QAAA,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,qCAAU,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IACjD,uBAAuB,cAAc;AAAA,IACrC,uBAAuB,aAAa;AAAA,EAAA,CACrC;AAGC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,yBAAyB;AAAA,QACvB,QAAQ,cAAc;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Icon-MUF210wL.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./components/Icon/styles.css');const e=require("react/jsx-runtime"),o=require("./index-BJmus9Hg.cjs");exports.Icon=({iconMarkup:r,iconName:a,iconSize:c,iconColor:n})=>{const i=o.classNames("au-icon",{[`au-icon--${null==a?void 0:a.toLocaleLowerCase()}`]:!!a,"au-icon--color-dark":"dark"===n,"au-icon--size-large":"large"===c});return e.jsx("div",{className:i,dangerouslySetInnerHTML:{__html:r||""}})};
+//# sourceMappingURL=Icon-MUF210wL.cjs.map

package/dist/Icon-MUF210wL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-MUF210wL.cjs","sources":["../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\ninterface IconProps {\n  iconSize?: 'large' | 'default'\n  iconColor?: 'dark' | 'default'\n  iconMarkup?: string\n  iconName?: string\n}\n\nconst Icon: React.FC<IconProps> = ({\n  iconMarkup,\n  iconName,\n  iconSize,\n  iconColor,\n}: IconProps) => {\n  const componentClass = classNames('au-icon', {\n    [`au-icon--${iconName?.toLocaleLowerCase()}`]: !!iconName,\n    'au-icon--color-dark': iconColor === 'dark',\n    'au-icon--size-large': iconSize === 'large',\n  })\n\n  return (\n    <div\n      className={componentClass}\n      dangerouslySetInnerHTML={{\n        __html: iconMarkup || '',\n      }}\n    />\n  )\n}\n\nexport default Icon\n"],"names":["iconMarkup","iconName","iconSize","iconColor","componentClass","classNames","toLocaleLowerCase","jsxRuntime","jsx","className","dangerouslySetInnerHTML","__html"],"mappings":"iGAUkC,EAChCA,aACAC,WACAC,WACAC,gBAEM,MAAAC,EAAiBC,aAAW,UAAW,CAC3C,CAAC,YAAY,MAAAJ,OAAA,EAAAA,EAAUK,yBAA0BL,EACjD,sBAAqC,SAAdE,EACvB,sBAAoC,UAAbD,IAIvB,OAAAK,EAAAC,IAAC,MAAA,CACCC,UAAWL,EACXM,wBAAyB,CACvBC,OAAQX,GAAc,KACxB"}

package/dist/IconChevronDown-HbOwUDw5.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx } from "react/jsx-runtime";
+import { I as Icon } from "./Icon-BvEdGGJ8.js";
+function IconBell(props) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    __spreadValues({
+      iconMarkup: "<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.05033 3.05025C8.36309 1.7375 10.1436 1 12.0001 1C13.8566 1 15.6371 1.7375 16.9498 3.05025C18.2626 4.36301 19.0001 6.14349 19.0001 8C19.0001 11.3527 19.7171 13.4346 20.378 14.6461C20.7098 15.2544 21.0329 15.6535 21.2573 15.8904C21.3698 16.0091 21.4581 16.0878 21.5114 16.1322C21.538 16.1544 21.5558 16.168 21.5635 16.1737C21.5647 16.1746 21.5657 16.1753 21.5664 16.1758C21.9249 16.4221 22.0835 16.8725 21.9572 17.2898C21.8295 17.7115 21.4407 18 21.0001 18H3.00008C2.55941 18 2.17068 17.7115 2.04299 17.2898C1.91664 16.8725 2.07528 16.4221 2.43377 16.1758C2.43447 16.1753 2.43542 16.1746 2.43663 16.1737C2.44432 16.168 2.46218 16.1544 2.4888 16.1322C2.54202 16.0878 2.6304 16.0091 2.74288 15.8904C2.9673 15.6535 3.29039 15.2544 3.62218 14.6461C4.28301 13.4346 5.00008 11.3527 5.00008 8C5.00008 6.14348 5.73758 4.36301 7.05033 3.05025ZM2.44388 16.169C2.44395 16.1689 2.44403 16.1688 2.44411 16.1688C2.44411 16.1688 2.4441 16.1688 2.4441 16.1688L2.44388 16.169ZM5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.76792 20.1352C10.2457 19.858 10.8576 20.0207 11.1347 20.4984C11.2226 20.6499 11.3488 20.7757 11.5006 20.8632C11.6524 20.9506 11.8245 20.9966 11.9997 20.9966C12.1749 20.9966 12.347 20.9506 12.4988 20.8632C12.6506 20.7757 12.7768 20.6499 12.8647 20.4984C13.1418 20.0207 13.7537 19.858 14.2315 20.1352C14.7092 20.4123 14.8718 21.0242 14.5947 21.5019C14.331 21.9566 13.9525 22.3339 13.497 22.5962C13.0416 22.8586 12.5253 22.9966 11.9997 22.9966C11.4741 22.9966 10.9578 22.8586 10.5024 22.5962C10.0469 22.3339 9.66841 21.9566 9.4047 21.5019C9.12758 21.0242 9.2902 20.4123 9.76792 20.1352Z' fill='currentColor'/></svg>",
+      iconName: "IconBell",
+      iconSize: props.size,
+      iconColor: props.color
+    }, props)
+  );
+}
+function IconChevronDown(props) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    __spreadValues({
+      iconMarkup: "<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='currentColor'/></svg>",
+      iconName: "IconChevronDown",
+      iconSize: props.size,
+      iconColor: props.color
+    }, props)
+  );
+}
+export {
+  IconChevronDown as I,
+  IconBell as a
+};
+//# sourceMappingURL=IconChevronDown-HbOwUDw5.js.map

package/dist/IconChevronDown-HbOwUDw5.js.map

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

package/dist/IconChevronDown-sEGWmwfL.cjs

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

package/dist/IconChevronDown-sEGWmwfL.cjs.map

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

package/dist/IconLoader-CddRjxBr.cjs

@@ -0,0 +1,2 @@
+"use strict";var e=Object.defineProperty,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,l=(r,a,o)=>a in r?e(r,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[a]=o;const t=require("react/jsx-runtime"),n=require("./Icon-MUF210wL.cjs");exports.IconLoader=function(e){return t.jsx(n.Icon,((e,t)=>{for(var n in t||(t={}))a.call(t,n)&&l(e,n,t[n]);if(r)for(var n of r(t))o.call(t,n)&&l(e,n,t[n]);return e})({iconMarkup:"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M12 1a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1ZM12 17a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1ZM4.223 4.223a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM15.533 15.533a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM1 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1ZM17 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1ZM8.467 15.533a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0ZM19.777 4.223a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0Z' clip-rule='evenodd'/></svg>",iconName:"IconLoader",iconSize:e.size,iconColor:e.color},e))};
+//# sourceMappingURL=IconLoader-CddRjxBr.cjs.map

package/dist/IconLoader-CddRjxBr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLoader-CddRjxBr.cjs","sources":["../lib/components/icons/default/IconLoader.tsx"],"sourcesContent":["// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconLoader(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M12 1a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1ZM12 17a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1ZM4.223 4.223a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM15.533 15.533a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM1 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1ZM17 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1ZM8.467 15.533a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0ZM19.777 4.223a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0Z' clip-rule='evenodd'/></svg>\"\n      }\n      iconName=\"IconLoader\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n"],"names":["props","jsxRuntime","jsx","Icon","__spreadValues","iconMarkup","iconName","iconSize","size","iconColor","color"],"mappings":"+TAIA,SAAmCA,GAE/B,OAAAC,EAAAC,IAACC,EAAAA,wHAAAC,CAAA,CACCC,WACE,wvBAEFC,SAAS,aACTC,SAAUP,EAAMQ,KAChBC,UAAWT,EAAMU,OACbV,GAGV"}

package/dist/IconLoader-DydDdM8i.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx } from "react/jsx-runtime";
+import { I as Icon } from "./Icon-BvEdGGJ8.js";
+function IconLoader(props) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    __spreadValues({
+      iconMarkup: "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M12 1a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1ZM12 17a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1ZM4.223 4.223a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM15.533 15.533a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM1 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1ZM17 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1ZM8.467 15.533a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0ZM19.777 4.223a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0Z' clip-rule='evenodd'/></svg>",
+      iconName: "IconLoader",
+      iconSize: props.size,
+      iconColor: props.color
+    }, props)
+  );
+}
+export {
+  IconLoader as I
+};
+//# sourceMappingURL=IconLoader-DydDdM8i.js.map

package/dist/IconLoader-DydDdM8i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconLoader-DydDdM8i.js","sources":["../lib/components/icons/default/IconLoader.tsx"],"sourcesContent":["// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon from '../Icon'\n\nexport default function IconLoader(props: any) {\n  return (\n    <Icon\n      iconMarkup={\n        \"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M12 1a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1ZM12 17a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1ZM4.223 4.223a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM15.533 15.533a1 1 0 0 1 1.414 0l2.83 2.83a1 1 0 1 1-1.414 1.414l-2.83-2.83a1 1 0 0 1 0-1.414ZM1 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1ZM17 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1ZM8.467 15.533a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0ZM19.777 4.223a1 1 0 0 1 0 1.414l-2.83 2.83a1 1 0 1 1-1.414-1.414l2.83-2.83a1 1 0 0 1 1.414 0Z' clip-rule='evenodd'/></svg>\"\n      }\n      iconName=\"IconLoader\"\n      iconSize={props.size}\n      iconColor={props.color}\n      {...props}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,SAAwB,WAAW,OAAY;AAE3C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YACE;AAAA,MAEF,UAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,OACb;AAAA,EAAA;AAGV;"}

package/dist/components/Button/button.stories.d.ts

@@ -1,9 +1,24 @@
-import { StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react';
 import { Button } from './index';
 
-declare const _default: {
-    title: string;
-    component: typeof Button;
-};
-export default _default;
-export declare const Default: StoryObj;
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const PrimaryIcon: Story;
+export declare const PrimaryHover: Story;
+export declare const PrimaryPressed: Story;
+export declare const PrimaryDisabled: Story;
+export declare const PrimaryLoading: Story;
+export declare const Outlined: Story;
+export declare const OutlinedIcon: Story;
+export declare const OutlinedHover: Story;
+export declare const OutlinedPressed: Story;
+export declare const OutlinedDisabled: Story;
+export declare const OutlinedLoading: Story;
+export declare const Ghost: Story;
+export declare const GhostIcon: Story;
+export declare const GhostHover: Story;
+export declare const GhostPressed: Story;
+export declare const GhostDisabled: Story;
+export declare const GhostLoading: Story;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles.css');const t=require("react/jsx-runtime");exports.Button=function(){return t.jsx("div",{className:"button",children:"My Button Test"})};
+"use strict";require('./styles.css');var e=Object.defineProperty,t=Object.defineProperties,r=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(t,r,n)=>r in t?e(t,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[r]=n,l=(e,t)=>{for(var r in t||(t={}))a.call(t,r)&&i(e,r,t[r]);if(n)for(var r of n(t))o.call(t,r)&&i(e,r,t[r]);return e},s=(e,n)=>t(e,r(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("../../index-BJmus9Hg.cjs"),u=require("../../index-BK77G4Uk.cjs");require("../../Icon-MUF210wL.cjs");const b=require("../../IconLoader-CddRjxBr.cjs");exports.Button=e=>{var t=e,{as:r,children:i="Button component",color:p="default",disabled:f=!1,expand:m,href:y,htmlType:x="button",loading:j=!1,onClick:g,size:h="medium",type:v="primary",target:O,negative:P=!1,btnText:q=!1,className:I,borderWidth:N="medium"}=t,T=((e,t)=>{var r={};for(var i in e)a.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&n)for(var i of n(e))t.indexOf(i)<0&&o.call(e,i)&&(r[i]=e[i]);return r})(t,["as","children","color","disabled","expand","href","htmlType","loading","onClick","size","type","target","negative","btnText","className","borderWidth"]);const $=d.classNames("au-btn",{[`au-btn--type-${v}`]:!!v,[`au-btn--size-${h}`]:!!h,[`au-btn--expand-${m}`]:!!m,[`au-btn--color-${p}`]:!!p,"au-btn--negative":!!P,"au-btn--disabled":!!f,"au-btn--loading":!!j,"btn-text":!!q,[`au-btn--border-${N}`]:!!N,[null!=I?I:""]:"string"==typeof I});return"a"===r?c.jsx("a",s(l({className:$,href:y,target:O},T),{children:i})):c.jsx("button",s(l({className:$,onClick:function(e){!f&&g&&g(e)},type:x,disabled:f||j},T),{children:c.jsx(u.Conditional,{condition:j,renderIf:c.jsx(b.IconLoader,{}),renderElse:i})}))};
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.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":["jsx","className","children"],"mappings":"oIAEO,WACGA,OAAAA,EAAAA,IAAA,MAAA,CAAIC,UAAU,SAASC,SAAc,kBAC/C"}
+{"version":3,"file":"index.cjs.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":["_a","_b","as","children","color","disabled","expand","href","htmlType","loading","onClick","size","type","target","negative","btnText","className","borderWidth","props","__objRest","buttonClasses","classNames","jsx","__spreadValues","jsxRuntime","__spreadProps","e","Conditional","condition","renderIf","IconLoader","renderElse"],"mappings":"isBAgC8CA,IAC5C,IAAAC,EAAAD,GAAAE,GAAAA,EAAAC,SACAA,EAAW,mBAAAC,MACXA,EAAQ,UAAAC,SACRA,GAAW,EAAAC,OACXA,EAAAC,KACAA,EAAAC,SACAA,EAAW,SAAAC,QACXA,GAAU,EAAAC,QACVA,EAAAC,KACAA,EAAO,SAAAC,KACPA,EAAO,UAAAC,OACPA,EAAAC,SACAA,GAAW,EAAAC,QACXA,GAAU,EAAAC,UACVA,EAAAC,YACAA,EAAc,UAhB8BhB,EAiBzCiB,+JAAAC,CAjByClB,EAiBzC,CAhBH,KACA,WACA,QACA,WACA,SACA,OACA,WACA,UACA,UACA,OACA,OACA,SACA,WACA,UACA,YACA,gBAGM,MAAAmB,EAAgBC,aAAW,SAAU,CACzC,CAAC,gBAAgBT,OAAWA,EAC5B,CAAC,gBAAgBD,OAAWA,EAC5B,CAAC,kBAAkBL,OAAaA,EAChC,CAAC,iBAAiBF,OAAYA,EAC9B,qBAAsBU,EACtB,qBAAsBT,EACtB,oBAAqBI,EACrB,aAAcM,EACd,CAAC,kBAAkBE,OAAkBA,EACrC,CAAC,MAAAD,EAAAA,EAAa,IAA0B,iBAAdA,IAO5B,MAAW,MAAPd,EAEAoB,MAAC,MAAEC,EAAA,CAAAP,UAAWI,EAAeb,OAAYM,UAAoBK,IAC1Df,cAMLqB,EAAAF,IAAC,SAAAG,EAAAF,EAAA,CACCP,UAAWI,EACXV,QAfJ,SAAqBgB,IACdrB,GAAcK,KAAiBgB,EACtC,EAcId,KAAMJ,EACNH,SAAUA,GAAYI,GAClBS,GALL,CAMCf,SAAAqB,EAAAF,IAACK,EAAAA,YAAA,CACCC,UAAWnB,EACXoB,eAAWC,EAAWA,WAAA,IACtBC,WAAY5B,MACd"}

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

@@ -1,2 +1,26 @@
+import { default as React, ReactNode } from 'react';
 
-export declare function Button(): import("react/jsx-runtime").JSX.Element;
+type ButtonProps = ({
+    as: 'a';
+    href: string;
+} | {
+    as?: 'button';
+    href?: never;
+}) & {
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    children?: ReactNode;
+    color?: 'default';
+    disabled?: boolean;
+    expand?: 'x';
+    htmlType?: 'button' | 'submit' | 'reset';
+    loading?: boolean;
+    size?: 'large' | 'medium';
+    type?: 'primary' | 'outlined' | 'ghost';
+    target?: string;
+    negative?: boolean;
+    btnText?: boolean;
+    className?: string;
+    borderWidth?: string;
+};
+export declare const Button: React.FC<ButtonProps>;
+export {};

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

@@ -1,7 +1,112 @@
+import './styles.css';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { jsx } from "react/jsx-runtime";
-import './styles.css';function Button() {
-  return /* @__PURE__ */ jsx("div", { className: "button", children: "My Button Test" });
-}
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { C as Conditional } from "../../index-CeZZT_W9.js";
+import "../../Icon-BvEdGGJ8.js";
+import { I as IconLoader } from "../../IconLoader-DydDdM8i.js";
+const Button = (_a) => {
+  var _b = _a, {
+    as,
+    children = "Button component",
+    color = "default",
+    disabled = false,
+    expand,
+    href,
+    htmlType = "button",
+    loading = false,
+    onClick,
+    size = "medium",
+    type = "primary",
+    target,
+    negative = false,
+    btnText = false,
+    className,
+    borderWidth = "medium"
+  } = _b, props = __objRest(_b, [
+    "as",
+    "children",
+    "color",
+    "disabled",
+    "expand",
+    "href",
+    "htmlType",
+    "loading",
+    "onClick",
+    "size",
+    "type",
+    "target",
+    "negative",
+    "btnText",
+    "className",
+    "borderWidth"
+  ]);
+  const buttonClasses = classNames("au-btn", {
+    [`au-btn--type-${type}`]: !!type,
+    [`au-btn--size-${size}`]: !!size,
+    [`au-btn--expand-${expand}`]: !!expand,
+    [`au-btn--color-${color}`]: !!color,
+    "au-btn--negative": !!negative,
+    "au-btn--disabled": !!disabled,
+    "au-btn--loading": !!loading,
+    "btn-text": !!btnText,
+    [`au-btn--border-${borderWidth}`]: !!borderWidth,
+    [className != null ? className : ""]: typeof className === "string"
+  });
+  function handleClick(e) {
+    if (!disabled && !!onClick) onClick(e);
+  }
+  if (as === "a") {
+    return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({ className: buttonClasses, href, target }, props), { children }));
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadProps(__spreadValues({
+      className: buttonClasses,
+      onClick: handleClick,
+      type: htmlType,
+      disabled: disabled || loading
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        Conditional,
+        {
+          condition: loading,
+          renderIf: /* @__PURE__ */ jsx(IconLoader, {}),
+          renderElse: children
+        }
+      )
+    })
+  );
+};
 export {
   Button
 };

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/Header/Header.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Header } from './index';
+
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+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"),n=require("../Text/index.cjs.js");require("../../Icon-MUF210wL.cjs");const r=require("../../IconChevronDown-sEGWmwfL.cjs"),i=require("../../index-BK77G4Uk.cjs"),s={Logo:({children:a})=>e.jsx("div",{className:"au-header__logo",children:a}),Navigation:({children:a})=>e.jsx("nav",{className:"au-header__navigation",children:a}),Navbar:({data:a,renderItem:n})=>e.jsx("nav",{className:"au-header__navbar",children:a.map((e=>n(e)))}),NavbarLink:({name:s,onClick:d,dropdown:c})=>e.jsxs(n.Text,{as:"a",variant:"body-medium",weight:"light",onClick:d,className:a.classNames("au-header__navbar-link",{"is-dropdown":c}),children:[s,e.jsx(i.Conditional,{condition:!!(null==c?void 0:c.length),renderIf:e.jsxs(e.Fragment,{children:[e.jsx(r.IconChevronDown,{}),e.jsx("div",{className:"au-header__dropdown",children:null==c?void 0:c.map((a=>e.jsx(n.Text,{as:"a",variant:"body-medium",weight:"light",className:"au-header__dropdown-link",children:a.name})))})]})})]}),NavbarActions:({onClickNotifications:a,onClickMenu:n})=>e.jsxs("div",{className:"au-header__navbar-actions",children:[e.jsx("div",{className:"au-header__navbar-notifications",onClick:a,children:e.jsx(r.IconBell,{})}),e.jsxs("div",{className:"au-header__navbar-menu",onClick:n,children:[e.jsx("div",{className:"au-header__navbar-letters",children:"FS"}),e.jsx(r.IconChevronDown,{})]})]})};exports.Header=({children:a})=>e.jsx("header",{className:"au-header",children:e.jsx("div",{className:"au-header__container",children:a})}),exports.default=s;
+//# 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/index.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/parts/HeaderWrap.tsx"],"sourcesContent":["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","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 { 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"],"names":["index","Logo","children","jsx","className","Navigation","Navbar","data","renderItem","map","item","NavbarLink","name","onClick","dropdown","jsxRuntime","jsxs","Text","as","variant","weight","classNames","Conditional","condition","length","renderIf","Fragment","IconChevronDown","NavbarActions","onClickNotifications","onClickMenu","IconBell"],"mappings":"wVASeA,EAAA,CACbC,KCJwB,EAAGC,gBACnBC,IAAA,MAAA,CAAIC,UAAU,kBAAmBF,aDIzCG,WEL8B,EAAGH,gBACzBC,IAAA,MAAA,CAAIC,UAAU,wBAAyBF,aFK/CI,OGJ0B,EAAGC,OAAMC,sBAEhC,MAAI,CAAAJ,UAAU,oBACZF,SAAKK,EAAAE,KAAKC,GACFF,EAAWE,OHCxBC,WIP8B,EAC9BC,OACAC,UACAC,cAGEC,EAAAC,KAACC,EAAAA,KAAA,CACCC,GAAG,IACHC,QAAQ,cACRC,OAAO,QACPP,UACAT,UAAWiB,aAAW,yBAA0B,CAC9C,cAAeP,IAEhBZ,SAAA,CAAAU,EAEDG,EAAAZ,IAACmB,EAAAA,YAAA,CACCC,aAAuB,MAAVT,OAAU,EAAAA,EAAAU,QACvBC,SAEIV,EAAAC,KAAAU,WAAA,CAAAxB,SAAA,CAAAa,EAAAZ,IAACwB,EAAgBA,gBAAA,UAChB,MAAI,CAAAvB,UAAU,sBACZF,SAAU,MAAAY,OAAA,EAAAA,EAAAL,KAAKC,GAEZK,EAAAZ,IAACc,EAAAA,KAAA,CACCC,GAAG,IACHC,QAAQ,cACRC,OAAO,QACPhB,UAAU,2BACTF,SAAKQ,EAAAE,mBJrBxBgB,cKPiC,EACjCC,uBACAC,mBAGEd,KAAC,MAAI,CAAAZ,UAAU,4BACbF,SAAA,CAAAa,EAAAZ,IAAC,MAAA,CACCC,UAAU,kCACVS,QAASgB,EACT3B,eAAC6B,EAASA,SAAA,MAGXf,EAAAA,KAAA,MAAA,CAAIZ,UAAU,yBAAyBS,QAASiB,EAC/C5B,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAIC,UAAU,4BAA4BF,SAAE,aAC5CyB,EAAgBA,gBAAA,0BCfC,EAAGzB,gBAEzBC,IAAC,UAAOC,UAAU,YAChBF,eAAC,MAAI,CAAAE,UAAU,uBAAwBF"}

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

@@ -0,0 +1,21 @@
+import { HeaderWrap as Header } from './parts/HeaderWrap';
+
+declare const _default: {
+    Logo: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Navigation: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Navbar: ({ data, renderItem }: {
+        data: import('./types').NavbarDataProps[];
+        renderItem: (item: import('./types').NavbarDataProps) => import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    NavbarLink: ({ name, onClick, dropdown, }: import('./types').NavbarDataProps) => import("react/jsx-runtime").JSX.Element;
+    NavbarActions: ({ onClickNotifications, onClickMenu, }: {
+        onClickNotifications?: (() => void) | undefined;
+        onClickMenu?: (() => void) | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export { Header };

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

@@ -0,0 +1,93 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { Text } from "../Text/index.es.js";
+import "../../Icon-BvEdGGJ8.js";
+import { I as IconChevronDown, a as IconBell } from "../../IconChevronDown-HbOwUDw5.js";
+import { C as Conditional } from "../../index-CeZZT_W9.js";
+import './styles.css';const HeaderWrap = ({ children }) => {
+  return /* @__PURE__ */ jsx("header", { className: "au-header", children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
+};
+const HeaderLogo = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__logo", children });
+};
+const HeaderNavigation = ({ children }) => {
+  return /* @__PURE__ */ jsx("nav", { className: "au-header__navigation", children });
+};
+const HeaderNavbar = ({ data, renderItem }) => {
+  return /* @__PURE__ */ jsx("nav", { className: "au-header__navbar", children: data.map((item) => {
+    return renderItem(item);
+  }) });
+};
+const HeaderNavbarLink = ({
+  name,
+  onClick,
+  dropdown
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      as: "a",
+      variant: "body-medium",
+      weight: "light",
+      onClick,
+      className: classNames("au-header__navbar-link", {
+        "is-dropdown": dropdown
+      }),
+      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__ */ jsx(
+                  Text,
+                  {
+                    as: "a",
+                    variant: "body-medium",
+                    weight: "light",
+                    className: "au-header__dropdown-link",
+                    children: item.name
+                  }
+                );
+              }) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+const HeaderNavbarActions = ({
+  onClickNotifications,
+  onClickMenu
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "au-header__navbar-actions", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "au-header__navbar-notifications",
+        onClick: onClickNotifications,
+        children: /* @__PURE__ */ jsx(IconBell, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "au-header__navbar-menu", onClick: onClickMenu, children: [
+      /* @__PURE__ */ jsx("div", { className: "au-header__navbar-letters", children: "FS" }),
+      /* @__PURE__ */ jsx(IconChevronDown, {})
+    ] })
+  ] });
+};
+const index = {
+  Logo: HeaderLogo,
+  Navigation: HeaderNavigation,
+  Navbar: HeaderNavbar,
+  NavbarLink: HeaderNavbarLink,
+  NavbarActions: HeaderNavbarActions
+};
+export {
+  HeaderWrap as Header,
+  index as default
+};
+//# sourceMappingURL=index.es.js.map