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

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

@@ -1,129 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var DatePickerWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  position: relative;\n  width: fit-content;\n\n  label {\n    font-size: ", ";\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px; /* 150% */\n    letter-spacing: 0.15px;\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  position: relative;\n  width: fit-content;\n\n  label {\n    font-size: ", ";\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px; /* 150% */\n    letter-spacing: 0.15px;\n    color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.components.input.label.fontSize[theme.device];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-});
-export var DatePickerTrigger = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", ";\n  background-color: #fff;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: 0 ", ";\n  height: 40px;\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  span {\n    font-weight: 400;\n  }\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n  }\n\n  &:disabled {\n    cursor: default;\n    color: ", ";\n    border-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", ";\n  background-color: #fff;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: 0 ", ";\n  height: 40px;\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n\n  span {\n    font-weight: 400;\n  }\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n  }\n\n  &:disabled {\n    cursor: default;\n    color: ", ";\n    border-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, 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.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-export var DatePickerContent = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  display: ", ";\n  transform: translateX(-100%);\n  flex-direction: column;\n  background-color: #fff;\n  border-radius: ", ";\n  box-shadow: ", ";\n  z-index: 9999;\n"], ["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  display: ", ";\n  transform: translateX(-100%);\n  flex-direction: column;\n  background-color: #fff;\n  border-radius: ", ";\n  box-shadow: ", ";\n  z-index: 9999;\n"])), function (_a) {
-    var $top = _a.$top;
-    return $top;
-}, function (_a) {
-    var $left = _a.$left;
-    return $left;
-}, function (_a) {
-    var $show = _a.$show;
-    return ($show ? "flex" : "none");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-});
-export var ContentBody = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-export var CalendarContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n\n  ul {\n    list-style: none;\n    display: flex;\n    margin: 0 auto;\n    padding: 0;\n  }\n\n  li {\n    display: flex;\n    width: 30px;\n    height: 30px;\n    justify-content: center;\n    align-items: center;\n\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n\n  ul {\n    list-style: none;\n    display: flex;\n    margin: 0 auto;\n    padding: 0;\n  }\n\n  li {\n    display: flex;\n    width: 30px;\n    height: 30px;\n    justify-content: center;\n    align-items: center;\n\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-export var MonthYearHeader = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: ", ";\n  border-bottom: 1px solid ", ";\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 35px;\n    text-transform: capitalize;\n  }\n\n  svg {\n    cursor: pointer;\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: ", ";\n  border-bottom: 1px solid ", ";\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 35px;\n    text-transform: capitalize;\n  }\n\n  svg {\n    cursor: pointer;\n    fill: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-export var StyledCalendar = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 30px);\n  margin: 0 auto;\n  padding-top: ", ";\n  gap: ", " 0;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(7, 30px);\n  margin: 0 auto;\n  padding-top: ", ";\n  gap: ", " 0;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-});
-export var DayButton = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  border: none;\n  background-color: transparent;\n  transition: all 0.3s;\n  border-radius: 50%;\n\n  color: ", ";\n\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background-color: ", ";\n    color: #fff;\n  }\n\n  ", "\n\n  ", "\n\n&:disabled {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  ", "\n\n  ", "\n"], ["\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  border: none;\n  background-color: transparent;\n  transition: all 0.3s;\n  border-radius: 50%;\n\n  color: ", ";\n\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  letter-spacing: 0.1px;\n\n  &:hover {\n    background-color: ", ";\n    color: #fff;\n  }\n\n  ", "\n\n  ", "\n\n&:disabled {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, $isSelected = _a.$isSelected;
-    return $isSelected ? "#fff" : theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme, $isSelected = _a.$isSelected;
-    return !$isSelected && theme.colors.primary.lighter;
-}, function (_a) {
-    var $isSelected = _a.$isSelected, theme = _a.theme;
-    return $isSelected &&
-        "\n  background-color: ".concat(theme.colors.primary.default, ";\n  color: #fff;\n  ");
-}, function (_a) {
-    var $isHovered = _a.$isHovered, theme = _a.theme;
-    return $isHovered &&
-        "\n    background-color: ".concat(theme.colors.primary.lighter, ";\n    color: #fff;\n  ");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var $isFirst = _a.$isFirst;
-    return $isFirst && "border-top-left-radius: 50%; border-bottom-left-radius: 50%;";
-}, function (_a) {
-    var $isLast = _a.$isLast;
-    return $isLast && "border-top-right-radius: 50%; border-bottom-right-radius: 50%;";
-});
-export var ContentFooter = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: ", ";\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n  border-top: 1px solid ", ";\n"], ["\n  padding: ", ";\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n  border-top: 1px solid ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -1,68 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SingleTab } from ".";
-import { IconBell } from "../icons";
-import { Subtitle } from "../StoriesComponents";
-var meta = {
-    component: SingleTab,
-    title: "Design System/SingleTab",
-    parameters: {
-        componentSubtitle: (_jsx(Subtitle, { children: "A SingleTab \u00E9 um componente para ser usado caso seja necess\u00E1rio uma tab independente ou com comportamentos n\u00E3o suportados pelo TabGroup" })),
-    },
-    argTypes: {
-        children: {
-            description: "Conteúdo da tab. Pode ser um texto ou um componente.",
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        counter: {
-            description: "Número a ser exibido no badge. Se deixado em branco, o badge não será exibido.",
-            control: {
-                type: "number",
-                allowNegative: false,
-            },
-        },
-        icon: {
-            description: "Ícone a ser exibido no início do botão. Se deixado em branco, nenhum ícone será exibido.",
-            control: {
-                type: "select",
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        isSelected: {
-            description: "Define se a tab está selecionada.",
-            control: {
-                type: "boolean",
-            },
-        },
-        variant: {
-            control: {
-                type: "radio",
-                options: ["default", "transparent"],
-            },
-            description: "Estilo da tab.",
-            table: {
-                type: {
-                    summary: "default | transparent",
-                },
-            },
-        },
-    },
-};
-export default meta;
-export var Example = {
-    args: {
-        children: "Exemplo Tab",
-        icon: _jsx(IconBell, {}),
-        counter: 9,
-        isSelected: false,
-        variant: "default",
-    },
-};
-//# sourceMappingURL=SingleTab.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SingleTab.stories.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/SingleTab.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,IAAM,IAAI,GAA2B;IACnC,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,yKAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;QACD,OAAO,EAAE;YACP,WAAW,EACT,gFAAgF;YAClF,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,aAAa,EAAE,KAAK;aACrB;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EACT,0FAA0F;YAC5F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,WAAW;iBACrB;aACF;SACF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;aACpC;YACD,WAAW,EAAE,gBAAgB;YAC7B,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,uBAAuB;iBACjC;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,KAAC,QAAQ,KAAG;QAClB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

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

@@ -1,11 +0,0 @@
-import React from "react";
-interface SingleTabProps extends Omit<React.HTMLAttributes<HTMLElement>, "value"> {
-    counter?: number;
-    icon?: React.ReactNode;
-    isSelected?: boolean;
-    variant?: "default" | "transparent";
-    /** The value used to identify this tab within a TabGroup/Tabs.Root context. */
-    value?: any;
-}
-export declare const SingleTab: React.ForwardRefExoticComponent<SingleTabProps & React.RefAttributes<HTMLElement>>;
-export {};

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

@@ -1,12 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Tabs } from "@base-ui/react/tabs";
-import { tabClass, transparentTabClass, numberTagClass } from "./styles.css";
-export var SingleTab = forwardRef(function SingleTab(_a, ref) {
-    var icon = _a.icon, counter = _a.counter, isSelected = _a.isSelected, children = _a.children, _b = _a.variant, variant = _b === void 0 ? "default" : _b, value = _a.value, className = _a.className, props = __rest(_a, ["icon", "counter", "isSelected", "children", "variant", "value", "className"]);
-    var variantClass = variant === "transparent" ? transparentTabClass : tabClass;
-    var combinedClassName = "".concat(variantClass).concat(className ? " ".concat(className) : "");
-    return (_jsxs(Tabs.Tab, __assign({ ref: ref, value: value, className: combinedClassName }, props, { children: [icon, children, !isNaN(Number(counter)) && _jsx("span", { className: numberTagClass, children: counter })] })));
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAW7E,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EASiB,EACjB,GAA2B;IATzB,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA,EACN,KAAK,cARV,8EASC,CADS;IAIV,IAAM,YAAY,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChF,IAAM,iBAAiB,GAAG,UAAG,YAAY,SAAG,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC;IAE/E,OAAO,CACL,MAAC,IAAI,CAAC,GAAG,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,IAAM,KAAK,eACtE,IAAI,EACJ,QAAQ,EACR,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,eAAM,SAAS,EAAE,cAAc,YAAG,OAAO,GAAQ,KACpE,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,3 +0,0 @@
-export declare const tabClass: string;
-export declare const numberTagClass: string;
-export declare const transparentTabClass: string;

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

@@ -1,90 +0,0 @@
-import { style, globalStyle } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-export var tabClass = style({
-    display: "flex",
-    alignItems: "center",
-    gap: vars.spacing.xs,
-    padding: "".concat(vars.spacing.xxs, " ").concat(vars.spacing.xs),
-    border: "none",
-    backgroundColor: vars.colors.neutral.lightest,
-    borderRadius: "".concat(vars.radius.m, " ").concat(vars.radius.m, " 0 0"),
-    width: "fit-content",
-    cursor: "pointer",
-    transition: "all 0.3s",
-    color: vars.colors.neutral.dark,
-    fontFamily: vars.typography.family.default,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: "500",
-    lineHeight: "normal",
-});
-globalStyle("".concat(tabClass, " svg"), {
-    transition: "all 0.3s",
-    fill: vars.colors.neutral.dark,
-    width: "20px",
-    height: "20px",
-    flexShrink: 0,
-});
-globalStyle("".concat(tabClass, ":hover"), {
-    backgroundColor: vars.colors.neutral.lighter,
-});
-globalStyle("".concat(tabClass, "[data-active]"), {
-    backgroundColor: "#fff",
-    color: vars.colors.neutral.darker,
-});
-globalStyle("".concat(tabClass, "[data-active] svg"), {
-    fill: vars.colors.neutral.darker,
-});
-globalStyle("".concat(tabClass, ":disabled, ").concat(tabClass, "[data-disabled]"), {
-    cursor: "default",
-    color: vars.colors.neutral.light,
-    backgroundColor: vars.colors.neutral.lighter,
-});
-globalStyle("".concat(tabClass, ":disabled svg, ").concat(tabClass, "[data-disabled] svg"), {
-    fill: vars.colors.neutral.light,
-});
-export var numberTagClass = style({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: vars.colors.neutral.light,
-    borderRadius: vars.radius.s,
-    padding: vars.spacing.xxs,
-    minWidth: "19px",
-    color: "#fff",
-    fontSize: "11px",
-    fontStyle: "normal",
-    fontWeight: "600",
-    lineHeight: "11px",
-});
-export var transparentTabClass = style([
-    tabClass,
-    {
-        backgroundColor: "transparent",
-        position: "relative",
-    },
-]);
-globalStyle("".concat(transparentTabClass, "::after"), {
-    content: '""',
-    position: "absolute",
-    bottom: "0px",
-    left: "50%",
-    height: "2px",
-    width: "0px",
-    backgroundColor: vars.colors.neutral.default,
-    borderRadius: "2px",
-    transition: "all 0.2s",
-});
-globalStyle("".concat(transparentTabClass, ":hover"), {
-    backgroundColor: "transparent",
-});
-globalStyle("".concat(transparentTabClass, ":hover::after"), {
-    width: "calc(100% - 16px)",
-    left: "8px",
-});
-globalStyle("".concat(transparentTabClass, "[data-active]::after"), {
-    width: "calc(100% - 16px)",
-    left: "8px",
-    backgroundColor: vars.colors.primary.default,
-});
-//# sourceMappingURL=styles.css.js.map

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

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

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

@@ -1,11 +0,0 @@
-export interface TabProps {
-    $isSelected?: boolean;
-    disabled?: boolean;
-}
-export declare const Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("@base-ui/react/tabs").TabsTabProps, "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;
-}, TabProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/tabs").TabsTabProps, "ref"> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const NumberTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TransparentTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/tabs").TabsTabProps, "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;
-}, keyof TabProps> & TabProps, never>> & string;

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

@@ -1,70 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-import { Tabs } from "@base-ui/react/tabs";
-export var Tab = styled(Tabs.Tab)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border: none;\n  background-color: ", ";\n  border-radius: ", ";\n  width: fit-content;\n  cursor: pointer;\n  transition: all 0.3s;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    transition: all 0.3s;\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &[data-active] {\n    background-color: #fff;\n    color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled,\n  &[data-disabled] {\n    cursor: default;\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border: none;\n  background-color: ", ";\n  border-radius: ", ";\n  width: fit-content;\n  cursor: pointer;\n  transition: all 0.3s;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    transition: all 0.3s;\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &[data-active] {\n    background-color: #fff;\n    color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n\n  &:disabled,\n  &[data-disabled] {\n    cursor: default;\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs + " " + theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m + " " + theme.radius.m + " 0 0";
-}, 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;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var $isSelected = _a.$isSelected, theme = _a.theme;
-    return $isSelected &&
-        "\n    background-color: #fff;\n    color: ".concat(theme.colors.neutral.darker, ";\n\n    svg {\n        fill: ").concat(theme.colors.neutral.darker, ";\n    }\n    ");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-export var NumberTag = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  min-width: 19px;\n\n  color: #fff;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 11px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  min-width: 19px;\n\n  color: #fff;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 11px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-});
-export var TransparentTab = styled(Tab)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: transparent;\n  position: relative;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0px;\n    left: 50%;\n    height: 2px;\n    width: 0px;\n    background-color: ", ";\n    border-radius: 2px;\n    transition: all 0.2s;\n  }\n\n  &:hover {\n    background-color: transparent;\n  }\n\n  &:hover::after {\n    width: calc(100% - 16px);\n    left: 8px;\n  }\n\n  ", "\n\n  &[data-active]::after {\n    width: calc(100% - 16px);\n    left: 8px;\n    background-color: ", ";\n  }\n"], ["\n  background-color: transparent;\n  position: relative;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0px;\n    left: 50%;\n    height: 2px;\n    width: 0px;\n    background-color: ", ";\n    border-radius: 2px;\n    transition: all 0.2s;\n  }\n\n  &:hover {\n    background-color: transparent;\n  }\n\n  &:hover::after {\n    width: calc(100% - 16px);\n    left: 8px;\n  }\n\n  ", "\n\n  &[data-active]::after {\n    width: calc(100% - 16px);\n    left: 8px;\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var $isSelected = _a.$isSelected, theme = _a.theme;
-    return $isSelected &&
-        "\n        &::after {\n        width: calc(100% - 16px);\n        left: 8px;\n        background-color: ".concat(theme.colors.primary.default, ";\n        }\n    ");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -1,64 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from ".";
-import { Subtitle } from "../StoriesComponents";
-var meta = {
-    title: "Design System/Skeleton",
-    component: Skeleton,
-    parameters: {
-        componentSubtitle: (_jsx(Subtitle, { children: "Componente que simula um carregamento de conte\u00FAdo mantendo o layout do app." })),
-    },
-    argTypes: {
-        width: {
-            description: "Largura do componente",
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "string | number",
-                },
-                defaultValue: {
-                    summary: "100%",
-                },
-            },
-        },
-        height: {
-            description: "Altura do componente",
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "string | number",
-                },
-                defaultValue: {
-                    summary: "100%",
-                },
-            },
-        },
-        borderRadius: {
-            description: "Raio da borda do componente",
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "string | number",
-                },
-                defaultValue: {
-                    summary: "8px",
-                },
-            },
-        },
-    },
-    args: {
-        width: "400px",
-        height: "80px",
-        borderRadius: "8px",
-    },
-};
-export default meta;
-export var Example = {
-    name: "Exemplo",
-};
-//# sourceMappingURL=Skeleton.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.stories.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,mGAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,uBAAuB;YACpC,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,iBAAiB;iBAC3B;gBACD,YAAY,EAAE;oBACZ,OAAO,EAAE,MAAM;iBAChB;aACF;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,sBAAsB;YACnC,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,iBAAiB;iBAC3B;gBACD,YAAY,EAAE;oBACZ,OAAO,EAAE,MAAM;iBAChB;aACF;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,iBAAiB;iBAC3B;gBACD,YAAY,EAAE;oBACZ,OAAO,EAAE,KAAK;iBACf;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;CAChB,CAAC"}

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

