@consumidor-positivo/aurora 0.0.95 → 0.0.97

package/dist/components/Card/Container/index.d.ts

@@ -5,6 +5,7 @@ export type CardContainerProps = {
     alignItems?: 'center' | 'start';
     justifyContent?: 'center' | 'space-between';
     gap?: number;
+    width?: number;
     children: ReactNode;
 };
-export declare const CardContainer: ({ direction, alignItems, justifyContent, gap, children, }: CardContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardContainer: ({ direction, alignItems, justifyContent, gap, width, children, }: CardContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Root/index.d.ts

@@ -2,10 +2,11 @@ import { ReactNode } from 'react';
 
 export type CardRootProps = {
     border?: boolean;
+    color?: 'primary' | 'secondary';
     width?: number;
     height?: number;
     maxWidth?: number;
     maxHeight?: number;
     children: ReactNode;
 };
-export declare const CardRoot: ({ border, width, height, maxWidth, maxHeight, children, }: CardRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardRoot: ({ border, color, width, height, maxWidth, maxHeight, children, }: CardRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { CardTag } from "../Tag/index.es.js";
 import './styles.css';const CardRoot = ({
   border = true,
+  color = "primary",
   width,
   height,
   maxWidth,
@@ -13,7 +14,8 @@ import './styles.css';const CardRoot = ({
   children
 }) => {
   const rootClasses = classNames("au-card__root", {
-    "au-card__root--border-none": !border
+    "au-card__root--border-none": !border,
+    "au-card__root--color-secondary": color === "secondary"
   });
   const rootSize = {
     width: `${width}px`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  children,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACb,QAAA,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,EAAA,CAChC;AACD,QAAM,WAA0B;AAAA,IAC9B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,IACjB,UAAU,GAAG,QAAQ;AAAA,IACrB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;ACrBA,MAAM,aAAyB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AACP;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,QAAQ,GAAG;AACrC,CAAC;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Root/index.tsx","../../../lib/components/Card/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  children,\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACb,QAAA,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,IAC/B,kCAAkC,UAAU;AAAA,EAAA,CAC7C;AACD,QAAM,WAA0B;AAAA,IAC9B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,IACjB,UAAU,GAAG,QAAQ;AAAA,IACrB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;ACxBA,MAAM,aAAyB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AACP;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,QAAQ,GAAG;AACrC,CAAC;"}

package/dist/components/Card/styles.css

@@ -1 +1 @@
-.au-card{font-family:"Source Sans 3",sans-serif}.au-card__root{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;padding:16px}.au-card__root--border-none{border:none}.au-card__container{display:flex;flex-direction:column;align-items:start;width:100%;height:100%}.au-card__container--direction-row{flex-direction:row}.au-card__container--align-items-center{align-items:center}.au-card__container--justify-content-center{justify-content:center}.au-card__container--justify-content-space-between{justify-content:space-between}.au-card__emphasis{background-color:#f2f5fc;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;margin:0 -16px;width:calc(100% + 32px)}.au-card__emphasis-container{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:end}.au-card__tag{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 16px;width:100%;color:#16181d;font-size:14px;font-weight:600;line-height:21px}.au-card__tag--primary{background-color:#95f0cf}.au-card__tag--secondary{background-color:#eee6ff}
+.au-card{font-family:"Source Sans 3",sans-serif}.au-card__root{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;padding:16px}.au-card__root--border-none{border:none}.au-card__root--color-secondary{background-color:#f6f7fa}.au-card__container{display:flex;flex-direction:column;align-items:start;width:100%;height:100%}.au-card__container--direction-row{flex-direction:row}.au-card__container--align-items-center{align-items:center}.au-card__container--justify-content-center{justify-content:center}.au-card__container--justify-content-space-between{justify-content:space-between}.au-card__emphasis{background-color:#f2f5fc;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;margin:0 -16px;width:calc(100% + 32px)}.au-card__emphasis-container{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:end}.au-card__tag{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 16px;width:100%;color:#16181d;font-size:14px;font-weight:600;line-height:21px}.au-card__tag--primary{background-color:#95f0cf}.au-card__tag--secondary{background-color:#eee6ff}

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

@@ -5,6 +5,7 @@ const CardContainer = ({
   alignItems,
   justifyContent,
   gap,
+  width,
   children
 }) => {
   const containerClasses = classNames("au-card__container", {
@@ -13,7 +14,8 @@ const CardContainer = ({
     [`au-card__container--justify-content-${justifyContent}`]: justifyContent
   });
   const containerStyle = {
-    gap: `${gap}px`
+    gap: `${gap}px`,
+    width: `${width}px`
   };
   return /* @__PURE__ */ jsx("div", { style: containerStyle, className: containerClasses, children });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Container/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n  direction?: 'column' | 'row'\n  alignItems?: 'center' | 'start'\n  justifyContent?: 'center' | 'space-between'\n  gap?: number\n  children: ReactNode\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  children,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n  }\n  return (\n    <div style={containerStyle} className={containerClasses}>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAUO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA,mBAAmB,WAAW,sBAAsB;AAAA,IACxD,CAAC,iCAAiC,SAAS,EAAE,GAAG;AAAA,IAChD,CAAC,mCAAmC,UAAU,EAAE,GAAG;AAAA,IACnD,CAAC,uCAAuC,cAAc,EAAE,GAAG;AAAA,EAAA,CAC5D;AAED,QAAM,iBAAgC;AAAA,IACpC,KAAK,GAAG,GAAG;AAAA,EAAA;AAEb,6BACG,OAAI,EAAA,OAAO,gBAAgB,WAAW,kBACpC,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Container/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n  direction?: 'column' | 'row'\n  alignItems?: 'center' | 'start'\n  justifyContent?: 'center' | 'space-between'\n  gap?: number\n  width?: number\n  children: ReactNode\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n    width: `${width}px`\n  }\n  return (\n    <div style={containerStyle} className={containerClasses}>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAWO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA,mBAAmB,WAAW,sBAAsB;AAAA,IACxD,CAAC,iCAAiC,SAAS,EAAE,GAAG;AAAA,IAChD,CAAC,mCAAmC,UAAU,EAAE,GAAG;AAAA,IACnD,CAAC,uCAAuC,cAAc,EAAE,GAAG;AAAA,EAAA,CAC5D;AAED,QAAM,iBAAgC;AAAA,IACpC,KAAK,GAAG,GAAG;AAAA,IACX,OAAO,GAAG,KAAK;AAAA,EAAA;AAEjB,6BACG,OAAI,EAAA,OAAO,gBAAgB,WAAW,kBACpC,SACH,CAAA;AAEJ;"}

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 const FieldErrorMessage = ({ hasError, message }) => {
   if (!hasError || !message) return null;
-  return /* @__PURE__ */ jsx("p", { className: "au-field__message au-field__error-message", children: message });
+  return /* @__PURE__ */ jsx("p", { className: "au-field__message au-field__message--error", children: message });
 };
 export {
   FieldErrorMessage

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/ErrorMessage/index.tsx"],"sourcesContent":["type ErrorMessageProps = {\n  hasError?: boolean\n  message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n  if (!hasError || !message) return null\n\n  return <p className=\"au-field__message au-field__error-message\">{message}</p>\n}\n"],"names":[],"mappings":";AAKO,MAAM,oBAAoB,CAAC,EAAE,UAAU,cAAiC;AAC7E,MAAI,CAAC,YAAY,CAAC,QAAgB,QAAA;AAElC,SAAQ,oBAAA,KAAA,EAAE,WAAU,6CAA6C,UAAQ,QAAA,CAAA;AAC3E;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/ErrorMessage/index.tsx"],"sourcesContent":["type ErrorMessageProps = {\n  hasError?: boolean\n  message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n  if (!hasError || !message) return null\n\n  return <p className=\"au-field__message au-field__message--error\">{message}</p>\n}\n"],"names":[],"mappings":";AAKO,MAAM,oBAAoB,CAAC,EAAE,UAAU,cAAiC;AAC7E,MAAI,CAAC,YAAY,CAAC,QAAgB,QAAA;AAElC,SAAQ,oBAAA,KAAA,EAAE,WAAU,8CAA8C,UAAQ,QAAA,CAAA;AAC5E;"}

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from './index';
+
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Example: Story;
+export declare const Square: Story;
+export declare const Circle: Story;
+export declare const Block: Story;
+export declare const NotActive: Story;

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

@@ -0,0 +1,11 @@
+
+type SkeletonProps = {
+    active?: boolean;
+    shape?: 'default' | 'square' | 'circle';
+    color?: 'primary' | 'secondary';
+    block?: boolean;
+    width?: number;
+    height?: number;
+};
+export declare const Skeleton: ({ active, shape, color, block, height, width, }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import './styles.css';const Skeleton = ({
+  active = true,
+  shape = "default",
+  color = "primary",
+  block = false,
+  height,
+  width
+}) => {
+  const skeletonClasses = classNames("au-skeleton", {
+    "au-skeleton--active": active,
+    "au-skeleton--shape-square": shape === "square",
+    "au-skeleton--shape-circle": shape === "circle",
+    "au-skeleton--color-secondary": color === "secondary"
+  });
+  const skeletonSize = {
+    height: height ? `${height}px` : "28px",
+    width: width ? `${width}px` : block ? "100%" : "80px"
+  };
+  return /* @__PURE__ */ jsx("div", { className: skeletonClasses, style: skeletonSize });
+};
+export {
+  Skeleton
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Skeleton/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties } from 'react'\nimport './styles.scss'\n\ntype SkeletonProps = {\n  active?: boolean\n  shape?: 'default' | 'square' | 'circle'\n  color?: 'primary' | 'secondary'\n  block?: boolean\n  width?: number\n  height?: number\n}\n\nexport const Skeleton = ({\n  active = true,\n  shape = 'default',\n  color = 'primary',\n  block = false,\n  height,\n  width,\n}: SkeletonProps) => {\n  const skeletonClasses = classNames('au-skeleton', {\n    'au-skeleton--active': active,\n    'au-skeleton--shape-square': shape === 'square',\n    'au-skeleton--shape-circle': shape === 'circle',\n    'au-skeleton--color-secondary': color === 'secondary',\n  })\n\n  const skeletonSize: CSSProperties = {\n    height: height ? `${height}px` : '28px',\n    width: width ? `${width}px` : block ? '100%' : '80px',\n  }\n\n  return <div className={skeletonClasses} style={skeletonSize}></div>\n}\n"],"names":[],"mappings":";;AAaO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAqB;AACb,QAAA,kBAAkB,WAAW,eAAe;AAAA,IAChD,uBAAuB;AAAA,IACvB,6BAA6B,UAAU;AAAA,IACvC,6BAA6B,UAAU;AAAA,IACvC,gCAAgC,UAAU;AAAA,EAAA,CAC3C;AAED,QAAM,eAA8B;AAAA,IAClC,QAAQ,SAAS,GAAG,MAAM,OAAO;AAAA,IACjC,OAAO,QAAQ,GAAG,KAAK,OAAO,QAAQ,SAAS;AAAA,EAAA;AAGjD,SAAQ,oBAAA,OAAA,EAAI,WAAW,iBAAiB,OAAO,aAAc,CAAA;AAC/D;"}

package/dist/components/Skeleton/styles.css

@@ -0,0 +1 @@
+.au-skeleton{background-color:#f6f7fa;border-radius:8px}.au-skeleton--color-secondary{background-color:#ecedf1}.au-skeleton--active{background:linear-gradient(90deg,#f6f7fa 25%,#ecedf1,#f6f7fa 75%);background-size:200% 100%;animation:loadingAnimation 1.5s infinite}.au-skeleton--shape{border-radius:8px}.au-skeleton--shape-square{border-radius:0}.au-skeleton--shape-circle{border-radius:100px}@keyframes loadingAnimation{0%{background-position:200% 0}to{background-position:0 0}}

package/dist/main.d.ts

@@ -19,6 +19,7 @@ export { Checkbox } from './components/form/Checkbox';
 export { Radio } from './components/form/Radio';
 export { Alert } from './components/Alert';
 export { Card } from './components/Card';
+export { Skeleton } from './components/Skeleton';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';
 export * from './components/icons';

package/dist/main.es.js

@@ -18,6 +18,7 @@ import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
 import { Card } from "./components/Card/index.es.js";
+import { Skeleton } from "./components/Skeleton/index.es.js";
 import { useState } from "react";
 import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-DMp-1eWT.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
@@ -796,6 +797,7 @@ export {
   ae as SPACING_800,
   af as SPACING_900,
   SelectField,
+  Skeleton,
   Text,
   TextAreaField,
   TokenField,

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.0.95",
+  "version": "0.0.97",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",