npm - takeat-design-system-ui-kit - Versions diffs - 0.6.51 → 1.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1007) hide show

package/dist/cjs/UiKitTheme.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import React, { ReactNode } from "react";
-import { DefaultThemeType } from "./utils/consts";
+import "./utils/GlobalStyle.css";
 interface UiKitThemeProps {
-    theme?: DefaultThemeType;
     children: ReactNode;
+    themeClass?: string;
+    dataDevice?: "desktop" | "tablet" | "totem";
 }
 declare const UiKitTheme: React.FC<UiKitThemeProps>;
 export default UiKitTheme;

package/dist/cjs/UiKitTheme.js CHANGED Viewed

@@ -1,11 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = require("styled-components");
-var consts_1 = require("./utils/consts");
+var react_1 = require("react");
+require("./utils/GlobalStyle.css");
+var theme_css_1 = require("./theme/theme.css");
 var UiKitTheme = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? consts_1.DEFAULT_THEME : _b, children = _a.children;
-    return (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: theme, children: children });
+    var children = _a.children, themeClass = _a.themeClass, _b = _a.dataDevice, dataDevice = _b === void 0 ? "desktop" : _b;
+    var resolvedTheme = themeClass || theme_css_1.defaultTheme;
+    // Apply the theme class and data-device to <html> so CSS variables are
+    // available inside portals (modals, dropdowns, etc.) that render outside
+    // the wrapper div.
+    (0, react_1.useEffect)(function () {
+        var root = document.documentElement;
+        root.classList.add(resolvedTheme);
+        root.dataset.device = dataDevice;
+        return function () {
+            root.classList.remove(resolvedTheme);
+            delete root.dataset.device;
+        };
+    }, [resolvedTheme, dataDevice]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: resolvedTheme, "data-device": dataDevice, children: children }));
 };
 exports.default = UiKitTheme;
 //# sourceMappingURL=UiKitTheme.js.map