@@ -1,8 +0,0 @@
-import React from "react";
-interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
-    width?: string | number;
-    height?: string | number;
-    borderRadius?: string | number;
-}
-export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQ1D,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAAwD,EACxD,GAA8B;IAD5B,IAAA,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,cAAvC,mCAAyC,CAAF;IAGvC,OAAO,CACL,uBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iBAAiB,EAC5B,KAAK,aACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,IACvB,KAAK,CAAC,KAAK,KAEZ,KAAK,cAET,cAAK,SAAS,EAAE,OAAO,GAAI,IACvB,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,2 +0,0 @@
-export declare const skeletonContainer: string;
-export declare const shimmer: string;

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

@@ -1,28 +0,0 @@
-import { style, keyframes } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-var shimmerAnimation = keyframes({
-    "0%": {
-        transform: "translateX(-100%)",
-    },
-    "100%": {
-        transform: "translateX(100%)",
-    },
-});
-export var skeletonContainer = style({
-    position: "relative",
-    width: "100%",
-    height: "100%",
-    borderRadius: vars.radius.m,
-    overflow: "hidden",
-    background: vars.colors.neutral.lighter,
-});
-export var shimmer = style({
-    position: "absolute",
-    top: 0,
-    left: 0,
-    height: "100%",
-    width: "100%",
-    background: "linear-gradient(90deg, rgba(224, 224, 224, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(224, 224, 224, 0) 100%)",
-    animation: "".concat(shimmerAnimation, " 1.5s infinite ease-in"),
-});
-//# sourceMappingURL=styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,IAAM,gBAAgB,GAAG,SAAS,CAAC;IACjC,IAAI,EAAE;QACJ,SAAS,EAAE,mBAAmB;KAC/B;IACD,MAAM,EAAE;QACN,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;CACxC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC;IAC3B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,UAAU,EACR,8GAA8G;IAChH,SAAS,EAAE,UAAG,gBAAgB,2BAAwB;CACvD,CAAC,CAAC"}

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

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

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

@@ -1,12 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var SkeletonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: ", ";\n  overflow: hidden;\n  background: ", ";\n"], ["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: ", ";\n  overflow: hidden;\n  background: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-});
-export var Shimmer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background: linear-gradient(\n    90deg,\n    rgba(224, 224, 224, 0) 0%,\n    rgba(255, 255, 255, 0.5) 50%,\n    rgba(224, 224, 224, 0) 100%\n  );\n  animation: shimmer 1.5s infinite ease-in;\n\n  @keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background: linear-gradient(\n    90deg,\n    rgba(224, 224, 224, 0) 0%,\n    rgba(255, 255, 255, 0.5) 50%,\n    rgba(224, 224, 224, 0) 100%\n  );\n  animation: shimmer 1.5s infinite ease-in;\n\n  @keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n"])));
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,iMAAA,6EAIxB,EAA6B,wCAEhC,EAA2C,KAC1D,KAHkB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAEhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,CAC1D,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,qeAAA,kaAsBhC,IAAA,CAAC"}