takeat-design-system-ui-kit 0.6.44 → 0.6.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "takeat-design-system-ui-kit",
-  "version": "0.6.44",
+  "version": "0.6.46",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/dist/cjs/App.d.ts

@@ -1,3 +0,0 @@
-import "./App.css";
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;

package/dist/cjs/App.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-require("./App.css");
-function App() {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-}
-exports.default = App;
-//# sourceMappingURL=App.js.map

package/dist/cjs/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":";;;AAAA,qBAAmB;AAEnB,SAAS,GAAG;IACV,OAAO,kDAAK,CAAC;AACf,CAAC;AAED,kBAAe,GAAG,CAAC"}

package/dist/cjs/UiKitTheme.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from "react";
-import { DefaultThemeType } from "./utils/consts";
-interface UiKitThemeProps {
-    theme?: DefaultThemeType;
-    children: ReactNode;
-}
-declare const UiKitTheme: React.FC<UiKitThemeProps>;
-export default UiKitTheme;

package/dist/cjs/UiKitTheme.js

@@ -1,11 +0,0 @@
-"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 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 });
-};
-exports.default = UiKitTheme;
-//# sourceMappingURL=UiKitTheme.js.map

package/dist/cjs/UiKitTheme.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/cjs/assets/Spinner.svg

@@ -1,3 +0,0 @@
-<svg width="22" height="23" viewBox="0 0 22 23"  xmlns="http://www.w3.org/2000/svg">
-<path d="M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z"/>
-</svg>

package/dist/cjs/components/Accordion/Accordion.stories.d.ts

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

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

@@ -1,49 +0,0 @@
-"use strict";
-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 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." })),
-    },
-    argTypes: {
-        header: {
-            description: "Cabeçalho do Accordion que abre ou fecha o conteúdo.",
-            type: "string",
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        children: {
-            description: "Conteúdo do Accordion.",
-            type: "string",
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-            control: {
-                disable: true,
-            },
-        },
-    },
-    args: {},
-};
-exports.default = meta;
-exports.Example = {
-    name: "Exemplo",
-    args: {
-        header: "Título do Accordion",
-        children: ((0, jsx_runtime_1.jsx)("div", { style: {
-                padding: 8,
-                width: 200,
-            }, children: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat officia debitis ea numquam, culpa repudiandae sequi totam necessitatibus libero corporis, consequatur id harum architecto praesentium cumque. Eaque assumenda nisi vitae." })),
-    },
-};
-//# sourceMappingURL=Accordion.stories.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

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

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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 })) })] })));
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-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;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionHeader = 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 theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-});
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/cjs/components/Badge/Badge.stories.d.ts

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

package/dist/cjs/components/Badge/Badge.stories.js

@@ -1,56 +0,0 @@
-"use strict";
-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 icons_1 = require("../icons");
-var meta = {
-    title: "Design System/Badge",
-    component: _1.Badge,
-    parameters: {
-        componentSubtitle: ((0, jsx_runtime_1.jsx)(styles_1.Subtitle, { children: "Um emblema \u00E9 um indicador visual que comunica um status ou uma descri\u00E7\u00E3o de um componente associado. Eles usam texto curto, cores e \u00EDcones para reconhecimento r\u00E1pido e s\u00E3o colocados pr\u00F3ximos ao conte\u00FAdo relevante." })),
-    },
-    argTypes: {
-        customColor: {
-            description: "Cor do emblema",
-            table: {
-                type: {
-                    summary: "String com uma das opções do control ->",
-                },
-            },
-            control: {
-                type: "inline-radio",
-                options: ["green", "blue", "red", "yellow", "neutral", "primary"],
-            },
-        },
-        variant: {
-            description: "Variação do emblema",
-            control: {
-                type: "inline-radio",
-                options: ["default", "outlined", "tonal"],
-            },
-        },
-        children: {
-            description: "Conteúdo do emblema",
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-            control: {
-                disable: true,
-            },
-        },
-    },
-    args: {},
-};
-exports.default = meta;
-exports.Example = {
-    name: "Exemplo",
-    args: {
-        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(icons_1.IconInfoFilled, {}), "Novo - Pendente"] })),
-        customColor: "green",
-    },
-};
-//# sourceMappingURL=Badge.stories.js.map