package/dist/cjs/UiKitTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UiKitTheme.js","sourceRoot":"","sources":["../../src/UiKitTheme.tsx"],"names":[],"mappings":";;;~~AACA,uDAAkD~~;~~AAClD~~,~~yCAAiE~~;~~AAMjE~~,IAAM,UAAU,GAA8B,UAAC,~~EAG9C~~;~~QAFC~~,~~aAAqB~~,~~EAArB~~,~~KAAK~~,mBAAG,~~sBAAa~~,KAAA,~~EACrB~~,QAAQ,~~cAAA~~;~~IAER~~,OAAO,~~uBAAC~~,~~iCAAa~~,~~IAAC~~,~~KAAK~~,EAAE,~~KAAK~~,~~YAAG~~,QAAQ,~~GAAiB~~,CAAC;~~AACjE~~,CAAC,CAAC;~~AACF~~,kBAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"UiKitTheme.js","sourceRoot":"","sources":["../../src/UiKitTheme.tsx"],"names":[],"mappings":";;;AAAA,+BAAoD;AACpD,mCAAiC;AACjC,+CAAiD;AAQjD,IAAM,UAAU,GAA8B,UAAC,EAI9C;QAHC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA;IAEtB,IAAM,aAAa,GAAG,UAAU,IAAI,wBAAY,CAAC;IAEjD,uEAAuE;IACvE,yEAAyE;IACzE,mBAAmB;IACnB,IAAA,iBAAS,EAAC;QACR,IAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,UAAU,CAAC;QAEjC,OAAO;YACL,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YACrC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,gCAAK,SAAS,EAAE,aAAa,iBAAe,UAAU,YACnD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/Accordion/Accordion.stories.js CHANGED Viewed

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Example = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var _1 = require(".");
-var styles_1 = require("../StoriesComponents/styles");
+var StoriesComponents_1 = require("../StoriesComponents");
 var meta = {
     title: "Design System/Accordion",
     component: _1.Accordion,
     parameters: {
-        componentSubtitle: ((0, jsx_runtime_1.jsx)(styles_1.Subtitle, { children: "O Accordion \u00E9 um componente que possui um conte\u00FAdo oculto que pode ser exibido ou ocultado ao clicar em seu cabe\u00E7alho." })),
+        componentSubtitle: ((0, jsx_runtime_1.jsx)(StoriesComponents_1.Subtitle, { children: "O Accordion \u00E9 um componente que possui um conte\u00FAdo oculto que pode ser exibido ou ocultado ao clicar em seu cabe\u00E7alho." })),
     },
     argTypes: {
         header: {

package/dist/cjs/components/Accordion/Accordion.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA8B;AAC9B,~~sDAAuD~~;~~AAEvD~~,IAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAS;IACpB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,~~iBAAQ~~,wJAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,WAAW,EAAE,sDAAsD;YACnE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,wBAAwB;YACrC,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,CACR,gCACE,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,GAAG;aACX,4PAMG,CACP;KACF;CACF,CAAC"}
1	+ {"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA8B;AAC9B,0DAAgD;AAEhD,IAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAS;IACpB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,4BAAQ,wJAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,WAAW,EAAE,sDAAsD;YACnE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,wBAAwB;YACrC,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,CACR,gCACE,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,GAAG;aACX,4PAMG,CACP;KACF;CACF,CAAC"}

package/dist/cjs/components/Accordion/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> {
     header: ReactNode;
 }
 export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Accordion/index.js CHANGED Viewed

@@ -4,15 +4,11 @@ exports.Accordion = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styles_1 = require("./styles");
+var accordion_1 = require("@base-ui/react/accordion");
+var styles_css_1 = require("./styles.css");
 var icons_1 = require("../icons");
-var framer_motion_1 = require("framer-motion");
 exports.Accordion = (0, react_1.forwardRef)(function Accordion(_a, ref) {
     var header = _a.header, children = _a.children, props = tslib_1.__rest(_a, ["header", "children"]);
-    var _b = (0, react_1.useState)(false), accordionOpen = _b[0], setAccordionOpen = _b[1];
-    return ((0, jsx_runtime_1.jsxs)(styles_1.AccordionContainer, tslib_1.__assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsxs)(styles_1.AccordionHeader, { onClick: function () { return setAccordionOpen(function (state) { return !state; }); }, children: [(0, jsx_runtime_1.jsx)(icons_1.IconChevronDown, { style: {
-                            transform: accordionOpen && "rotateX(180deg)",
-                            transition: "transform 0.3s",
-                        } }), header] }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: accordionOpen && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: { overflow: "hidden" }, initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, children: children })) })] })));
+    return ((0, jsx_runtime_1.jsx)(accordion_1.Accordion.Root, tslib_1.__assign({ className: styles_css_1.accordionRootClass }, props, { children: (0, jsx_runtime_1.jsxs)(accordion_1.Accordion.Item, { className: styles_css_1.accordionItemClass, ref: ref, value: "item", children: [(0, jsx_runtime_1.jsx)(accordion_1.Accordion.Header, { className: styles_css_1.accordionHeaderClass, children: (0, jsx_runtime_1.jsxs)(accordion_1.Accordion.Trigger, { className: styles_css_1.accordionTriggerClass, children: [(0, jsx_runtime_1.jsx)(icons_1.IconChevronDown, {}), header] }) }), (0, jsx_runtime_1.jsx)(accordion_1.Accordion.Panel, { className: styles_css_1.accordionPanelClass, keepMounted: true, children: (0, jsx_runtime_1.jsx)("div", { style: { overflow: "hidden", minHeight: 0 }, children: children }) })] }) })));
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Accordion/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":";;;;;AAAA,+~~BAA+D~~;~~AAC/D~~,~~mCAA+D~~;~~AAC/D~~,kCAA2C;~~AAC3C,+CAAwD;AAM3C~~,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EAA8C,EAC9C,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA5B,sBAA8B,CAAF;~~IAGtB~~,~~IAAA~~,~~KAAoC~~,~~IAAA~~,~~gBAAQ~~,~~EAAC,KAAK,~~CAAC,~~EAAlD~~,~~aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAE1D,OAAO,CACL,wBAAC,2BAAkB,~~qBAAC,~~GAAG~~,EAAE,~~GAAG,~~IAAM,KAAK,~~eACrC~~,wBAAC,~~wBAAe~~,IAAC,~~OAAO~~,EAAE,~~cAAM~~,~~OAAA~~,~~gBAAgB~~,~~CAAC~~,~~UAAC~~,KAAK,~~IAAK~~,~~OAAA~~,~~CAAC~~,~~KAAK~~,~~EAAN~~,~~CAAM,~~CAAC,~~EAAnC~~,~~CAAmC~~,~~aACjE~~,~~uBAAC~~,~~uBAAe~~,~~IACd~~,~~KAAK~~,~~EAAE;4BACL~~,~~SAAS~~,~~EAAE~~,~~aAAa~~,~~IAAI~~,~~iBAAiB;4BAC7C,UAAU,~~EAAE,~~gBAAgB;yBAC7B~~,~~GACD~~,~~EACD~~,~~MAAM~~,~~IACS~~,EAClB,~~uBAAC,+BAAe~~,~~cACb~~,~~aAAa~~,~~IAAI~~,~~CAChB,~~uBAAC,~~sBAAM~~,CAAC,~~GAAG,IACT,~~KAAK,~~EAAE~~,~~EAAE~~,~~QAAQ,~~EAAE,~~QAAQ~~,EAAE,~~EAC7B~~,~~OAAO~~,~~EAAE~~,~~EAAE~~,~~MAAM,~~EAAE,~~CAAC,~~EAAE,~~EACtB~~,~~OAAO,~~EAAE,~~EAAE~~,~~MAAM,~~EAAE,~~MAAM~~,EAAE,~~EAC3B,IAAI,EAAE,EAAE,MAAM,EAAE,~~CAAC,EAAE,~~EACnB~~,~~UAAU,EAAE,EAAE,~~QAAQ,~~EAAE~~,~~GAAG~~,~~EAAE~~,~~YAE5B~~,~~QAAQ,GACE,CACd,GACe,KACC,~~CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAqD;AACrD,sDAAsE;AACtE,2CAMsB;AACtB,kCAA2C;AAM9B,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EAA8C,EAC9C,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA5B,sBAA8B,CAAF;IAG5B,OAAO,CACL,uBAAC,qBAAa,CAAC,IAAI,qBAAC,SAAS,EAAE,+BAAkB,IAAM,KAAK,cAC1D,wBAAC,qBAAa,CAAC,IAAI,IAAC,SAAS,EAAE,+BAAkB,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,aACvE,uBAAC,qBAAa,CAAC,MAAM,IAAC,SAAS,EAAE,iCAAoB,YACnD,wBAAC,qBAAa,CAAC,OAAO,IAAC,SAAS,EAAE,kCAAqB,aACrD,uBAAC,uBAAe,KAAG,EAClB,MAAM,IACe,GACH,EACvB,uBAAC,qBAAa,CAAC,KAAK,IAAC,SAAS,EAAE,gCAAmB,EAAE,WAAW,kBAC9D,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,GAC9C,IACH,IACF,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Accordion/styles.css.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const accordionRootClass: string;
+export declare const accordionItemClass: string;
+export declare const accordionHeaderClass: string;
+export declare const accordionTriggerClass: string;
+export declare const accordionPanelClass: string;

