@consumidor-positivo/aurora 0.0.199 → 0.0.201

package/dist/components/Alert/index.es.js

@@ -8,9 +8,9 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconClock } from "../icons/IconClock/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
+import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
-import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import './styles.css';const Alert = ({
   showIcon = true,
   status = "info",

package/dist/components/Calendar/index.es.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
-import "../../index-C8AM9yBn.js";
+import "../../index-BzVR1Tq6.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-C1N6rwrZ.js";
+import { a } from "../../index-RHj6RFlT.js";
 export {
   a as DatepickerCalendar
 };

package/dist/components/CalendarHeader/index.es.js

@@ -3,8 +3,8 @@ import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-CL0DrUGQ.js";
-import { C } from "../../index-C8AM9yBn.js";
+import "../../index-uWXGnhjd.js";
+import { C } from "../../index-BzVR1Tq6.js";
 export {
   C as CalendarHeader
 };

package/dist/components/Checkbox/index.es.js

@@ -3,9 +3,9 @@ import $dbSRa$react__default, { useState, useEffect } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
+import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
-import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const CheckboxField = ({
   label,

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,10 @@
+
+type ChipProps = {
+    isActive: boolean;
+    isDisabled?: boolean;
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+};
+export declare const Chip: ({ onClick, label, icon, isActive, isDisabled, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chip/index.es.js

@@ -0,0 +1,31 @@
+import { jsxs } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { Button } from "../Button/index.es.js";
+import './styles.css';const Chip = ({
+  onClick,
+  label,
+  icon,
+  isActive,
+  isDisabled
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: classNames("au-chip", {
+        "au-chip--active": isActive,
+        "au-chip--disabled": isDisabled
+      }),
+      type: "outlined",
+      disabled: isDisabled,
+      onClick,
+      children: [
+        icon,
+        label
+      ]
+    }
+  );
+};
+export {
+  Chip
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Chip/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Chip/index.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Button } from '@components/Button'\n\nimport './styles.scss'\n\ntype ChipProps = {\n  isActive: boolean\n  isDisabled?: boolean\n  label: string\n  icon?: React.ReactNode\n  onClick: () => void\n}\n\nexport const Chip = ({\n  onClick,\n  label,\n  icon,\n  isActive,\n  isDisabled,\n}: ChipProps) => {\n  return (\n    <Button\n      className={cn('au-chip', {\n        'au-chip--active': isActive,\n        'au-chip--disabled': isDisabled,\n      })}\n      type=\"outlined\"\n      disabled={isDisabled}\n      onClick={onClick}>\n      {icon}\n      {label}\n    </Button>\n  )\n}\n"],"names":["cn"],"mappings":";;;AAaO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AAEb,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWA,WAAG,WAAW;AAAA,QACvB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,MAAA,CACtB;AAAA,MACD,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACC,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Chip/styles.css

@@ -0,0 +1 @@
+.au-chip{font-size:14px;font-weight:600;padding:8px 16px;height:38px;border-color:#e2e4e9;color:#454a54;transition:all .2s ease;margin-right:8px}.au-chip .au-icon svg,.au-chip svg{color:#454a54}.au-chip:hover{border-color:#5e6573}.au-chip:disabled,.au-chip--disabled,.au-chip:disabled:hover,.au-chip--disabled:hover{background-color:#f6f7fa;color:#5e6573;border-color:#e2e4e9}.au-chip:disabled .au-icon svg,.au-chip:disabled svg,.au-chip--disabled .au-icon svg,.au-chip--disabled svg,.au-chip:disabled:hover .au-icon svg,.au-chip:disabled:hover svg,.au-chip--disabled:hover .au-icon svg,.au-chip--disabled:hover svg{color:#454a54}.au-chip:focus-visible{border:1px solid #f6f7fa;outline:1px solid #0048db}.au-chip--active{background-color:#fafbff;border-color:#9abcff;color:#0048db}.au-chip--active:hover{color:#1737a4;border-color:#1737a4}.au-chip--active .au-icon svg,.au-chip--active svg{color:#0048db}

package/dist/components/Datepicker/index.es.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import { IconCalendar } from "../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-C1N6rwrZ.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-RHj6RFlT.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-CL0DrUGQ.js";
-import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
+import { u as useOutsideClick } from "../../index-uWXGnhjd.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

package/dist/components/PortalHolder/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { Portal } from "../Portal/index.es.js";
 import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
+import { Portal } from "../Portal/index.es.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

package/dist/components/Segment/index.es.js

@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
 import "../icons/IconChevronDown/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconX/index.es.js";
-import { S } from "../../index-CL0DrUGQ.js";
+import { S } from "../../index-uWXGnhjd.js";
 export {
   S as Segment
 };

package/dist/components/SelectField/index.es.js

@@ -9,10 +9,10 @@ import { IconSlash } from "../icons/IconSlash/index.es.js";
 import { Modal } from "../Modal/index.es.js";
 import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { useState, useRef, useEffect } from "react";
-import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
   var _a;
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);

package/dist/components/Tabs/index.d.ts

@@ -3,7 +3,8 @@ export type TabsProps = {
     tabs: TabItemProps[];
     areTabsHidden?: boolean;
     initialTab?: string;
-    headerChildren?: React.ReactNode;
+    withLabel?: boolean;
+    rightSlotChildren?: React.ReactNode;
     onClick?: (value: string) => void;
 };
 export type TabItemProps = {
@@ -12,5 +13,5 @@ export type TabItemProps = {
     children?: React.ReactElement;
     icon?: React.ReactNode;
 };
-export declare const Tabs: ({ tabs, initialTab, onClick, areTabsHidden, headerChildren, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ tabs, initialTab, onClick, areTabsHidden, rightSlotChildren, withLabel, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/components/Tabs/index.es.js

@@ -1,14 +1,15 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { W as When } from "../../react-if.esm-CoCMV6iA.js";
-import { Button } from "../Button/index.es.js";
 import { useState, useEffect } from "react";
+import { W as When } from "../../react-if.esm-CoCMV6iA.js";
+import { Text } from "../Text/index.es.js";
+import { Chip } from "../Chip/index.es.js";
 import './styles.css';const Tabs = ({
   tabs,
   initialTab,
   onClick,
   areTabsHidden,
-  headerChildren
+  rightSlotChildren,
+  withLabel = false
 }) => {
   const [isClicked, setIsClicked] = useState(false);
   const [currButton, setCurrButton] = useState(initialTab ?? "");
@@ -22,30 +23,34 @@ import './styles.css';const Tabs = ({
     setActiveTab(item.tab);
     setIsClicked(true);
   };
-  const buttonClass = (item) => {
-    const isActive = isClicked && item.tab === currButton || activeTab === item.tab;
-    return classNames("au-tabs__button", {
-      active: isActive
-    });
-  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(When, { condition: !areTabsHidden, children: /* @__PURE__ */ jsx("div", { className: "au-tabs", children: /* @__PURE__ */ jsxs("div", { className: "au-tabs__container", children: [
-      /* @__PURE__ */ jsx("div", { className: "au-tabs__btns-panel", children: tabs.map((item) => {
-        return /* @__PURE__ */ jsxs(
-          Button,
+      /* @__PURE__ */ jsxs("div", { className: "au-tabs__left-panel", children: [
+        /* @__PURE__ */ jsx(When, { condition: !!withLabel, children: /* @__PURE__ */ jsxs(
+          Text,
           {
-            className: buttonClass(item),
-            type: "outlined",
-            onClick: () => handleClick(item),
+            color: "secondary",
+            variant: "body-small",
+            className: "au-tabs__label",
             children: [
-              item.icon,
-              item.title
+              "Filtrar por:",
+              " "
             ]
-          },
-          `au-tabs-${item.tab}`
-        );
-      }) }),
-      /* @__PURE__ */ jsx(When, { condition: !!headerChildren, children: headerChildren })
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "au-tabs__btns", children: tabs.map((item) => {
+          return /* @__PURE__ */ jsx(
+            Chip,
+            {
+              label: item.title,
+              icon: item.icon,
+              isActive: isClicked && item.tab === currButton || activeTab === item.tab,
+              onClick: () => handleClick(item)
+            }
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx(When, { condition: !!rightSlotChildren, children: rightSlotChildren })
     ] }) }) }),
     tabs.map(({ children, tab }) => {
       return /* @__PURE__ */ jsx(

package/dist/components/Tabs/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tabs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { If } from '@components/misc'\nimport { Button } from '@components/Button'\nimport { useEffect, useState } from 'react'\nimport './styles.scss'\n\nexport type TabsProps = {\n  tabs: TabItemProps[]\n  areTabsHidden?: boolean\n  initialTab?: string\n  headerChildren?: React.ReactNode\n  onClick?: (value: string) => void\n}\n\nexport type TabItemProps = {\n  tab: string\n  title: string\n  children?: React.ReactElement\n  icon?: React.ReactNode\n}\n\nexport const Tabs = ({\n  tabs,\n  initialTab,\n  onClick,\n  areTabsHidden,\n  headerChildren,\n}: TabsProps) => {\n  const [isClicked, setIsClicked] = useState(false)\n  const [currButton, setCurrButton] = useState(initialTab ?? '')\n  const [activeTab, setActiveTab] = useState(initialTab)\n\n  useEffect(() => {\n    setActiveTab(initialTab)\n  }, [initialTab])\n\n  const handleClick = (item: TabItemProps) => {\n    onClick && onClick(item.tab)\n    setCurrButton(item.tab)\n    setActiveTab(item.tab)\n    setIsClicked(true)\n  }\n\n  const buttonClass = (item: TabItemProps) => {\n    const isActive =\n      (isClicked && item.tab === currButton) || activeTab === item.tab\n    return classNames('au-tabs__button', {\n      active: isActive,\n    })\n  }\n\n  return (\n    <>\n      <If condition={!areTabsHidden}>\n        <div className=\"au-tabs\">\n          <div className=\"au-tabs__container\">\n            <div className=\"au-tabs__btns-panel\">\n              {tabs.map((item: TabItemProps) => {\n                return (\n                  <Button\n                    key={`au-tabs-${item.tab}`}\n                    className={buttonClass(item)}\n                    type={'outlined'}\n                    onClick={() => handleClick(item)}>\n                    {item.icon}\n                    {item.title}\n                  </Button>\n                )\n              })}\n            </div>\n            <If condition={!!headerChildren}>{headerChildren}</If>\n          </div>\n        </div>\n      </If>\n\n      {tabs.map(({ children, tab }: TabItemProps) => {\n        return (\n          <div\n            className={`au-tabs__children children-${tab}`}\n            key={`au-tabs-${tab}`}>\n            <If condition={currButton === tab || activeTab === tab}>\n              {children}\n            </If>\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\nexport default Tabs\n"],"names":["If"],"mappings":";;;;;AAqBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,EAAE;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AAErD,YAAU,MAAM;AACd,iBAAa,UAAU;AAAA,EAAA,GACtB,CAAC,UAAU,CAAC;AAET,QAAA,cAAc,CAAC,SAAuB;AAC/B,eAAA,QAAQ,KAAK,GAAG;AAC3B,kBAAc,KAAK,GAAG;AACtB,iBAAa,KAAK,GAAG;AACrB,iBAAa,IAAI;AAAA,EAAA;AAGb,QAAA,cAAc,CAAC,SAAuB;AAC1C,UAAM,WACH,aAAa,KAAK,QAAQ,cAAe,cAAc,KAAK;AAC/D,WAAO,WAAW,mBAAmB;AAAA,MACnC,QAAQ;AAAA,IAAA,CACT;AAAA,EAAA;AAGH,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAAA,MAAA,EAAG,WAAW,CAAC,eACd,UAAA,oBAAC,OAAI,EAAA,WAAU,WACb,UAAA,qBAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,uBACZ,UAAK,KAAA,IAAI,CAAC,SAAuB;AAE9B,eAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,YAAY,IAAI;AAAA,YAC3B,MAAM;AAAA,YACN,SAAS,MAAM,YAAY,IAAI;AAAA,YAC9B,UAAA;AAAA,cAAK,KAAA;AAAA,cACL,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UALD,WAAW,KAAK,GAAG;AAAA,QAAA;AAAA,MAQ7B,CAAA,GACH;AAAA,0BACCA,MAAG,EAAA,WAAW,CAAC,CAAC,gBAAiB,UAAe,gBAAA;AAAA,IAAA,EACnD,CAAA,EACF,CAAA,GACF;AAAA,IAEC,KAAK,IAAI,CAAC,EAAE,UAAU,UAAwB;AAE3C,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,8BAA8B,GAAG;AAAA,UAE5C,8BAACA,MAAG,EAAA,WAAW,eAAe,OAAO,cAAc,KAChD,UACH;AAAA,QAAA;AAAA,QAHK,WAAW,GAAG;AAAA,MAAA;AAAA,IAIrB,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Tabs/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { If } from '@components/misc'\nimport { Text } from '@components/Text'\nimport { Chip } from '@components/Chip'\n\nimport './styles.scss'\n\nexport type TabsProps = {\n  tabs: TabItemProps[]\n  areTabsHidden?: boolean\n  initialTab?: string\n  withLabel?: boolean\n  rightSlotChildren?: React.ReactNode\n  onClick?: (value: string) => void\n}\n\nexport type TabItemProps = {\n  tab: string\n  title: string\n  children?: React.ReactElement\n  icon?: React.ReactNode\n}\n\nexport const Tabs = ({\n  tabs,\n  initialTab,\n  onClick,\n  areTabsHidden,\n  rightSlotChildren,\n  withLabel = false,\n}: TabsProps) => {\n  const [isClicked, setIsClicked] = useState(false)\n  const [currButton, setCurrButton] = useState(initialTab ?? '')\n  const [activeTab, setActiveTab] = useState(initialTab)\n\n  useEffect(() => {\n    setActiveTab(initialTab)\n  }, [initialTab])\n\n  const handleClick = (item: TabItemProps) => {\n    onClick && onClick(item.tab)\n    setCurrButton(item.tab)\n    setActiveTab(item.tab)\n    setIsClicked(true)\n  }\n\n  return (\n    <>\n      <If condition={!areTabsHidden}>\n        <div className=\"au-tabs\">\n          <div className=\"au-tabs__container\">\n            <div className=\"au-tabs__left-panel\">\n              <If condition={!!withLabel}>\n                <Text\n                  color=\"secondary\"\n                  variant=\"body-small\"\n                  className=\"au-tabs__label\">\n                  Filtrar por:{' '}\n                </Text>\n              </If>\n              <div className=\"au-tabs__btns\">\n                {tabs.map((item: TabItemProps) => {\n                  return (\n                    <Chip\n                      label={item.title}\n                      icon={item.icon}\n                      isActive={\n                        (isClicked && item.tab === currButton) ||\n                        activeTab === item.tab\n                      }\n                      onClick={() => handleClick(item)}\n                    />\n                  )\n                })}\n              </div>\n            </div>\n            <If condition={!!rightSlotChildren}>{rightSlotChildren}</If>\n          </div>\n        </div>\n      </If>\n\n      {tabs.map(({ children, tab }: TabItemProps) => {\n        return (\n          <div\n            className={`au-tabs__children children-${tab}`}\n            key={`au-tabs-${tab}`}>\n            <If condition={currButton === tab || activeTab === tab}>\n              {children}\n            </If>\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\nexport default Tabs\n"],"names":["If"],"mappings":";;;;;AAuBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAiB;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,cAAc,EAAE;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AAErD,YAAU,MAAM;AACd,iBAAa,UAAU;AAAA,EAAA,GACtB,CAAC,UAAU,CAAC;AAET,QAAA,cAAc,CAAC,SAAuB;AAC/B,eAAA,QAAQ,KAAK,GAAG;AAC3B,kBAAc,KAAK,GAAG;AACtB,iBAAa,KAAK,GAAG;AACrB,iBAAa,IAAI;AAAA,EAAA;AAGnB,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAAA,MAAA,EAAG,WAAW,CAAC,eACd,UAAA,oBAAC,OAAI,EAAA,WAAU,WACb,UAAA,qBAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,MAAC,qBAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA,oBAACA,MAAG,EAAA,WAAW,CAAC,CAAC,WACf,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YAAiB,UAAA;AAAA,cAAA;AAAA,cACd;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEjB;AAAA,4BACC,OAAI,EAAA,WAAU,iBACZ,UAAK,KAAA,IAAI,CAAC,SAAuB;AAE9B,iBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,KAAK;AAAA,cACZ,MAAM,KAAK;AAAA,cACX,UACG,aAAa,KAAK,QAAQ,cAC3B,cAAc,KAAK;AAAA,cAErB,SAAS,MAAM,YAAY,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAGpC,CAAA,GACH;AAAA,MAAA,GACF;AAAA,0BACCA,MAAG,EAAA,WAAW,CAAC,CAAC,mBAAoB,UAAkB,mBAAA;AAAA,IAAA,EACzD,CAAA,EACF,CAAA,GACF;AAAA,IAEC,KAAK,IAAI,CAAC,EAAE,UAAU,UAAwB;AAE3C,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,8BAA8B,GAAG;AAAA,UAE5C,8BAACA,MAAG,EAAA,WAAW,eAAe,OAAO,cAAc,KAChD,UACH;AAAA,QAAA;AAAA,QAHK,WAAW,GAAG;AAAA,MAAA;AAAA,IAIrB,CAEH;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/components/Tabs/styles.css

@@ -1 +1 @@
-.au-tabs__container{display:flex;flex-direction:column}@media (min-width: 600px){.au-tabs__container{flex-direction:row;align-items:center;justify-content:space-between}}.au-tabs__btns-panel{display:flex;gap:16px;white-space:nowrap;overflow-x:scroll;margin-bottom:20px}.au-tabs__btns-panel::-webkit-scrollbar{display:none}@media (min-width: 600px){.au-tabs__btns-panel{overflow:unset;margin-bottom:0}}.au-tabs__button{font-size:14px;font-weight:600;padding:8px 16px;height:40px;border-color:#e2e4e9;color:#454a54}.au-tabs__button .au-icon svg,.au-tabs__button svg{color:#454a54}.au-tabs__button.active{background-color:#fafbff;border-color:#9abcff;color:#0048db}.au-tabs__button.active .au-icon svg,.au-tabs__button.active svg{color:#0048db}.au-tabs__children{margin-top:24px}@media (min-width: 600px){.au-tabs__children{margin-top:32px}}
+.au-tabs__container{display:flex;flex-direction:column}@media (min-width: 600px){.au-tabs__container{flex-direction:row;align-items:center;justify-content:space-between}}.au-tabs__left-panel{display:flex;align-items:center;gap:8px}.au-tabs__label{display:none}@media (min-width: 600px){.au-tabs__label{display:unset}}.au-tabs__btns{display:flex;white-space:nowrap;overflow-x:scroll;margin-bottom:20px}.au-tabs__btns::-webkit-scrollbar{display:none}@media (min-width: 600px){.au-tabs__btns{overflow:unset;margin-bottom:0}}.au-tabs__children{margin-top:24px}@media (min-width: 600px){.au-tabs__children{margin-top:32px}}

package/dist/components/Tag/index.es.js

@@ -6,8 +6,8 @@ import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
 import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50, g as COLOR_BRAND_CYAN_50, d as COLOR_NEUTRAL_70 } from "../../tokens-D_iASp38.js";
+import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const Tag = ({
   status,
   border = "square",

package/dist/{index-C8AM9yBn.js → index-BzVR1Tq6.js}

@@ -3,7 +3,7 @@ import "./index-CweZ_OcN.js";
 import "./components/Icon/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
-import { S as Segment } from "./index-CL0DrUGQ.js";
+import { S as Segment } from "./index-uWXGnhjd.js";
 import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
 import "react-dom";
 createContext(null);
@@ -5686,4 +5686,4 @@ export {
   $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
   $dfd62f934fc76fed$export$5d847498420df57b as f
 };
-//# sourceMappingURL=index-C8AM9yBn.js.map
+//# sourceMappingURL=index-BzVR1Tq6.js.map