package/dist/cjs/components/Badge/Badge.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.stories.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA0B;AAC1B,sDAAuD;AACvD,kCAA0C;AAE1C,IAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,gRAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,WAAW,EAAE,gBAAgB;YAC7B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,yCAAyC;iBACnD;aACF;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;aAClE;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,qBAAqB;YAClC,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;aAC1C;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,qBAAqB;YAClC,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,QAAQ,EAAE,CACR,6DACE,uBAAC,sBAAc,KAAG,uBAEjB,CACJ;QACD,WAAW,EAAE,OAAO;KACrB;CACF,CAAC"}

package/dist/cjs/components/Badge/index.d.ts

@@ -1,8 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { ColorType } from "../../utils/consts";
-interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    customColor?: ColorType;
-    variant?: "default" | "outlined" | "tonal";
-}
-export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
-export {};

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = 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 styled_components_1 = require("styled-components");
-var functions_1 = require("../../utils/functions");
-exports.Badge = (0, react_1.forwardRef)(function Badge(_a, ref) {
-    var _b = _a.customColor, customColor = _b === void 0 ? "primary" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, children = _a.children, props = tslib_1.__rest(_a, ["customColor", "variant", "children"]);
-    var theme = (0, styled_components_1.useTheme)();
-    var variantsChanges = {
-        default: "",
-        outlined: "\n      background-color: transparent;\n      color: ".concat(theme.colors[customColor].default, ";\n      border-color: ").concat(theme.colors[customColor].default, ";\n\n      svg {\n        fill: ").concat(theme.colors[customColor].default, ";\n      }\n    "),
-        tonal: "\n      background-color: ".concat((0, functions_1.getBrighterColor)(theme.colors[customColor].default, 70), ";\n      color: ").concat(theme.colors.neutral.darker, ";\n      border-color: transparent;\n\n      svg {\n        fill: ").concat(theme.colors[customColor].default, ";\n      }\n    "),
-    };
-    return ((0, jsx_runtime_1.jsx)(styles_1.BadgeContainer, tslib_1.__assign({ "$customColor": customColor, variant: variantsChanges[variant], ref: ref }, props, { children: children })));
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Badge/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0D;AAC1D,mCAA0C;AAE1C,uDAA6C;AAC7C,mDAAyD;AAO5C,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EAKa,EACb,GAA+B;IAL7B,IAAA,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,QAAQ,cAAA,EACL,KAAK,sBAJV,sCAKC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,IAAM,eAAe,GAAG;QACtB,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,+DAEC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,oCAC1B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,6CAGvC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,qBAE5C;QACD,KAAK,EAAE,oCACe,IAAA,4BAAgB,EAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,6BAClE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,+EAI1B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,qBAE5C;KACF,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAc,qCACC,WAAW,EACzB,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,EACjC,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACM,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Badge/styles.d.ts

@@ -1,7 +0,0 @@
-import { ColorType } from "../../utils/consts";
-interface BadgeContainerProps {
-    $customColor: ColorType;
-    variant: string;
-}
-export declare const BadgeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeContainerProps>> & string;
-export {};

package/dist/cjs/components/Badge/styles.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeContainer = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.BadgeContainer = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  border-radius: 40px;\n  border: ", ";\n  background: ", ";\n\n  color: ", ";\n  text-align: center;\n  font-family: Poppins;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.5px;\n\n  svg {\n    font-size: 16px;\n    fill: ", ";\n  }\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  border-radius: 40px;\n  border: ", ";\n  background: ", ";\n\n  color: ", ";\n  text-align: center;\n  font-family: Poppins;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.5px;\n\n  svg {\n    font-size: 16px;\n    fill: ", ";\n  }\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, $customColor = _a.$customColor;
-    return "1px solid ".concat(theme.colors[$customColor].default);
-}, function (_a) {
-    var theme = _a.theme, $customColor = _a.$customColor;
-    return theme.colors[$customColor].default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.white;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.white;
-}, function (_a) {
-    var variant = _a.variant;
-    return variant;
-});
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Badge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAQ1B,QAAA,cAAc,GAAG,2BAAM,CAAC,IAAI,udAAqB,8GAMlD,EACyC,mBACrC,EACsB,gBAE3B,EAAyC,+NAWxC,EAAyC,cAGjD,EAAwB,IAC3B,KApBW,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC9B,OAAA,oBAAa,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAE;AAAjD,CAAiD,EACrC,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IAClC,OAAA,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO;AAAlC,CAAkC,EAE3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAWxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGjD,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,OAAO;AAAP,CAAO,EAC1B"}

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

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

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

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllButtons = exports.IconExample = exports.Example = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var _1 = require(".");
-var icons_1 = require("../icons");
-var styles_1 = require("../StoriesComponents/styles");
-var styles_2 = require("./styles");
-var meta = {
-    title: "Design System/Button",
-    component: _1.Button,
-    parameters: {
-        componentSubtitle: ((0, jsx_runtime_1.jsxs)(styles_1.Subtitle, { children: ["Um bot\u00E3o aciona uma a\u00E7\u00E3o ou evento. Use bot\u00F5es para a\u00E7\u00F5es importantes, como enviar uma resposta, confirmar uma altera\u00E7\u00E3o ou passar para a pr\u00F3xima etapa.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), " Se voc\u00EA precisar navegar para outro lugar, tente um link. Um bot\u00E3o de altern\u00E2ncia \u00E9 um comportamento de dois estados que alterna um estado entre ativado e desativado.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), " O estado de repouso de um bot\u00E3o indica \u201Cdesligado\u201D enquanto o estado selecionado indica \u201Cligado\u201D."] })),
-    },
-    argTypes: {
-        variant: {
-            control: {
-                type: "inline-radio",
-                options: _1.BUTTON_OPTIONS,
-            },
-            table: {
-                type: {
-                    summary: "String com uma das opções do control ->",
-                },
-            },
-        },
-        children: {
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        customColor: {
-            control: {
-                type: "color",
-            },
-            table: {
-                type: {
-                    summary: "String com cor em hexadecimal, rgb ou outro formato",
-                },
-            },
-        },
-        isSelected: {
-            if: {
-                arg: "variant",
-                eq: "segmented",
-            },
-        },
-    },
-    args: {
-        variant: "default",
-        children: "Botão de teste",
-        disabled: false,
-        isLoading: false,
-        isSelected: false,
-    },
-};
-exports.default = meta;
-exports.Example = {
-    name: "Exemplo",
-    argTypes: {
-        icon: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-    args: {
-        icon: (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {}),
-        color: "blue",
-        triggerKey: "t",
-        onClick: function () { return console.log("Clicked"); },
-    },
-};
-exports.IconExample = {
-    name: "Com ícone",
-    render: function (args) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(_1.Button, tslib_1.__assign({}, args, { icon: (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {}), onClick: function () { return console.log("Clicked"); }, children: "Bot\u00E3o" })) })); },
-};
-exports.AllButtons = {
-    name: "Todos os botões",
-    render: function () {
-        var keys = Object.keys(_1.BUTTON_OPTIONS);
-        return ((0, jsx_runtime_1.jsxs)(styles_2.AllButtonsTable, { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Text" }), (0, jsx_runtime_1.jsx)("th", { children: "Icon + Text" }), (0, jsx_runtime_1.jsx)("th", { children: "Icon" }), (0, jsx_runtime_1.jsx)("th", { children: "Disabled" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: keys.map(function (key) { return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)(_1.Button, { variant: key, onClick: function () { return console.log("Clicked ".concat(key)); }, children: key.charAt(0).toUpperCase() + key.slice(1) }), (0, jsx_runtime_1.jsx)("div", {})] }), (0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)(_1.Button, { variant: key, icon: (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {}), onClick: function () { return console.log("Clicked ".concat(key)); }, children: key.charAt(0).toUpperCase() + key.slice(1) }), (0, jsx_runtime_1.jsx)("div", {})] }), (0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)(_1.Button, { variant: key, icon: (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {}), onClick: function () { return console.log("Clicked ".concat(key)); } }), (0, jsx_runtime_1.jsx)("div", {})] }), (0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)(_1.Button, { variant: key, onClick: function () { return console.log("Clicked ".concat(key)); }, disabled: true, children: key.charAt(0).toUpperCase() + key.slice(1) }), (0, jsx_runtime_1.jsx)("div", {})] })] }, key)); }) })] }));
-    },
-    // Disable all controls
-    argTypes: {
-        variant: {
-            table: {
-                disable: true,
-            },
-        },
-        children: {
-            table: {
-                disable: true,
-            },
-        },
-        icon: {
-            table: {
-                disable: true,
-            },
-        },
-        customColor: {
-            table: {
-                disable: true,
-            },
-        },
-        isSelected: {
-            table: {
-                disable: true,
-            },
-        },
-        disabled: {
-            table: {
-                disable: true,
-            },
-        },
-        isLoading: {
-            table: {
-                disable: true,
-            },
-        },
-    },
-};
-//# sourceMappingURL=Button.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,30 +0,0 @@
-import React, { ButtonHTMLAttributes } from "react";
-import { ColorType } from "../../utils/consts";
-export declare const BUTTON_OPTIONS: {
-    default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("./styles").PrimaryButtonProps>> & string;
-    outlined: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("./styles").PrimaryButtonProps> & import("./styles").PrimaryButtonProps, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, never>> & string;
-    tonal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("./styles").PrimaryButtonProps> & import("./styles").PrimaryButtonProps, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, never>> & string;
-    text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("./styles").PrimaryButtonProps> & import("./styles").PrimaryButtonProps, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, never>> & string;
-    segmented: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("./styles").PrimaryButtonProps> & import("./styles").PrimaryButtonProps, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, never>, import("./styles").SegmentedButtonProps>> & string;
-};
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "default" | "tonal" | "outlined" | "text" | "segmented";
-    size?: "small" | "medium" | "large";
-    icon?: React.ReactNode;
-    color?: ColorType;
-    customColor?: string;
-    isLoading?: boolean;
-    disabled?: boolean;
-    isSelected?: boolean;
-    triggerKey?: string;
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.BUTTON_OPTIONS = 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 functions_1 = require("../../utils/functions");
-var Spinner_1 = require("../Spinner");
-var styled_components_1 = require("styled-components");
-exports.BUTTON_OPTIONS = {
-    default: styles_1.PrimaryButton,
-    outlined: styles_1.OutlineButton,
-    tonal: styles_1.TonalButton,
-    text: styles_1.TextButton,
-    segmented: styles_1.SegmentedButton,
-};
-exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = tslib_1.__rest(_a, ["variant", "size", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
-    var theme = (0, styled_components_1.useTheme)();
-    var ButtonToRender = exports.BUTTON_OPTIONS[variant];
-    var buttonRef = (0, react_1.useRef)(null);
-    var colorVariants = (0, react_1.useMemo)(function () {
-        return customColor
-            ? (0, functions_1.generateColorVariants)(customColor)
-            : color
-                ? theme.colors[color]
-                : undefined;
-    }, [customColor, color, theme.colors]);
-    var textAndIcon = !!icon && !!children;
-    (0, react_1.useEffect)(function () {
-        if (!triggerKey)
-            return;
-        var handleKeyDown = function (event) {
-            if (event.key === triggerKey) {
-                if (!triggerKey || event.key !== triggerKey)
-                    return;
-                var activeElement = document.activeElement;
-                var isInputFocused = activeElement instanceof HTMLInputElement ||
-                    activeElement instanceof HTMLTextAreaElement;
-                if (isInputFocused)
-                    return;
-                var button = buttonRef.current;
-                if (!button)
-                    return;
-                var rect = button.getBoundingClientRect();
-                var isVisible = rect.width > 0 && rect.height > 0;
-                if (!isVisible)
-                    return;
-                var topElement = document.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);
-                var isOnTop = topElement === button || button.contains(topElement);
-                if (!isOnTop)
-                    return;
-                buttonRef.current.click();
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        return function () {
-            window.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [triggerKey, ref]);
-    return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, "$size": size, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Button/styles.d.ts

@@ -1,24 +0,0 @@
-import { ColorVariants } from "../../utils/globalTypes";
-export interface PrimaryButtonProps {
-    $hasIcon?: boolean;
-    $textAndIcon?: boolean;
-    $colorVariants?: ColorVariants;
-    $size: "small" | "medium" | "large";
-}
-export declare const PrimaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, PrimaryButtonProps>> & string;
-export declare const OutlineButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, never>> & string;
-export declare const TonalButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, never>> & string;
-export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, never>> & string;
-export interface SegmentedButtonProps {
-    isSelected?: boolean;
-}
-export declare const SegmentedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, never>, SegmentedButtonProps>> & string;
-export declare const AllButtonsTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;