package/dist/cjs/components/Accordion/styles.css.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.accordionPanelClass = exports.accordionTriggerClass = exports.accordionHeaderClass = exports.accordionItemClass = exports.accordionRootClass = void 0;
+var css_1 = require("@vanilla-extract/css");
+var theme_css_1 = require("../../theme/theme.css");
+exports.accordionRootClass = (0, css_1.style)({});
+exports.accordionItemClass = (0, css_1.style)({});
+exports.accordionHeaderClass = (0, css_1.style)({
+    margin: 0,
+});
+exports.accordionTriggerClass = (0, css_1.style)({
+    all: "unset",
+    display: "flex",
+    alignItems: "center",
+    gap: theme_css_1.vars.spacing.xs,
+    padding: theme_css_1.vars.spacing.xs,
+    cursor: "pointer",
+    width: "100%",
+    boxSizing: "border-box",
+    color: theme_css_1.vars.colors.neutral.dark,
+    fontFamily: theme_css_1.vars.typography.family.default,
+    fontSize: "16px",
+    fontStyle: "normal",
+    fontWeight: theme_css_1.vars.typography.weights.medium,
+    lineHeight: "normal",
+});
+(0, css_1.globalStyle)("".concat(exports.accordionTriggerClass, " svg"), {
+    fontSize: "24px",
+    fill: theme_css_1.vars.colors.neutral.dark,
+    transition: "transform 0.3s",
+});
+(0, css_1.globalStyle)("".concat(exports.accordionTriggerClass, "[data-panel-open] svg"), {
+    transform: "rotateX(180deg)",
+});
+exports.accordionPanelClass = (0, css_1.style)({
+    overflow: "hidden",
+    display: "grid",
+    gridTemplateRows: "0fr",
+    transition: "grid-template-rows 0.3s ease",
+    selectors: {
+        "&[data-open]": {
+            gridTemplateRows: "1fr",
+        },
+    },
+});
+//# sourceMappingURL=styles.css.js.map

package/dist/cjs/components/Accordion/styles.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.css.ts"],"names":[],"mappings":";;;AAAA,4CAA0D;AAC1D,mDAA6C;AAEhC,QAAA,kBAAkB,GAAG,IAAA,WAAK,EAAC,EAAE,CAAC,CAAC;AAE/B,QAAA,kBAAkB,GAAG,IAAA,WAAK,EAAC,EAAE,CAAC,CAAC;AAE/B,QAAA,oBAAoB,GAAG,IAAA,WAAK,EAAC;IACxC,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEU,QAAA,qBAAqB,GAAG,IAAA,WAAK,EAAC;IACzC,GAAG,EAAE,OAAO;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,gBAAI,CAAC,OAAO,CAAC,EAAE;IACpB,OAAO,EAAE,gBAAI,CAAC,OAAO,CAAC,EAAE;IACxB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,gBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC/B,UAAU,EAAE,gBAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;IAC1C,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,gBAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM;IAC1C,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,IAAA,iBAAW,EAAC,UAAG,6BAAqB,SAAM,EAAE;IAC1C,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,gBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC9B,UAAU,EAAE,gBAAgB;CAC7B,CAAC,CAAC;AAEH,IAAA,iBAAW,EAAC,UAAG,6BAAqB,0BAAuB,EAAE;IAC3D,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAC;AAEU,QAAA,mBAAmB,GAAG,IAAA,WAAK,EAAC;IACvC,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,gBAAgB,EAAE,KAAK;IACvB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,cAAc,EAAE;YACd,gBAAgB,EAAE,KAAK;SACxB;KACF;CACF,CAAC,CAAC"}

package/dist/cjs/components/Accordion/styles.d.ts CHANGED Viewed

