takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/esm/components/MockComponent/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+TAAA,4PAWlC,IAAA,CAAC"}

package/dist/esm/components/Modal/Modal.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Modal from ".";
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type Story = StoryObj<typeof Modal>;
-export declare const Example: Story;

package/dist/esm/components/Modal/Modal.stories.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../Button";
-import { useState } from "react";
-import Modal from ".";
-import { DEFAULT_THEME } from "../../utils/consts";
-import { IconTakeatFilled } from "../icons";
-import { Subtitle } from "../StoriesComponents";
-var meta = {
-    component: Modal,
-    title: "Design System/Modal",
-    parameters: {
-        componentSubtitle: (_jsx(Subtitle, { children: "Componente que exibe um modal acima de todos os outros elementos da p\u00E1gina. Usado para exibir informa\u00E7\u00F5es importantes ou que precisam de intera\u00E7\u00E3o do usu\u00E1rio." })),
-    },
-    argTypes: {
-        open: {
-            description: "Variável que diz se o modal está aberto ou fechado",
-            control: {
-                type: "boolean",
-            },
-        },
-        toggle: {
-            description: "Função chamada ao clicar fora do modal",
-            control: {
-                disable: true,
-            },
-        },
-        overlayStyles: {
-            description: "Estilos CSS para a div que fica atras do modal e que chama o função toggle ao ser clicada",
-            control: {
-                type: "object",
-            },
-        },
-    },
-};
-export default meta;
-export var Example = {
-    render: function () {
-        var _a = useState(false), modalOpen = _a[0], setModalOpen = _a[1];
-        return (_jsxs("div", { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, triggerKey: "o", children: "Open Modal" }), _jsxs(Modal, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, style: { height: "fit-content" }, children: [_jsxs(Modal.Header, { children: [_jsx("h1", { children: "Modal de teste" }), _jsx("h2", { children: "Subtitulo do modal de teste" })] }), _jsxs(Modal.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", _jsx(IconTakeatFilled, {})] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), _jsx(Button, { customColor: DEFAULT_THEME.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
-    },
-};
-//# sourceMappingURL=Modal.stories.js.map

package/dist/esm/components/Modal/Modal.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,GAAG,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,0BACE,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EAAE,UAAU,EAAC,GAAG,2BAEtD,EAET,MAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACtC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,aAEhC,MAAC,KAAK,CAAC,MAAM,eACX,0CAAuB,EACvB,uDAAoC,IACvB,EACf,MAAC,KAAK,CAAC,IAAI,yQAIiD,GAAG,EAC7D,KAAC,gBAAgB,KAAG,IACT,EACb,MAAC,KAAK,CAAC,MAAM,eACX,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAAiB,EAChE,KAAC,MAAM,IACL,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAC/C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAGhC,IACI,IACT,IACJ,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/esm/components/Modal/index.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    toggle?: () => void;
-    hasClose?: boolean;
-}
-interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const ModalComponent: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "open"> & {
-    open?: boolean;
-    toggle?: () => void;
-    overlayStyles?: React.CSSProperties;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Header: ({ children, hasClose, toggle, ...props }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ children, ...props }: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, ...props }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default ModalComponent;

package/dist/esm/components/Modal/index.js

@@ -1,35 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
-import { Dialog } from "@base-ui/react/dialog";
-import { modalBodyClass, modalContentClass, modalFooterClass, modalHeaderClass, modalOverlayClass, modalTitlesClass, } from "./styles.css";
-import { IconClose } from "../icons";
-var Modal = forwardRef(function Modal(_a, ref) {
-    var open = _a.open, toggle = _a.toggle, overlayStyles = _a.overlayStyles, children = _a.children, props = __rest(_a, ["open", "toggle", "overlayStyles", "children"]);
-    var modifiedChildren = React.Children.map(children, function (child) {
-        if (React.isValidElement(child) &&
-            child.props.hasClose) {
-            return React.cloneElement(child, { toggle: toggle });
-        }
-        return child;
-    });
-    return (_jsx(Dialog.Root, { open: open, onOpenChange: function (isOpen) {
-            if (!isOpen)
-                toggle === null || toggle === void 0 ? void 0 : toggle();
-        }, children: _jsx(Dialog.Portal, { children: _jsx(Dialog.Backdrop, { className: modalOverlayClass, style: overlayStyles, children: _jsx(Dialog.Popup, __assign({ className: modalContentClass, ref: ref }, props, { children: modifiedChildren })) }) }) }));
-});
-var Header = function (_a) {
-    var children = _a.children, hasClose = _a.hasClose, toggle = _a.toggle, props = __rest(_a, ["children", "hasClose", "toggle"]);
-    return (_jsxs("div", __assign({ className: modalHeaderClass }, props, { children: [_jsx("div", { className: modalTitlesClass, children: children }), hasClose && _jsx(IconClose, { onClick: function () { return toggle === null || toggle === void 0 ? void 0 : toggle(); } })] })));
-};
-var Body = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return _jsx("div", __assign({ className: modalBodyClass }, props, { children: children }));
-};
-var Footer = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return _jsx("div", __assign({ className: modalFooterClass }, props, { children: children }));
-};
-var ModalComponent = Object.assign(Modal, { Header: Header, Body: Body, Footer: Footer });
-export default ModalComponent;
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQrC,IAAM,KAAK,GAAG,UAAU,CAAC,SAAS,KAAK,CACrC,EAA+D,EAC/D,GAA8B;IAD5B,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjD,+CAAmD,CAAF;IAGjD,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACzC,QAA2B,EAC3B,UAAC,KAAsB;QACrB,IACE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAC1B,KAAK,CAAC,KAAiC,CAAC,QAAQ,EACjD,CAAC;YACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAoD,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;QAC9F,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CACF,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,UAAC,MAAM;YACnB,IAAI,CAAC,MAAM;gBAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;QAC1B,CAAC,YAED,KAAC,MAAM,CAAC,MAAM,cACZ,KAAC,MAAM,CAAC,QAAQ,IAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,YACjE,KAAC,MAAM,CAAC,KAAK,aAAC,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,cAC5D,gBAAgB,IACJ,GACC,GACJ,GACJ,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,IAAM,MAAM,GAAG,UAAC,EAA0D;IAAxD,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IACpD,OAAO,CACL,wBAAK,SAAS,EAAE,gBAAgB,IAAM,KAAK,eACzC,cAAK,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAO,EACjD,QAAQ,IAAI,KAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,EAAV,CAAU,GAAI,KACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,IAAM,IAAI,GAAG,UAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAChC,OAAO,uBAAK,SAAS,EAAE,cAAc,IAAM,KAAK,cAAG,QAAQ,IAAO,CAAC;AACrE,CAAC,CAAC;AAIF,IAAM,MAAM,GAAG,UAAC,EAAwC;IAAtC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAClC,OAAO,uBAAK,SAAS,EAAE,gBAAgB,IAAM,KAAK,cAAG,QAAQ,IAAO,CAAC;AACvE,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;AAEtE,eAAe,cAAc,CAAC"}

package/dist/esm/components/Modal/styles.css.d.ts

@@ -1,6 +0,0 @@
-export declare const modalOverlayClass: string;
-export declare const modalContentClass: string;
-export declare const modalHeaderClass: string;
-export declare const modalTitlesClass: string;
-export declare const modalBodyClass: string;
-export declare const modalFooterClass: string;

package/dist/esm/components/Modal/styles.css.js

@@ -1,84 +0,0 @@
-import { globalStyle, style } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-export var modalOverlayClass = style({
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100dvw",
-    height: "100dvh",
-    padding: vars.spacing.m,
-    backgroundColor: "".concat(vars.colors.neutral.darker, "33"),
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    backdropFilter: "blur(2px)",
-    zIndex: 999,
-    opacity: 0,
-    transition: "opacity 0.3s",
-    selectors: {
-        "&[data-open]": {
-            opacity: 1,
-        },
-    },
-});
-export var modalContentClass = style({
-    display: "flex",
-    flexDirection: "column",
-    backgroundColor: "white",
-    gap: "12px",
-    borderRadius: vars.radius.l,
-    boxShadow: vars.shadows.default,
-    width: "fit-content",
-    height: "fit-content",
-    minWidth: "fit-content",
-    transformOrigin: "bottom center",
-    transform: "scale(0.9)",
-    opacity: 0,
-    transition: "transform 0.3s, opacity 0.3s",
-    selectors: {
-        "&[data-open]": {
-            transform: "scale(1)",
-            opacity: 1,
-        },
-    },
-});
-export var modalHeaderClass = style({
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "flex-start",
-});
-globalStyle("".concat(modalHeaderClass, " svg"), {
-    cursor: "pointer",
-});
-export var modalTitlesClass = style({
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-});
-globalStyle("".concat(modalTitlesClass, " h1"), {
-    margin: 0,
-    color: vars.colors.neutral.darker,
-    fontSize: "22px",
-    fontStyle: "normal",
-    fontWeight: 600,
-    lineHeight: "28px",
-});
-globalStyle("".concat(modalTitlesClass, " h2"), {
-    margin: 0,
-    color: vars.colors.neutral.dark,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 500,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-});
-export var modalBodyClass = style({
-    flexGrow: 1,
-    overflowY: "auto",
-});
-export var modalFooterClass = style({
-    display: "flex",
-    justifyContent: "flex-end",
-    gap: vars.spacing.xs,
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/Modal/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACvB,eAAe,EAAE,UAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,OAAI;IAClD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,WAAW;IAC3B,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,cAAc;IAC1B,SAAS,EAAE;QACT,cAAc,EAAE;YACd,OAAO,EAAE,CAAC;SACX;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,eAAe,EAAE,OAAO;IACxB,GAAG,EAAE,MAAM;IACX,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;IAC/B,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,aAAa;IACvB,eAAe,EAAE,eAAe;IAChC,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,cAAc,EAAE;YACd,SAAS,EAAE,UAAU;YACrB,OAAO,EAAE,CAAC;SACX;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,YAAY;CACzB,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,gBAAgB,SAAM,EAAE;IACrC,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,gBAAgB,QAAK,EAAE;IACpC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;IACjC,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,gBAAgB,QAAK,EAAE;IACpC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC/B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,OAAO;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE;CACrB,CAAC,CAAC"}

package/dist/esm/components/Modal/styles.d.ts

@@ -1,10 +0,0 @@
-export declare const ModalOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/dialog").DialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/dialog").DialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/dialog").DialogPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/dialog").DialogPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalTitles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/Modal/styles.js

@@ -1,32 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { Dialog } from "@base-ui/react/dialog";
-import styled from "styled-components";
-export var ModalOverlay = styled(Dialog.Backdrop)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100dvw;\n  height: 100dvh;\n  padding: ", ";\n  background-color: ", "33;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  backdrop-filter: blur(2px);\n  z-index: 999;\n  opacity: 0;\n  transition: opacity 0.3s;\n\n  &[data-open] {\n    opacity: 1;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100dvw;\n  height: 100dvh;\n  padding: ", ";\n  background-color: ", "33;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  backdrop-filter: blur(2px);\n  z-index: 999;\n  opacity: 0;\n  transition: opacity 0.3s;\n\n  &[data-open] {\n    opacity: 1;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-});
-export var ModalContent = styled(Dialog.Popup)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  gap: 12px;\n  border-radius: ", ";\n  box-shadow: ", ";\n  width: fit-content;\n  height: fit-content;\n  min-width: fit-content;\n  transform-origin: bottom center;\n  transform: scale(0.9);\n  opacity: 0;\n  transition:\n    transform 0.3s,\n    opacity 0.3s;\n\n  &[data-open] {\n    transform: scale(1);\n    opacity: 1;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  gap: 12px;\n  border-radius: ", ";\n  box-shadow: ", ";\n  width: fit-content;\n  height: fit-content;\n  min-width: fit-content;\n  transform-origin: bottom center;\n  transform: scale(0.9);\n  opacity: 0;\n  transition:\n    transform 0.3s,\n    opacity 0.3s;\n\n  &[data-open] {\n    transform: scale(1);\n    opacity: 1;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.radius.l;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-});
-export var ModalHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
-export var ModalTitles = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n\n  h1 {\n    margin: 0;\n    color: ", ";\n    font-size: 22px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 28px;\n  }\n\n  h2 {\n    margin: 0;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n\n  h1 {\n    margin: 0;\n    color: ", ";\n    font-size: 22px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 28px;\n  }\n\n  h2 {\n    margin: 0;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-});
-export var ModalBody = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex-grow: 1;\n  overflow-y: auto;\n"], ["\n  flex-grow: 1;\n  overflow-y: auto;\n"])));
-export var ModalFooter = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-//# sourceMappingURL=styles.js.map

package/dist/esm/components/Modal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,kZAAA,+FAMtC,EAA8B,yBACrB,EAA0C,mNAY/D,KAbY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EACrB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,CAY/D,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,6dAAA,4GAK7B,EAA6B,mBAChC,EAAoC,uRAenD,KAhBkB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAChC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,CAenD,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,8LAAA,2HAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+bAAA,uGAOxB,EAA0C,6IAS1C,EAAwC,oIAOpD,KAhBY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAS1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,CAOpD,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,6GAAA,0CAGlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qIAAA,2DAG5B,EAA+B,KACvC,KADQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,CACvC,CAAC"}

package/dist/esm/components/NeutralBadge/NeutralBadge.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { NeutralBadge } from ".";
-declare const meta: Meta<typeof NeutralBadge>;
-export default meta;
-type Story = StoryObj<typeof NeutralBadge>;
-export declare const Example: Story;

package/dist/esm/components/NeutralBadge/NeutralBadge.stories.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NeutralBadge } from ".";
-import { Subtitle } from "../StoriesComponents";
-var meta = {
-    title: "Design System/NeutralBadge",
-    component: NeutralBadge,
-    parameters: {
-        componentSubtitle: (_jsx(Subtitle, { children: "Badge para informa\u00E7\u00F5es neutras que n\u00E3o precisem de tanto destaque. Ex.: Os complementos no totem." })),
-    },
-    argTypes: {
-        children: {
-            description: "Componente ou texto a ser exibido no badge.",
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-    },
-    args: {},
-};
-export default meta;
-export var Example = {
-    name: "Exemplo",
-    args: {
-        children: "Neutral Badge",
-    },
-};
-//# sourceMappingURL=NeutralBadge.stories.js.map

package/dist/esm/components/NeutralBadge/NeutralBadge.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeutralBadge.stories.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/NeutralBadge.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,IAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,mIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC"}

package/dist/esm/components/NeutralBadge/index.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-interface NeutralBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-export declare const NeutralBadge: React.ForwardRefExoticComponent<NeutralBadgeProps & React.RefAttributes<HTMLSpanElement>>;
-export {};

package/dist/esm/components/NeutralBadge/index.js

@@ -1,9 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { neutralBadge } from "./styles.css";
-export var NeutralBadge = forwardRef(function NeutralBadge(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (_jsx("span", __assign({ className: neutralBadge, ref: ref }, props, { children: children })));
-});
-//# sourceMappingURL=index.js.map

package/dist/esm/components/NeutralBadge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAI5C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC,SAAS,YAAY,CAC1D,EAAyC,EACzC,GAA+B;IAD7B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAGpB,OAAO,CACL,wBAAM,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,cAC/C,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/NeutralBadge/styles.css.d.ts

@@ -1 +0,0 @@
-export declare const neutralBadge: string;

package/dist/esm/components/NeutralBadge/styles.css.js

@@ -1,18 +0,0 @@
-import { style } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-export var neutralBadge = style({
-    display: "flex",
-    padding: "2px ".concat(vars.spacing.xs),
-    alignItems: "flex-start",
-    gap: "10px",
-    borderRadius: "20px",
-    background: vars.colors.neutral.lightest,
-    color: vars.colors.neutral.darker,
-    fontFamily: vars.typography.family.default,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 500,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/NeutralBadge/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC;IAChC,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,cAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAE;IACjC,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,MAAM;IACX,YAAY,EAAE,MAAM;IACpB,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;IACxC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;IACjC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;IAC1C,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,OAAO;CACvB,CAAC,CAAC"}

package/dist/esm/components/NeutralBadge/styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledNeutralBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/esm/components/NeutralBadge/styles.js

@@ -1,17 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var StyledNeutralBadge = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 2px ", ";\n  align-items: flex-start;\n  gap: 10px;\n  border-radius: 20px;\n  background: ", ";\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"], ["\n  display: flex;\n  padding: 2px ", ";\n  align-items: flex-start;\n  gap: 10px;\n  border-radius: 20px;\n  background: ", ";\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

package/dist/esm/components/NeutralBadge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NeutralBadge/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,6WAAA,qCAE5B,EAA+B,qFAIhC,EAA4C,gBAEjD,EAA0C,oBACpC,EAA8C,oIAM9D,KAbgB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAEjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EACpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,CAM9D,CAAC"}

package/dist/esm/components/NotificationBanner/NotificationBanner.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { NotificationBanner } from ".";
-declare const meta: Meta<typeof NotificationBanner>;
-export default meta;
-type Story = StoryObj<typeof NotificationBanner>;
-export declare const Example: Story;

package/dist/esm/components/NotificationBanner/NotificationBanner.stories.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { NotificationBanner } from ".";
-import { Subtitle } from "../StoriesComponents";
-var meta = {
-    component: NotificationBanner,
-    title: "Design System/NotificationBanner",
-    parameters: {
-        componentSubtitle: (_jsx(Subtitle, { children: "Componente que exibe um banner com informa\u00E7\u00F5es importantes para o usu\u00E1rio." })),
-    },
-    argTypes: {
-        variant: {
-            description: "Tipo do banner.",
-            table: {
-                type: {
-                    summary: "String com uma das opções do control ->",
-                },
-                defaultValue: {
-                    summary: "info",
-                },
-            },
-            control: {
-                type: "inline-radio",
-                options: ["success", "error", "warning", "info"],
-            },
-        },
-        children: {
-            description: "Conteúdo do banner. Pode ser um texto ou um componente.",
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-            control: {
-                type: "text",
-            },
-        },
-        isOpen: {
-            description: "Controla a visibilidade do banner.",
-            control: {
-                type: "boolean",
-            },
-        },
-        onClose: {
-            description: "Função chamada ao fechar o banner. Habilita o botão de fechar.",
-            action: "onClose",
-        },
-    },
-};
-export default meta;
-export var Example = {
-    args: {
-        isOpen: true,
-        variant: "info",
-        children: (_jsxs("div", { children: [_jsx("h2", { children: "Titulo" }), _jsx("p", { children: "conte\u00FAdo do banner" })] })),
-    },
-};
-//# sourceMappingURL=NotificationBanner.stories.js.map

package/dist/esm/components/NotificationBanner/NotificationBanner.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationBanner.stories.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/NotificationBanner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,IAAM,IAAI,GAAoC;IAC5C,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,kCAAkC;IACzC,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,4GAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,WAAW,EAAE,iBAAiB;YAC9B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,yCAAyC;iBACnD;gBACD,YAAY,EAAE;oBACZ,OAAO,EAAE,MAAM;iBAChB;aACF;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;aACjD;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,yDAAyD;YACtE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EACT,gEAAgE;YAClE,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,CACR,0BACE,kCAAe,EACf,kDAAyB,IACrB,CACP;KACF;CACF,CAAC"}

package/dist/esm/components/NotificationBanner/index.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-interface NotificationBannerProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: keyof typeof BANNER_OPTIONS;
-    onClose?: () => void;
-    isOpen?: boolean;
-}
-declare const BANNER_OPTIONS: {
-    success: {
-        color: string;
-        icon: import("react/jsx-runtime").JSX.Element;
-    };
-    warning: {
-        color: string;
-        icon: import("react/jsx-runtime").JSX.Element;
-    };
-    error: {
-        color: string;
-        icon: import("react/jsx-runtime").JSX.Element;
-    };
-    info: {
-        color: string;
-        icon: import("react/jsx-runtime").JSX.Element;
-    };
-};
-export declare const NotificationBanner: React.ForwardRefExoticComponent<NotificationBannerProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/esm/components/NotificationBanner/index.js

@@ -1,45 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { notificationBannerWrapper, contentWrapper, bgColorVar, borderColorVar, iconColorVar, } from "./styles.css";
-import { IconCheck, IconClose, IconCloseCircle, IconInfo, IconWarning, } from "../icons";
-import { DEFAULT_THEME } from "../../utils/consts";
-import { getBrighterColor } from "../../utils/functions";
-var BANNER_OPTIONS = {
-    success: {
-        color: "green",
-        icon: _jsx(IconCheck, {}),
-    },
-    warning: {
-        color: "yellow",
-        icon: _jsx(IconWarning, {}),
-    },
-    error: {
-        color: "red",
-        icon: _jsx(IconCloseCircle, {}),
-    },
-    info: {
-        color: "blue",
-        icon: _jsx(IconInfo, {}),
-    },
-};
-export var NotificationBanner = forwardRef(function NotificationBanner(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? "info" : _b, onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, props = __rest(_a, ["variant", "onClose", "isOpen", "children"]);
-    var colorName = BANNER_OPTIONS[variant].color;
-    var colorStyles = useMemo(function () {
-        var _a;
-        var bgColor = getBrighterColor(DEFAULT_THEME.colors[colorName].lightest, 60);
-        var borderColor = DEFAULT_THEME.colors[colorName].lighter;
-        var iconColor = DEFAULT_THEME.colors[colorName].default;
-        return assignInlineVars((_a = {},
-            _a[bgColorVar] = bgColor,
-            _a[borderColorVar] = borderColor,
-            _a[iconColorVar] = iconColor,
-            _a));
-    }, [colorName]);
-    var transform = isOpen ? "scaleY(1)" : "scaleY(0)";
-    var pointerEvents = isOpen ? "auto" : "none";
-    return (_jsxs("div", __assign({ ref: ref, className: notificationBannerWrapper, style: __assign(__assign({}, colorStyles), { transform: transform, pointerEvents: pointerEvents }), role: variant === "error" || variant === "warning" ? "alert" : "status", "aria-live": variant === "error" ? "assertive" : "polite" }, props, { children: [BANNER_OPTIONS[variant].icon, _jsx("div", { className: contentWrapper, children: children }), !!onClose && (_jsx(IconClose, { className: "close-icon", onClick: function () { return onClose(); }, "aria-label": "Fechar notifica\u00E7\u00E3o" }))] })));
-});
-//# sourceMappingURL=index.js.map

package/dist/esm/components/NotificationBanner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EACL,yBAAyB,EACzB,cAAc,EACd,UAAU,EACV,cAAc,EACd,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,SAAS,EACT,eAAe,EACf,QAAQ,EACR,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQzD,IAAM,cAAc,GAAG;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,KAAC,SAAS,KAAG;KACpB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,KAAC,WAAW,KAAG;KACtB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAC,eAAe,KAAG;KAC1B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,KAAC,QAAQ,KAAG;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CACtE,EAM0B,EAC1B,GAA8B;IAN5B,IAAA,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACL,KAAK,cALV,4CAMC,CADS;IAIV,IAAM,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IAEhD,IAAM,WAAW,GAAG,OAAO,CAAC;;QAC1B,IAAM,OAAO,GAAG,gBAAgB,CAC9B,aAAa,CAAC,MAAM,CAAC,SAA8C,CAAC,CAAC,QAAQ,EAC7E,EAAE,CACH,CAAC;QACF,IAAM,WAAW,GACf,aAAa,CAAC,MAAM,CAAC,SAA8C,CAAC,CAAC,OAAO,CAAC;QAC/E,IAAM,SAAS,GACb,aAAa,CAAC,MAAM,CAAC,SAA8C,CAAC,CAAC,OAAO,CAAC;QAE/E,OAAO,gBAAgB;YACrB,GAAC,UAAU,IAAG,OAAO;YACrB,GAAC,cAAc,IAAG,WAAW;YAC7B,GAAC,YAAY,IAAG,SAAS;gBACG,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IACrD,IAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAE/C,OAAO,CACL,wBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,yBAAyB,EACpC,KAAK,EAAE,sBACF,WAAW,KACd,SAAS,WAAA,EACT,aAAa,eAAA,GACG,EAClB,IAAI,EAAE,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eAC5D,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IACnD,KAAK,eAER,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAC7B,cAAK,SAAS,EAAE,cAAc,YAAG,QAAQ,GAAO,EAC/C,CAAC,CAAC,OAAO,IAAI,CACZ,KAAC,SAAS,IACR,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,gBACb,8BAAoB,GAC/B,CACH,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/NotificationBanner/styles.css.d.ts

@@ -1,5 +0,0 @@
-export declare const bgColorVar: `var(--${string})`;
-export declare const borderColorVar: `var(--${string})`;
-export declare const iconColorVar: `var(--${string})`;
-export declare const notificationBannerWrapper: string;
-export declare const contentWrapper: string;

package/dist/esm/components/NotificationBanner/styles.css.js

@@ -1,35 +0,0 @@
-import { createVar, globalStyle, style } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-// Dynamic color variables
-export var bgColorVar = createVar();
-export var borderColorVar = createVar();
-export var iconColorVar = createVar();
-export var notificationBannerWrapper = style({
-    padding: vars.spacing.s,
-    borderRadius: vars.radius.m,
-    backgroundColor: bgColorVar,
-    border: "1px solid ".concat(borderColorVar),
-    display: "flex",
-    gap: vars.spacing.s,
-    alignItems: "flex-start",
-    transition: "all 0.3s",
-    color: vars.colors.neutral.dark,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 500,
-    lineHeight: "normal",
-    transformOrigin: "top",
-});
-globalStyle("".concat(notificationBannerWrapper, " svg"), {
-    flexShrink: 0,
-    fill: iconColorVar,
-    fontSize: "24px",
-});
-globalStyle("".concat(notificationBannerWrapper, " .close-icon"), {
-    cursor: "pointer",
-    fill: vars.colors.neutral.dark,
-});
-export var contentWrapper = style({
-    flexGrow: 1,
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/NotificationBanner/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,0BAA0B;AAC1B,MAAM,CAAC,IAAM,UAAU,GAAG,SAAS,EAAE,CAAC;AACtC,MAAM,CAAC,IAAM,cAAc,GAAG,SAAS,EAAE,CAAC;AAC1C,MAAM,CAAC,IAAM,YAAY,GAAG,SAAS,EAAE,CAAC;AAExC,MAAM,CAAC,IAAM,yBAAyB,GAAG,KAAK,CAAC;IAC7C,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACvB,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,eAAe,EAAE,UAAU;IAC3B,MAAM,EAAE,oBAAa,cAAc,CAAE;IACrC,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,UAAU;IACtB,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC/B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,KAAK;CAEvB,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,yBAAyB,SAAM,EAAE;IAC9C,UAAU,EAAE,CAAC;IACb,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,yBAAyB,iBAAc,EAAE;IACtD,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC"}

package/dist/esm/components/NotificationBanner/styles.d.ts

@@ -1,7 +0,0 @@
-interface NotificationBannerWrapperProps {
-    color: string;
-    $isOpen?: boolean;
-}
-export declare const NotificationBannerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationBannerWrapperProps>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};