takeat-design-system-ui-kit 0.1.32 → 0.1.34

package/dist/cjs/App.d.ts

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

package/dist/cjs/App.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const 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

@@ -0,0 +1 @@
+{"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/LibraryProvider.d.ts

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

package/dist/cjs/LibraryProvider.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = require("styled-components");
+const consts_1 = require("./utils/consts");
+const LibraryProvider = ({ theme = consts_1.defaultTheme, children, }) => {
+    return (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: theme, children: children });
+};
+exports.default = LibraryProvider;
+//# sourceMappingURL=LibraryProvider.js.map

package/dist/cjs/LibraryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryProvider.js","sourceRoot":"","sources":["../../src/LibraryProvider.tsx"],"names":[],"mappings":";;;AACA,yDAAkD;AAClD,2CAAgE;AAOhE,MAAM,eAAe,GAAmC,CAAC,EACvD,KAAK,GAAG,qBAAY,EACpB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,uBAAC,iCAAa,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAiB,CAAC;AACjE,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+import { Accordion } from ".";
+declare const meta: Meta<typeof Accordion>;
+export default meta;

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

@@ -0,0 +1,16 @@
+"use strict";
+// @ts-nocheck
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require(".");
+const meta = {
+    component: _1.Accordion,
+    title: "Design System/Accordion",
+    tags: ["!autodocs"],
+    parameters: {
+        docs: {
+            disabled: true,
+        },
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Accordion.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";AAAA,cAAc;;AAGd,wBAA8B;AAE9B,MAAM,IAAI,GAA2B;IACnC,SAAS,EAAE,YAAS;IACpB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,WAAW,CAAC;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+interface AccordionProps {
+}
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.Accordion = (0, react_1.forwardRef)(function Accordion({}, ref) {
+    return (0, jsx_runtime_1.jsx)("div", { ref: ref, children: "Accordion" });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAK7B,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CAAC,EAAmB,EAAE,GAA8B;IACxG,OAAO,gCAAK,GAAG,EAAE,GAAG,0BAAiB,CAAC;AACxC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import { Meta } from "@storybook/react";
+import { Badge } from ".";
+declare const meta: Meta<typeof Badge>;
+export default meta;

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

@@ -0,0 +1,17 @@
+"use strict";
+// @ts-nocheck
+Object.defineProperty(exports, "__esModule", { value: true });
+const _1 = require(".");
+const meta = {
+    component: _1.Badge,
+    title: "Design System/Badge",
+    tags: ["!autodocs"],
+    parameters: {
+        docs: {
+            disabled: true,
+        },
+    },
+};
+exports.default = meta;
+// export const Example: Story = {};
+//# sourceMappingURL=Badge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":";AAAA,cAAc;;AAGd,wBAA0B;AAE1B,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,QAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,CAAC,WAAW,CAAC;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIpB,oCAAoC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+interface BadgeProps {
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.Badge = (0, react_1.forwardRef)(function Badge({}, ref) {
+    return (0, jsx_runtime_1.jsx)("div", { ref: ref, children: "Badge" });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Badge/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAK7B,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAAC,EAAe,EAAE,GAA8B;IAC5F,OAAO,gCAAK,GAAG,EAAE,GAAG,sBAAa,CAAC;AACpC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Badge/styles.ts"],"names":[],"mappings":""}

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

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllButtons = exports.IconExample = exports.Example = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const icons_1 = require("../icons");
+const styles_1 = require("../StoriesComponents/styles");
+const styles_2 = require("./styles");
+const 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,
+            },
+        },
+        children: {
+            control: {
+                type: "text",
+            },
+        },
+        customColor: {
+            control: {
+                type: "color",
+            },
+        },
+        isSelected: {
+            if: {
+                arg: "variant",
+                eq: "segmented",
+            },
+        },
+    },
+    args: {
+        variant: "primary",
+        children: "Botão de teste",
+        disabled: false,
+        isLoading: false,
+        isSelected: false,
+    },
+};
+exports.default = meta;
+exports.Example = {
+    name: "Exemplo",
+    argTypes: {
+        icon: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+exports.IconExample = {
+    name: "Com ícone",
+    render: (args) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(_1.Button, { ...args, icon: (0, jsx_runtime_1.jsx)(icons_1.IconUtensils, { fontSize: 50 }), onClick: () => console.log("Clicked"), children: "Bot\u00E3o" }) })),
+};
+exports.AllButtons = {
+    name: "Todos os botões",
+    render: () => {
+        const 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((key) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)(_1.Button, { variant: key, onClick: () => console.log(`Clicked ${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.IconUtensils, {}), onClick: () => console.log(`Clicked ${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.IconUtensils, {}), onClick: () => console.log(`Clicked ${key}`) }), (0, jsx_runtime_1.jsx)("div", {})] }), (0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)(_1.Button, { variant: key, onClick: () => console.log(`Clicked ${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

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

@@ -0,0 +1,26 @@
+import React from "react";
+export declare const BUTTON_OPTIONS: {
+    primary: 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 React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "tonal" | "outlined" | "text" | "segmented";
+    icon?: React.ReactNode;
+    customColor?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    isSelected?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.BUTTON_OPTIONS = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const functions_1 = require("../../utils/functions");
+const Spinner_1 = require("../Spinner");
+const styled_components_1 = require("styled-components");
+exports.BUTTON_OPTIONS = {
+    primary: 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({ variant = "primary", icon, customColor, isLoading, isSelected, children, ...props }, ref) {
+    const theme = (0, styled_components_1.useTheme)();
+    const ButtonToRender = exports.BUTTON_OPTIONS[variant];
+    const colorVariants = customColor
+        ? (0, react_1.useMemo)(() => (0, functions_1.generateColorVariants)(customColor), [customColor])
+        : undefined;
+    // const onlyIcon = !!icon && !children;
+    const textAndIcon = !!icon && !!children;
+    return ((0, jsx_runtime_1.jsx)(ButtonToRender, { ref: ref, hasIcon: !!icon, textAndIcon: textAndIcon, 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] })) }));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,qCAMkB;AAClB,qDAA8D;AAC9D,wCAAqC;AACrC,yDAA6C;AAEhC,QAAA,cAAc,GAAG;IAC5B,OAAO,EAAE,sBAAa;IACtB,QAAQ,EAAE,sBAAa;IACvB,KAAK,EAAE,oBAAW;IAClB,IAAI,EAAE,mBAAU;IAChB,SAAS,EAAE,wBAAe;CAC3B,CAAC;AAWW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,SAAS,MAAM,CAC9C,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAiC;IAEjC,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,MAAM,cAAc,GAAG,sBAAc,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,iCAAqB,EAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,wCAAwC;IACxC,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEzC,OAAO,CACL,uBAAC,cAAc,IACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,IAAI,EACf,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,KACxB,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,YAEpC,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAI,CAC/C,CAAC,CAAC,CAAC,CACF,6DACG,IAAI,EACJ,QAAQ,IACR,CACJ,GACc,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import { ColorVariants } from "../../utils/globalTypes";
+export interface PrimaryButtonProps {
+    hasIcon?: boolean;
+    textAndIcon?: boolean;
+    colorVariants?: ColorVariants;
+}
+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;

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

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllButtonsTable = exports.SegmentedButton = exports.TextButton = exports.TonalButton = exports.OutlineButton = exports.PrimaryButton = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.PrimaryButton = styled_components_1.default.button `
+  width: fit-content;
+  height: 32px;
+  border: none;
+  padding: 0
+    ${({ theme, hasIcon }) => (hasIcon ? theme.spacing.xs : theme.spacing.s)};
+  background-color: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+  border-radius: ${({ theme }) => theme.spacing.xs};
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${({ theme }) => theme.spacing.xs};
+  transition: all 0.3s;
+
+  font-family: Poppins;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 16px;
+  letter-spacing: 0.5px;
+  text-align: center;
+  color: ${({ theme }) => theme.colors.neutral.lightest};
+
+  svg {
+    font-size: 18px;
+    fill: ${({ theme }) => theme.colors.neutral.lightest};
+    flex-shrink: 0;
+  }
+
+  &:hover {
+    background-color: ${({ theme, colorVariants }) => colorVariants?.dark || theme.colors.primary.dark};
+  }
+
+  &:active {
+    background-color: ${({ theme, colorVariants }) => colorVariants?.darker || theme.colors.primary.darker};
+  }
+
+  &:focus-visible {
+    outline: 1px solid
+      ${({ theme, colorVariants }) => colorVariants?.darker || theme.colors.primary.darker};
+  }
+
+  &:disabled {
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+    color: ${({ theme }) => theme.colors.neutral.light};
+    cursor: default;
+  }
+`;
+exports.OutlineButton = (0, styled_components_1.default)(exports.PrimaryButton) `
+  background-color: transparent;
+  border: 1px solid
+    ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+  color: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+
+  svg {
+    fill: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+  }
+
+  &:hover {
+    background-color: ${({ theme, colorVariants }) => colorVariants?.lightest || theme.colors.primary.lightest};
+  }
+
+  &:active {
+    background-color: ${({ theme, colorVariants }) => colorVariants?.lighter || theme.colors.primary.lighter};
+  }
+
+  &:disabled {
+    background-color: ${({ theme }) => theme.colors.neutral.lightest};
+    color: ${({ theme }) => theme.colors.neutral.light};
+    border-color: ${({ theme }) => theme.colors.neutral.light};
+  }
+`;
+exports.TonalButton = (0, styled_components_1.default)(exports.PrimaryButton) `
+  background-color: ${({ theme, colorVariants }) => colorVariants?.lightest || theme.colors.primary.lightest};
+  color: ${({ theme, colorVariants }) => colorVariants?.darker || theme.colors.primary.darker};
+
+  svg {
+    fill: ${({ theme }) => theme.colors.primary.darker};
+  }
+
+  &:hover {
+    background-color: ${({ theme, colorVariants }) => colorVariants?.lighter || theme.colors.primary.lighter};
+  }
+
+  &:active {
+    background-color: ${({ theme, colorVariants }) => colorVariants?.light || theme.colors.primary.light};
+  }
+
+  &:disabled {
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+    color: ${({ theme }) => theme.colors.neutral.light};
+  }
+`;
+exports.TextButton = (0, styled_components_1.default)(exports.PrimaryButton) `
+  background-color: transparent;
+  color: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+
+  svg {
+    fill: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+    transition: all 0.3s;
+  }
+
+  &:hover {
+    background-color: transparent;
+    color: ${({ theme, colorVariants }) => colorVariants?.dark || theme.colors.primary.dark};
+    svg {
+      fill: ${({ theme, colorVariants }) => colorVariants?.dark || theme.colors.primary.dark};
+    }
+  }
+
+  &:active {
+    background-color: transparent;
+    color: ${({ theme, colorVariants }) => colorVariants?.darker || theme.colors.primary.darker};
+    svg {
+      fill: ${({ theme, colorVariants }) => colorVariants?.darker || theme.colors.primary.darker};
+    }
+  }
+
+  &:disabled {
+    background-color: transparent;
+    color: ${({ theme }) => theme.colors.neutral.light};
+  }
+`;
+exports.SegmentedButton = (0, styled_components_1.default)(exports.OutlineButton) `
+  border-radius: 0;
+  background-color: ${({ theme, isSelected, colorVariants }) => isSelected
+    ? colorVariants?.default || theme.colors.primary.default
+    : "transparent"};
+  color: ${({ theme, isSelected, colorVariants }) => isSelected
+    ? theme.colors.neutral.lightest
+    : colorVariants?.default || theme.colors.primary.default};
+
+  &:hover {
+    color: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.primary.default};
+  }
+
+  &:first-child {
+    border-top-left-radius: ${({ theme }) => theme.spacing.xs};
+    border-bottom-left-radius: ${({ theme }) => theme.spacing.xs};
+  }
+
+  &:last-child {
+    border-top-right-radius: ${({ theme }) => theme.spacing.xs};
+    border-bottom-right-radius: ${({ theme }) => theme.spacing.xs};
+  }
+
+  &:not(:last-child) {
+    border-right: 0;
+  }
+
+  &:disabled {
+    background-color: transparent;
+    color: ${({ theme }) => theme.colors.neutral.light};
+  }
+`;
+//Stories
+exports.AllButtonsTable = styled_components_1.default.table `
+  width: 100%;
+  border-collapse: collapse;
+
+  th {
+    border: 1px solid black;
+    padding: ${({ theme }) => theme.spacing.xs};
+    background-color: ${({ theme }) => theme.colors.neutral.lightest};
+  }
+
+  td {
+    border: 1px solid black;
+    padding: ${({ theme }) => theme.spacing.xs};
+    text-align: center;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Example = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const styles_1 = require("../StoriesComponents/styles");
+const meta = {
+    component: _1.Calendar,
+    title: "Design System/Calendar",
+    parameters: {
+        componentSubtitle: ((0, jsx_runtime_1.jsx)(styles_1.Subtitle, { children: "Um calend\u00E1rio \u00E9 um componente de interface que permite ao usu\u00E1rio selecionar uma data ou um intervalo de datas de forma visual e interativa. Ideal para ser utilizado como ferramenta de filtragem para relat\u00F3rios, hist\u00F3ricos e outros dados relevantes." })),
+    },
+    argTypes: {
+        onSelectDate: { action: "selected", control: { disable: true } },
+        hideAllOptions: {
+            control: { type: "boolean" },
+        },
+        onlyDate: { control: { type: "boolean" } },
+        hideOptions: {
+            description: "Opções de intervalo de datas a serem escondidas. `['Esse ano']`",
+            control: {
+                type: "radio",
+                options: [
+                    "Hoje",
+                    "Ontem",
+                    "Essa semana",
+                    "Semana passada",
+                    "Esse mês",
+                    "Mês passado",
+                    "Esse ano",
+                ],
+            },
+        },
+        isLoading: { control: { type: "boolean" } },
+        disabled: { control: { type: "boolean" } },
+        minDate: { table: { disable: true } },
+        maxDate: { table: { disable: true } },
+        defaultDate: {
+            control: { disable: true },
+            description: "Data inicial do calendário no formato: `{start: Date, end: Date}`",
+        },
+    },
+    args: {
+        hideAllOptions: false,
+        onlyDate: false,
+        isLoading: false,
+        disabled: false,
+    },
+};
+exports.default = meta;
+exports.Example = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { style: { height: 500 }, children: (0, jsx_runtime_1.jsx)(_1.Calendar, { ...args }) })),
+};
+//# sourceMappingURL=Calendar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.stories.js","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA6B;AAC7B,wDAAuD;AAEvD,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,WAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,qSAKE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChE,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,WAAW,EAAE;YACX,WAAW,EACT,iEAAiE;YACnE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,MAAM;oBACN,OAAO;oBACP,aAAa;oBACb,gBAAgB;oBAChB,UAAU;oBACV,aAAa;oBACb,UAAU;iBACX;aACF;SACF;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC3C,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;QAC1C,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrC,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAE1B,WAAW,EACT,mEAAmE;SACtE;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,YACzB,uBAAC,WAAQ,OAAK,IAAI,GAAI,GAClB,CACP;CACF,CAAC"}