@@ -1,2 +1,14 @@
-export declare const AccordionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AccordionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { Accordion } from "@base-ui/react/accordion";
+export declare const AccordionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Accordion.Root.Props<unknown>, never>> & string & Omit<(<Value = any>(props: Accordion.Root.Props<Value>) => import("react").JSX.Element), keyof import("react").Component<any, {}, any>>;
+export declare const StyledAccordionItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/accordion").AccordionItemProps, "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/accordion").AccordionItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledAccordionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/accordion").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | 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<HTMLHeadingElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/accordion").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const AccordionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/accordion").AccordionTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/accordion").AccordionTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledAccordionPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/accordion").AccordionPanelProps, "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/accordion").AccordionPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/components/Accordion/styles.js CHANGED Viewed

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionHeader = exports.AccordionContainer = void 0;
+exports.StyledAccordionPanel = exports.AccordionHeader = exports.StyledAccordionHeader = exports.StyledAccordionItem = exports.AccordionContainer = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.AccordionContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
-exports.AccordionHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n"])), function (_a) {
+var accordion_1 = require("@base-ui/react/accordion");
+exports.AccordionContainer = (0, styled_components_1.default)(accordion_1.Accordion.Root)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+exports.StyledAccordionItem = (0, styled_components_1.default)(accordion_1.Accordion.Item)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject([""], [""])));
+exports.StyledAccordionHeader = (0, styled_components_1.default)(accordion_1.Accordion.Header)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+exports.AccordionHeader = (0, styled_components_1.default)(accordion_1.Accordion.Trigger)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  all: unset;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  cursor: pointer;\n  width: 100%;\n  box-sizing: border-box;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n    transition: transform 0.3s;\n  }\n\n  &[data-panel-open] svg {\n    transform: rotateX(180deg);\n  }\n"], ["\n  all: unset;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  cursor: pointer;\n  width: 100%;\n  box-sizing: border-box;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n    transition: transform 0.3s;\n  }\n\n  &[data-panel-open] svg {\n    transform: rotateX(180deg);\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.xs;
 }, function (_a) {
@@ -20,5 +23,6 @@ exports.AccordionHeader = styled_components_1.default.div(templateObject_2 || (t
     var theme = _a.theme;
     return theme.colors.neutral.dark;
 });
-var templateObject_1, templateObject_2;
+exports.StyledAccordionPanel = (0, styled_components_1.default)(accordion_1.Accordion.Panel)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  overflow: hidden;\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.3s ease;\n\n  &[data-open] {\n    grid-template-rows: 1fr;\n  }\n"], ["\n  overflow: hidden;\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.3s ease;\n\n  &[data-open] {\n    grid-template-rows: 1fr;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Accordion/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;~~AAE1B~~,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6EAAA,EAAE,KAAC;~~AAElC~~,QAAA,~~eAAe~~,GAAG,2BAAM,CAAC,GAAG,~~oWAAA~~,~~qDAGhC~~,EAA+B,gBAC3B,EAA+B,~~oCAGjC,~~EAAwC,oBAClC,EAA8C,wIAQnD,EAAwC,~~UAEnD~~,~~KAfQ,~~UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,~~EAGjC~~,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,~~EAElD~~"}
1	+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,sDAAqD;AAExC,QAAA,kBAAkB,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,IAAI,CAAC,6EAAA,EAAE,KAAC;AAE9C,QAAA,mBAAmB,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,IAAI,CAAC,6EAAA,EAAE,KAAC;AAE/C,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,MAAM,CAAC,6FAAA,kBAE5D,KAAC;AAEW,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,OAAO,CAAC,mgBAAA,oEAI/C,EAA+B,gBAC3B,EAA+B,+EAKjC,EAAwC,oBAClC,EAA8C,wIAQnD,EAAwC,+GAOnD,KAtBQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAKjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAQnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAOlD;AAEW,QAAA,oBAAoB,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,KAAK,CAAC,sPAAA,2KAS1D,KAAC"}

package/dist/cjs/components/AlertDialog/AlertDialog.stories.d.ts ADDED Viewed

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

package/dist/cjs/components/AlertDialog/AlertDialog.stories.js ADDED Viewed

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithoutClose = exports.Example = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var _1 = require(".");
+var Button_1 = require("../Button");
+var react_1 = require("react");
+var StoriesComponents_1 = require("../StoriesComponents");
+var meta = {
+    component: _1.AlertDialog,
+    title: "Design System/AlertDialog",
+    parameters: {
+        componentSubtitle: ((0, jsx_runtime_1.jsx)(StoriesComponents_1.Subtitle, { children: "Modal de confirma\u00E7\u00E3o que interrompe o fluxo do usu\u00E1rio para uma a\u00E7\u00E3o cr\u00EDtica. Diferente do Modal, o AlertDialog n\u00E3o pode ser fechado clicando fora ou pressionando Escape \u2014 o usu\u00E1rio deve tomar uma decis\u00E3o expl\u00EDcita." })),
+    },
+    argTypes: {
+        open: {
+            description: "Controla se o dialog está aberto",
+            control: { type: "boolean" },
+        },
+        toggle: {
+            description: "Função chamada ao fechar o dialog",
+            control: { disable: true },
+        },
+        overlayStyles: {
+            description: "Estilos CSS para o backdrop",
+            control: { disable: true },
+        },
+    },
+};
+exports.default = meta;
+exports.Example = {
+    name: "Exemplo",
+    render: function () {
+        var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setOpen(true); }, children: "Abrir AlertDialog" }), (0, jsx_runtime_1.jsxs)(_1.AlertDialog, { open: open, toggle: function () { return setOpen(false); }, children: [(0, jsx_runtime_1.jsx)(_1.AlertDialog.Header, { hasClose: true, children: (0, jsx_runtime_1.jsx)("h2", { style: { margin: 0 }, children: "Confirmar exclus\u00E3o" }) }), (0, jsx_runtime_1.jsx)(_1.AlertDialog.Body, { children: (0, jsx_runtime_1.jsx)("p", { children: "Tem certeza que deseja excluir este item? Esta a\u00E7\u00E3o n\u00E3o pode ser desfeita." }) }), (0, jsx_runtime_1.jsxs)(_1.AlertDialog.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: function () { return setOpen(false); }, children: "Cancelar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { customColor: "#ef4444", onClick: function () {
+                                        console.log("Excluído!");
+                                        setOpen(false);
+                                    }, children: "Excluir" })] })] })] }));
+    },
+};
+exports.WithoutClose = {
+    name: "Sem botão de fechar",
+    render: function () {
+        var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setOpen(true); }, children: "Abrir (sem X)" }), (0, jsx_runtime_1.jsxs)(_1.AlertDialog, { open: open, toggle: function () { return setOpen(false); }, children: [(0, jsx_runtime_1.jsx)(_1.AlertDialog.Header, { children: (0, jsx_runtime_1.jsx)("h2", { style: { margin: 0 }, children: "A\u00E7\u00E3o obrigat\u00F3ria" }) }), (0, jsx_runtime_1.jsx)(_1.AlertDialog.Body, { children: (0, jsx_runtime_1.jsx)("p", { children: "Voc\u00EA deve escolher uma das op\u00E7\u00F5es abaixo para continuar." }) }), (0, jsx_runtime_1.jsxs)(_1.AlertDialog.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: function () { return setOpen(false); }, children: "Recusar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setOpen(false); }, children: "Aceitar" })] })] })] }));
+    },
+};
+//# sourceMappingURL=AlertDialog.stories.js.map

package/dist/cjs/components/AlertDialog/AlertDialog.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAAgC;AAChC,oCAAmC;AACnC,+BAAiC;AACjC,0DAAgD;AAEhD,IAAM,IAAI,GAA6B;IACrC,SAAS,EAAE,cAAW;IACtB,KAAK,EAAE,2BAA2B;IAClC,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,4BAAQ,iSAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,kCAAkC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,MAAM,EAAE;YACN,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3B;QACD,aAAa,EAAE;YACb,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3B;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;QAExC,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,kCAA4B,EAEhE,wBAAC,cAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,aACnD,uBAAC,cAAW,CAAC,MAAM,IAAC,QAAQ,kBAC1B,+BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,wCAAyB,GAC9B,EACrB,uBAAC,cAAW,CAAC,IAAI,cACf,sIAGI,GACa,EACnB,wBAAC,cAAW,CAAC,MAAM,eACjB,uBAAC,eAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,yBAE/C,EACT,uBAAC,eAAM,IACL,WAAW,EAAC,SAAS,EACrB,OAAO,EAAE;wCACP,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;wCACzB,OAAO,CAAC,KAAK,CAAC,CAAC;oCACjB,CAAC,wBAGM,IACU,IACT,IACV,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE;QACA,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;QAExC,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,8BAAwB,EAE5D,wBAAC,cAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,aACnD,uBAAC,cAAW,CAAC,MAAM,cACjB,+BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,gDAAuB,GAC5B,EACrB,uBAAC,cAAW,CAAC,IAAI,cACf,oHAA+D,GAC9C,EACnB,wBAAC,cAAW,CAAC,MAAM,eACjB,uBAAC,eAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,wBAE/C,EACT,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,wBAAkB,IACpC,IACT,IACV,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/cjs/components/AlertDialog/index.d.ts ADDED Viewed

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

package/dist/cjs/components/AlertDialog/index.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialog = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importStar(require("react"));
+var alert_dialog_1 = require("@base-ui/react/alert-dialog");
+var styles_css_1 = require("./styles.css");
+var icons_1 = require("../icons");
+var AlertDialogRoot = (0, react_1.forwardRef)(function AlertDialogRoot(_a, ref) {
+    var open = _a.open, toggle = _a.toggle, overlayStyles = _a.overlayStyles, children = _a.children, props = tslib_1.__rest(_a, ["open", "toggle", "overlayStyles", "children"]);
+    var modifiedChildren = react_1.default.Children.map(children, function (child) {
+        if (react_1.default.isValidElement(child) &&
+            child.props.hasClose) {
+            return react_1.default.cloneElement(child, { toggle: toggle });
+        }
+        return child;
+    });
+    return ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog.Root, { open: open, onOpenChange: function (isOpen) {
+            if (!isOpen)
+                toggle === null || toggle === void 0 ? void 0 : toggle();
+        }, children: (0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog.Portal, { children: (0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog.Backdrop, { className: styles_css_1.alertDialogOverlayClass, style: overlayStyles, children: (0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog.Popup, tslib_1.__assign({ className: styles_css_1.alertDialogContentClass, ref: ref }, props, { children: modifiedChildren })) }) }) }));
+});
+var Header = function (_a) {
+    var children = _a.children, hasClose = _a.hasClose, toggle = _a.toggle, props = tslib_1.__rest(_a, ["children", "hasClose", "toggle"]);
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: styles_css_1.alertDialogHeaderClass }, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles_css_1.alertDialogTitlesClass, children: children }), hasClose && (0, jsx_runtime_1.jsx)(icons_1.IconClose, { onClick: function () { return toggle === null || toggle === void 0 ? void 0 : toggle(); } })] })));
+};
+var Body = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: styles_css_1.alertDialogBodyClass }, props, { children: children })));
+};
+var Footer = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: styles_css_1.alertDialogFooterClass }, props, { children: children })));
+};
+var AlertDialogComponent = Object.assign(AlertDialogRoot, {
+    Header: Header,
+    Body: Body,
+    Footer: Footer,
+});
+exports.AlertDialog = AlertDialogComponent;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/AlertDialog/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA0C;AAC1C,4DAA6E;AAC7E,2CAOsB;AACtB,kCAAqC;AAQrC,IAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,SAAS,eAAe,CACzD,EAAqE,EACrE,GAA8B;IAD5B,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAAjD,+CAAmD,CAAF;IAGjD,IAAM,gBAAgB,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CACzC,QAA2B,EAC3B,UAAC,KAAsB;QACrB,IACE,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAC1B,KAAK,CAAC,KAAiC,CAAC,QAAQ,EACjD,CAAC;YACD,OAAO,eAAK,CAAC,YAAY,CACvB,KAAoD,EACpD,EAAE,MAAM,QAAA,EAAE,CACX,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,0BAAe,CAAC,IAAI,IACnB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,UAAC,MAAM;YACnB,IAAI,CAAC,MAAM;gBAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;QAC1B,CAAC,YAED,uBAAC,0BAAe,CAAC,MAAM,cACrB,uBAAC,0BAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,oCAAuB,EAClC,KAAK,EAAE,aAAa,YAEpB,uBAAC,0BAAe,CAAC,KAAK,qBACpB,SAAS,EAAE,oCAAuB,EAClC,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,gBAAgB,IACK,GACC,GACJ,GACJ,CACxB,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,IAAM,MAAM,GAAG,UAAC,EAAgE;IAA9D,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,KAAK,sBAAtC,kCAAwC,CAAF;IACpD,OAAO,CACL,kDAAK,SAAS,EAAE,mCAAsB,IAAM,KAAK,eAC/C,gCAAK,SAAS,EAAE,mCAAsB,YAAG,QAAQ,GAAO,EACvD,QAAQ,IAAI,uBAAC,iBAAS,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,EAA4C;IAA1C,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IAChC,OAAO,CACL,iDAAK,SAAS,EAAE,iCAAoB,IAAM,KAAK,cAC5C,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IAClC,OAAO,CACL,iDAAK,SAAS,EAAE,mCAAsB,IAAM,KAAK,cAC9C,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IAC1D,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,MAAM,QAAA;CACP,CAAC,CAAC;AAE8B,2CAAW"}

package/dist/cjs/components/AlertDialog/styles.css.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare const alertDialogOverlayClass: string;
+export declare const alertDialogContentClass: string;
+export declare const alertDialogHeaderClass: string;
+export declare const alertDialogTitlesClass: string;
+export declare const alertDialogBodyClass: string;
+export declare const alertDialogFooterClass: string;

package/dist/cjs/components/AlertDialog/styles.css.js ADDED Viewed

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertDialogFooterClass = exports.alertDialogBodyClass = exports.alertDialogTitlesClass = exports.alertDialogHeaderClass = exports.alertDialogContentClass = exports.alertDialogOverlayClass = void 0;
+var css_1 = require("@vanilla-extract/css");
+var theme_css_1 = require("../../theme/theme.css");
+exports.alertDialogOverlayClass = (0, css_1.style)({
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100dvw",
+    height: "100dvh",
+    padding: theme_css_1.vars.spacing.m,
+    backgroundColor: "".concat(theme_css_1.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,
+        },
+    },
+});
+exports.alertDialogContentClass = (0, css_1.style)({
+    display: "flex",
+    flexDirection: "column",
+    backgroundColor: "white",
+    gap: "12px",
+    borderRadius: theme_css_1.vars.radius.l,
+    boxShadow: theme_css_1.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,
+        },
+    },
+});
+exports.alertDialogHeaderClass = (0, css_1.style)({
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+});
+(0, css_1.globalStyle)("".concat(exports.alertDialogHeaderClass, " svg"), {
+    cursor: "pointer",
+});
+exports.alertDialogTitlesClass = (0, css_1.style)({
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+});
+(0, css_1.globalStyle)("".concat(exports.alertDialogTitlesClass, " h1"), {
+    margin: 0,
+    color: theme_css_1.vars.colors.neutral.darker,
+    fontSize: "22px",
+    fontStyle: "normal",
+    fontWeight: 600,
+    lineHeight: "28px",
+});
+(0, css_1.globalStyle)("".concat(exports.alertDialogTitlesClass, " h2"), {
+    margin: 0,
+    color: theme_css_1.vars.colors.neutral.dark,
+    fontSize: "14px",
+    fontStyle: "normal",
+    fontWeight: 500,
+    lineHeight: "20px",
+    letterSpacing: "0.1px",
+});
+exports.alertDialogBodyClass = (0, css_1.style)({
+    flexGrow: 1,
+    overflowY: "auto",
+});
+exports.alertDialogFooterClass = (0, css_1.style)({
+    display: "flex",
+    justifyContent: "flex-end",
+    gap: theme_css_1.vars.spacing.xs,
+});
+//# sourceMappingURL=styles.css.js.map

package/dist/cjs/components/AlertDialog/styles.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/styles.css.ts"],"names":[],"mappings":";;;AAAA,4CAA0D;AAC1D,mDAA6C;AAEhC,QAAA,uBAAuB,GAAG,IAAA,WAAK,EAAC;IAC3C,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,gBAAI,CAAC,OAAO,CAAC,CAAC;IACvB,eAAe,EAAE,UAAG,gBAAI,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;AAEU,QAAA,uBAAuB,GAAG,IAAA,WAAK,EAAC;IAC3C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,eAAe,EAAE,OAAO;IACxB,GAAG,EAAE,MAAM;IACX,YAAY,EAAE,gBAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,gBAAI,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;AAEU,QAAA,sBAAsB,GAAG,IAAA,WAAK,EAAC;IAC1C,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,YAAY;CACzB,CAAC,CAAC;AAEH,IAAA,iBAAW,EAAC,UAAG,8BAAsB,SAAM,EAAE;IAC3C,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEU,QAAA,sBAAsB,GAAG,IAAA,WAAK,EAAC;IAC1C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,IAAA,iBAAW,EAAC,UAAG,8BAAsB,QAAK,EAAE;IAC1C,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,gBAAI,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,IAAA,iBAAW,EAAC,UAAG,8BAAsB,QAAK,EAAE;IAC1C,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,gBAAI,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;AAEU,QAAA,oBAAoB,GAAG,IAAA,WAAK,EAAC;IACxC,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEU,QAAA,sBAAsB,GAAG,IAAA,WAAK,EAAC;IAC1C,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,UAAU;IAC1B,GAAG,EAAE,gBAAI,CAAC,OAAO,CAAC,EAAE;CACrB,CAAC,CAAC"}

package/dist/cjs/components/Avatar/Avatar.stories.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Avatar } from ".";
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const WithImage: Story;
+export declare const Fallback: Story;
+export declare const Sizes: Story;
+export declare const CustomFallback: Story;

package/dist/cjs/components/Avatar/Avatar.stories.js ADDED Viewed

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomFallback = exports.Sizes = exports.Fallback = exports.WithImage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var _1 = require(".");
+var StoriesComponents_1 = require("../StoriesComponents");
+var meta = {
+    component: _1.Avatar,
+    title: "Design System/Avatar",
+    parameters: {
+        componentSubtitle: ((0, jsx_runtime_1.jsx)(StoriesComponents_1.Subtitle, { children: "Exibe a foto de perfil de um usu\u00E1rio ou um fallback com a inicial do nome quando a imagem n\u00E3o est\u00E1 dispon\u00EDvel." })),
+    },
+    argTypes: {
+        src: {
+            description: "URL da imagem",
+            control: { type: "text" },
+        },
+        alt: {
+            description: "Texto alternativo (usado como fallback para a inicial)",
+            control: { type: "text" },
+        },
+        size: {
+            description: "Tamanho do avatar",
+            control: { type: "select" },
+            options: ["small", "medium", "large"],
+            table: { defaultValue: { summary: "medium" } },
+        },
+        fallback: {
+            table: { disable: true },
+        },
+    },
+    args: {
+        alt: "João Silva",
+        size: "medium",
+    },
+};
+exports.default = meta;
+exports.WithImage = {
+    name: "Com imagem",
+    args: {
+        src: "https://i.pravatar.cc/150?img=3",
+        alt: "João Silva",
+    },
+};
+exports.Fallback = {
+    name: "Fallback (inicial)",
+    args: {
+        src: undefined,
+        alt: "Maria Souza",
+    },
+};
+exports.Sizes = {
+    name: "Tamanhos",
+    render: function () { return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: 16, alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(_1.Avatar, { alt: "Usu\u00E1rio", size: "small" }), (0, jsx_runtime_1.jsx)(_1.Avatar, { alt: "Usu\u00E1rio", size: "medium" }), (0, jsx_runtime_1.jsx)(_1.Avatar, { alt: "Usu\u00E1rio", size: "large" }), (0, jsx_runtime_1.jsx)(_1.Avatar, { alt: "Usu\u00E1rio", size: 64 })] })); },
+};
+exports.CustomFallback = {
+    name: "Fallback personalizado",
+    render: function () { return ((0, jsx_runtime_1.jsx)(_1.Avatar, { alt: "Admin", fallback: (0, jsx_runtime_1.jsx)("span", { style: { fontSize: 20 }, children: "\uD83D\uDC64" }), size: "large" })); },
+};
+//# sourceMappingURL=Avatar.stories.js.map

package/dist/cjs/components/Avatar/Avatar.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA2B;AAC3B,0DAAgD;AAEhD,IAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,SAAM;IACjB,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,4BAAQ,qJAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,WAAW,EAAE,eAAe;YAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,GAAG,EAAE;YACH,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,mBAAmB;YAChC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;YACrC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SAC/C;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE;QACJ,GAAG,EAAE,iCAAiC;QACtC,GAAG,EAAE,YAAY;KAClB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,cAAM,OAAA,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5D,uBAAC,SAAM,IAAC,GAAG,EAAC,cAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACrC,uBAAC,SAAM,IAAC,GAAG,EAAC,cAAS,EAAC,IAAI,EAAC,QAAQ,GAAG,EACtC,uBAAC,SAAM,IAAC,GAAG,EAAC,cAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACrC,uBAAC,SAAM,IAAC,GAAG,EAAC,cAAS,EAAC,IAAI,EAAE,EAAE,GAAI,IAC9B,CACP,EAPa,CAOb;CACF,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE,wBAAwB;IAC9B,MAAM,EAAE,cAAM,OAAA,CACZ,uBAAC,SAAM,IACL,GAAG,EAAC,OAAO,EACX,QAAQ,EAAE,iCAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW,EAClD,IAAI,EAAC,OAAO,GACZ,CACH,EANa,CAMb;CACF,CAAC"}

package/dist/cjs/components/Avatar/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from "react";
+type AvatarSize = "small" | "medium" | "large" | number;
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+    size?: AvatarSize;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/components/Avatar/index.js ADDED Viewed

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var avatar_1 = require("@base-ui/react/avatar");
+var dynamic_1 = require("@vanilla-extract/dynamic");
+var styles_css_1 = require("./styles.css");
+var SIZE_MAP = {
+    small: "32px",
+    medium: "40px",
+    large: "48px",
+};
+exports.Avatar = (0, react_1.forwardRef)(function Avatar(_a, ref) {
+    var _b;
+    var _c;
+    var src = _a.src, alt = _a.alt, fallback = _a.fallback, _d = _a.size, size = _d === void 0 ? "medium" : _d, className = _a.className, style = _a.style;
+    var resolvedSize = typeof size === "number"
+        ? "".concat(size, "px")
+        : (_c = SIZE_MAP[size]) !== null && _c !== void 0 ? _c : SIZE_MAP.medium;
+    return ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar.Root, { ref: ref, className: "".concat(styles_css_1.avatarRootClass).concat(className ? " ".concat(className) : ""), style: tslib_1.__assign(tslib_1.__assign({}, (0, dynamic_1.assignInlineVars)((_b = {}, _b[styles_css_1.avatarSizeVar] = resolvedSize, _b))), style), children: [src && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Image, { src: src, alt: alt, className: styles_css_1.avatarImageClass })), (0, jsx_runtime_1.jsx)(avatar_1.Avatar.Fallback, { className: styles_css_1.avatarFallbackClass, children: fallback !== null && fallback !== void 0 ? fallback : (alt ? alt.charAt(0).toUpperCase() : "?") })] }));
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Avatar/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Avatar/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAyD;AACzD,gDAA6D;AAC7D,oDAA4D;AAC5D,2CAKsB;AAItB,IAAM,QAAQ,GAA2B;IACvC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC;AAWW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,SAAS,MAAM,CACb,EAAyD,EACzD,GAAG;;;QADD,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IAGvD,IAAM,YAAY,GAChB,OAAO,IAAI,KAAK,QAAQ;QACtB,CAAC,CAAC,UAAG,IAAI,OAAI;QACb,CAAC,CAAC,MAAA,QAAQ,CAAC,IAAI,CAAC,mCAAI,QAAQ,CAAC,MAAM,CAAC;IAExC,OAAO,CACL,wBAAC,eAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAG,4BAAe,SAAG,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,EAClE,KAAK,wCACC,IAAA,0BAAgB,YAAG,GAAC,0BAAa,IAAG,YAAY,MAAqB,GACtE,KAAK,cAGT,GAAG,IAAI,CACN,uBAAC,eAAU,CAAC,KAAK,IACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,6BAAgB,GAC3B,CACH,EACD,uBAAC,eAAU,CAAC,QAAQ,IAAC,SAAS,EAAE,gCAAmB,YAChD,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAClC,IACN,CACnB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/components/Avatar/styles.css.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare const avatarSizeVar: `var(--${string})`;
+export declare const avatarRootClass: string;
+export declare const avatarImageClass: string;
+export declare const avatarFallbackClass: string;