@channel.io/bezier-react 1.5.0 → 1.6.0

package/build/src/components/Status/Status.types.js

@@ -1,16 +0,0 @@
-var StatusType;
-(function (StatusType) {
-  StatusType["Online"] = "Online";
-  StatusType["Offline"] = "Offline";
-  StatusType["Lock"] = "Lock";
-  StatusType["OnlineCrescent"] = "OnlineCrescent";
-  StatusType["OfflineCrescent"] = "OfflineCrescent";
-})(StatusType || (StatusType = {}));
-var StatusSize;
-(function (StatusSize) {
-  StatusSize[StatusSize["M"] = 8] = "M";
-  StatusSize[StatusSize["L"] = 14] = "L";
-})(StatusSize || (StatusSize = {}));
-
-export { StatusSize, StatusType };
-//# sourceMappingURL=Status.types.js.map

package/build/src/components/Status/Status.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.types.js","sources":["../../../../src/components/Status/Status.types.ts"],"sourcesContent":["import type {\n  BezierComponentProps,\n  SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum StatusType {\n  Online = 'Online',\n  Offline = 'Offline',\n  Lock = 'Lock',\n  OnlineCrescent = 'OnlineCrescent',\n  OfflineCrescent = 'OfflineCrescent',\n}\n\nexport enum StatusSize {\n  M = 8,\n  L = 14,\n}\n\ninterface StatusOptions {\n  type: StatusType\n}\n\nexport interface StatusProps extends\n  BezierComponentProps,\n  SizeProps<StatusSize>,\n  React.HTMLAttributes<HTMLDivElement>,\n  StatusOptions {}\n"],"names":["StatusType","StatusSize"],"mappings":"IAKYA,WAMX;AAND,CAAA,UAAYA,UAAU,EAAA;AACpBA,EAAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,UAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjCA,EAAAA,UAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACrC,CAAC,EANWA,UAAU,KAAVA,UAAU,GAMrB,EAAA,CAAA,CAAA,CAAA;IAEWC,WAGX;AAHD,CAAA,UAAYA,UAAU,EAAA;EACpBA,UAAA,CAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,GAAA,GAAK,CAAA;EACLA,UAAA,CAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAM,CAAA;AACR,CAAC,EAHWA,UAAU,KAAVA,UAAU,GAGrB,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/Status/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Status';
-export { StatusType, StatusSize, type StatusProps } from './Status.types';
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/Tabs/TabAction.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type TabActionProps } from './Tabs.types';
-/**
- * `TabAction` is a button for more action to open a new link or navigate to a different url.
- * If it has `href` props, it should act as a link.
- */
-export declare const TabAction: React.ForwardRefExoticComponent<TabActionProps<string | undefined> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=TabAction.d.ts.map

package/build/src/components/Tabs/TabAction.js

@@ -1,67 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useContext } from 'react';
-import { O as t } from '../../../packages/bezier-icons/dist/react/open-in-new.mjs.js';
-import { isNil } from '../../utils/typeUtils.js';
-import Text from '../Text/Text.js';
-import TabListContext from './TabListContext.js';
-import { TabSize } from './Tabs.types.js';
-import { ToolbarButton, ToolbarLink, LinkIcon } from './TabAction.styled.js';
-import { IconSize } from '../Icon/Icon.types.js';
-import { Typography } from '../../foundation/Typography.js';
-
-const getTypoBy = size => {
-  switch (size) {
-    case TabSize.L:
-      return Typography.Size14;
-    case TabSize.M:
-    case TabSize.S:
-    default:
-      return Typography.Size13;
-  }
-};
-const getIconSizeBy = size => {
-  switch (size) {
-    case TabSize.L:
-      return IconSize.S;
-    default:
-      return IconSize.XS;
-  }
-};
-/**
- * `TabAction` is a button for more action to open a new link or navigate to a different url.
- * If it has `href` props, it should act as a link.
- */
-const TabAction = forwardRef(function TabAction(_a, forwardedRef) {
-  var {
-      href,
-      children,
-      onClick
-    } = _a,
-    rest = __rest(_a, ["href", "children", "onClick"]);
-  const {
-    size
-  } = useContext(TabListContext);
-  return isNil(href) ? e__default.createElement(ToolbarButton, Object.assign({
-    size: size,
-    onClick: onClick,
-    ref: forwardedRef
-  }, rest), e__default.createElement(Text, {
-    bold: true,
-    typo: getTypoBy(size)
-  }, children)) : e__default.createElement(ToolbarLink, Object.assign({
-    size: size,
-    href: href,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    ref: forwardedRef
-  }, rest), e__default.createElement(Text, {
-    bold: true,
-    typo: getTypoBy(size)
-  }, children), e__default.createElement(LinkIcon, {
-    source: t,
-    size: getIconSizeBy(size)
-  }));
-});
-
-export { TabAction };
-//# sourceMappingURL=TabAction.js.map

package/build/src/components/Tabs/TabAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabAction.js","sources":["../../../../src/components/Tabs/TabAction.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport { OpenInNewIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport TabListContext from './TabListContext'\nimport {\n  type TabActionElement,\n  type TabActionProps,\n  TabSize,\n} from './Tabs.types'\n\nimport * as Styled from './TabAction.styled'\n\nconst getTypoBy = (size: TabSize) => {\n  switch (size) {\n    case TabSize.L:\n      return Typography.Size14\n    case TabSize.M:\n    case TabSize.S:\n    default:\n      return Typography.Size13\n  }\n}\n\nconst getIconSizeBy = (size: TabSize) => {\n  switch (size) {\n    case TabSize.L:\n      return IconSize.S\n    default:\n      return IconSize.XS\n  }\n}\n\n/**\n * `TabAction` is a button for more action to open a new link or navigate to a different url.\n * If it has `href` props, it should act as a link.\n */\nexport const TabAction = forwardRef(function TabAction<Link extends string | undefined>({\n  href,\n  children,\n  onClick,\n  ...rest\n}: TabActionProps<Link>, forwardedRef: React.Ref<TabActionElement<Link>>,\n) {\n  const { size } = useContext(TabListContext)\n\n  return (\n    isNil(href) ? (\n      <Styled.ToolbarButton\n        size={size}\n        onClick={onClick}\n        ref={forwardedRef}\n        {...rest}\n      >\n        <Text\n          bold\n          typo={getTypoBy(size)}\n        >\n          { children }\n        </Text>\n      </Styled.ToolbarButton>\n    ) : (\n      <Styled.ToolbarLink\n        size={size}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        ref={forwardedRef}\n        {...rest}\n      >\n        <Text\n          bold\n          typo={getTypoBy(size)}\n        >\n          { children }\n        </Text>\n        <Styled.LinkIcon\n          source={OpenInNewIcon}\n          size={getIconSizeBy(size)}\n        />\n      </Styled.ToolbarLink>\n    )\n  )\n})\n"],"names":["getTypoBy","size","TabSize","L","Typography","Size14","M","S","Size13","getIconSizeBy","IconSize","XS","TabAction","forwardRef","_a","forwardedRef","href","children","onClick","rest","__rest","useContext","TabListContext","isNil","React","createElement","Styled","ref","Text","bold","typo","Object","assign","target","rel","source","OpenInNewIcon"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,SAAS,GAAIC,IAAa,IAAI;AAClC,EAAA,QAAQA,IAAI;IACV,KAAKC,OAAO,CAACC,CAAC;MACZ,OAAOC,UAAU,CAACC,MAAM,CAAA;IAC1B,KAAKH,OAAO,CAACI,CAAC,CAAA;IACd,KAAKJ,OAAO,CAACK,CAAC,CAAA;AACd,IAAA;MACE,OAAOH,UAAU,CAACI,MAAM,CAAA;AAAA,GAAA;AAE9B,CAAC,CAAA;AAED,MAAMC,aAAa,GAAIR,IAAa,IAAI;AACtC,EAAA,QAAQA,IAAI;IACV,KAAKC,OAAO,CAACC,CAAC;MACZ,OAAOO,QAAQ,CAACH,CAAC,CAAA;AACnB,IAAA;MACE,OAAOG,QAAQ,CAACC,EAAE,CAAA;AAAA,GAAA;AAExB,CAAC,CAAA;AAED;;;AAGG;AACI,MAAMC,SAAS,GAAGC,UAAU,CAAC,SAASD,SAAS,CAAkCE,EAKjE,EAAEC,YAA+C,EAAA;MALgB;MACtFC,IAAI;MACJC,QAAQ;AACRC,MAAAA,OAAAA;UAEqB;AADlBC,IAAAA,IAAI,GAJ+EC,MAAA,CAAAN,EAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,CAKvF,CADQ,CAAA;EAGP,MAAM;AAAEb,IAAAA,IAAAA;AAAM,GAAA,GAAGoB,UAAU,CAACC,cAAc,CAAC,CAAA;AAE3C,EAAA,OACEC,KAAK,CAACP,IAAI,CAAC,GACTQ,UAAC,CAAAC,aAAA,CAAAC,aAAoB;AACnBzB,IAAAA,IAAI,EAAEA,IAAI;AACViB,IAAAA,OAAO,EAAEA,OAAO;AAChBS,IAAAA,GAAG,EAAEZ,YAAAA;GAAY,EACbI,IAAI,CAAA,EAERK,UAAC,CAAAC,aAAA,CAAAG,IAAI;AACHC,IAAAA,IAAI,EAAA,IAAA;IACJC,IAAI,EAAE9B,SAAS,CAACC,IAAI,CAAA;KAElBgB,QAAQ,CACL,CACc,GAEvBO,yBAACE,WAAkB,EACjBK,MAAA,CAAAC,MAAA,CAAA;AAAA/B,IAAAA,IAAI,EAAEA,IAAI;AACVe,IAAAA,IAAI,EAAEA,IAAI;AACViB,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAqB;AACzBP,IAAAA,GAAG,EAAEZ,YAAAA;KACDI,IAAI,CAAA,EAERK,UAAA,CAAAC,aAAA,CAACG,IAAI,EAAA;AACHC,IAAAA,IAAI,EAAA,IAAA;IACJC,IAAI,EAAE9B,SAAS,CAACC,IAAI,CAAA;GAElB,EAAAgB,QAAQ,CACL,EACPO,UAAA,CAAAC,aAAA,CAACC,QAAe;AACdS,IAAAA,MAAM,EAAEC,CAAa;IACrBnC,IAAI,EAAEQ,aAAa,CAACR,IAAI,CAAA;IACxB,CAEL,CAAA;AAEL,CAAC;;;;"}

package/build/src/components/Tabs/TabAction.styled.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import * as Toolbar from '@radix-ui/react-toolbar';
-import { TabSize } from './Tabs.types';
-interface ToolbarComponentProps {
-    size: TabSize;
-}
-export declare const ToolbarButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Toolbar.ToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & ToolbarComponentProps, never>;
-export declare const ToolbarLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Toolbar.ToolbarLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & ToolbarComponentProps, never>;
-export declare const LinkIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export {};
-//# sourceMappingURL=TabAction.styled.d.ts.map

package/build/src/components/Tabs/TabAction.styled.js

@@ -1,88 +0,0 @@
-import { Button as $3dc4ded751c8bdfb$export$353f5b6fc5456de1, Link as $3dc4ded751c8bdfb$export$a6c7ac8248d6e38a } from '../../../node_modules/@radix-ui/react-toolbar/dist/index.module.js';
-import { TabSize } from './Tabs.types.js';
-import { Icon } from '../Icon/Icon.js';
-import { css as FoundationCSS, styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-function getPaddingStyle({
-  size
-}) {
-  switch (size) {
-    case TabSize.L:
-      return FoundationCSS`
-        padding: 0 14px;
-        ${({
-        foundation
-      }) => {
-        var _a;
-        return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round12;
-      }};
-      `;
-    case TabSize.M:
-      return FoundationCSS`
-        padding: 0 14px;
-        ${({
-        foundation
-      }) => {
-        var _a;
-        return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round8;
-      }};
-      `;
-    default:
-    case TabSize.S:
-      return FoundationCSS`
-        padding: 0 7px;
-        ${({
-        foundation
-      }) => {
-        var _a;
-        return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round6;
-      }};
-      `;
-  }
-}
-const commonStyle = FoundationCSS`
-  all: unset;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  margin: 4px 0 5px 0;
-  color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bgtxt-blue-normal'];
-}};
-  text-decoration: none;
-  cursor: pointer;
-
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.transition) === null || _a === void 0 ? void 0 : _a.getTransitionsCSS('background-color');
-}};
-  ${getPaddingStyle}
-
-  &:hover {
-    background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bgtxt-blue-lightest'];
-}};
-  }
-`;
-const ToolbarButton = FoundationStyled($3dc4ded751c8bdfb$export$353f5b6fc5456de1)`
-  ${commonStyle}
-`;
-const ToolbarLink = FoundationStyled($3dc4ded751c8bdfb$export$a6c7ac8248d6e38a)`
-  ${commonStyle}
-`;
-const LinkIcon = FoundationStyled(Icon)`
-  margin-left: 5px;
-`;
-
-export { LinkIcon, ToolbarButton, ToolbarLink };
-//# sourceMappingURL=TabAction.styled.js.map

package/build/src/components/Tabs/TabAction.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabAction.styled.js","sources":["../../../../src/components/Tabs/TabAction.styled.ts"],"sourcesContent":["import * as Toolbar from '@radix-ui/react-toolbar'\n\nimport {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { Icon } from '~/src/components/Icon'\n\nimport { TabSize } from './Tabs.types'\n\nfunction getPaddingStyle({ size }: { size: TabSize }) {\n  switch (size) {\n    case TabSize.L:\n      return css`\n        padding: 0 14px;\n        ${({ foundation }) => foundation?.rounding?.round12};\n      `\n    case TabSize.M:\n      return css`\n        padding: 0 14px;\n        ${({ foundation }) => foundation?.rounding?.round8};\n      `\n    default:\n    case TabSize.S:\n      return css`\n        padding: 0 7px;\n        ${({ foundation }) => foundation?.rounding?.round6};\n      `\n  }\n}\n\nconst commonStyle = css`\n  all: unset;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin: 4px 0 5px 0;\n  color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n  text-decoration: none;\n  cursor: pointer;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('background-color')};\n  ${getPaddingStyle}\n\n  &:hover {\n    background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-lightest']};\n  }\n`\n\ninterface ToolbarComponentProps {\n  size: TabSize\n}\n\nexport const ToolbarButton = styled(Toolbar.Button)<ToolbarComponentProps>`\n  ${commonStyle}\n`\n\nexport const ToolbarLink = styled(Toolbar.Link)<ToolbarComponentProps>`\n  ${commonStyle}\n`\n\nexport const LinkIcon = styled(Icon)`\n  margin-left: 5px;\n`\n"],"names":["getPaddingStyle","size","TabSize","L","css","foundation","_a","rounding","round12","M","round8","S","round6","commonStyle","theme","transition","getTransitionsCSS","ToolbarButton","styled","Toolbar","ToolbarLink","LinkIcon","Icon"],"mappings":"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"}

package/build/src/components/Tabs/TabActions.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type TabActionsProps } from './Tabs.types';
-/**
- * `TabActions` is a flex container which has `TabAction` flex items.
- *  It also gives accessibility properties to its children.
- */
-export declare const TabActions: React.ForwardRefExoticComponent<TabActionsProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabActions.d.ts.map

package/build/src/components/Tabs/TabActions.js

@@ -1,18 +0,0 @@
-import e__default, { forwardRef } from 'react';
-import { TabActions as TabActions$1 } from './TabActions.styled.js';
-
-/**
- * `TabActions` is a flex container which has `TabAction` flex items.
- *  It also gives accessibility properties to its children.
- */
-const TabActions = forwardRef(function TabActions({
-  children
-}, forwardedRef) {
-  return e__default.createElement(TabActions$1, {
-    "aria-label": "More actions",
-    ref: forwardedRef
-  }, children);
-});
-
-export { TabActions };
-//# sourceMappingURL=TabActions.js.map

package/build/src/components/Tabs/TabActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabActions.js","sources":["../../../../src/components/Tabs/TabActions.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { type TabActionsProps } from './Tabs.types'\n\nimport * as Styled from './TabActions.styled'\n\n/**\n * `TabActions` is a flex container which has `TabAction` flex items.\n *  It also gives accessibility properties to its children.\n */\nexport const TabActions = forwardRef(function TabActions({\n  children,\n}: TabActionsProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <Styled.TabActions\n      aria-label=\"More actions\"\n      ref={forwardedRef}\n    >\n      { children }\n    </Styled.TabActions>\n  )\n})\n"],"names":["TabActions","forwardRef","children","forwardedRef","React","createElement","Styled","ref"],"mappings":";;;AAMA;;;AAGG;MACUA,UAAU,GAAGC,UAAU,CAAC,SAASD,UAAU,CAAC;AACvDE,EAAAA,QAAAA;AAAQ,CACQ,EAAEC,YAAuC,EAAA;AACzD,EAAA,OACEC,UAAA,CAAAC,aAAA,CAACC,YAAiB,EACL;AAAA,IAAA,YAAA,EAAA,cAAc;AACzBC,IAAAA,GAAG,EAAEJ,YAAAA;GAAY,EAEfD,QAAQ,CACQ,CAAA;AAExB,CAAC;;;;"}

package/build/src/components/Tabs/TabActions.styled.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import * as Toolbar from '@radix-ui/react-toolbar';
-export declare const TabActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Toolbar.ToolbarProps & import("react").RefAttributes<HTMLDivElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-//# sourceMappingURL=TabActions.styled.d.ts.map

package/build/src/components/Tabs/TabActions.styled.js

@@ -1,9 +0,0 @@
-import { Root as $3dc4ded751c8bdfb$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-toolbar/dist/index.module.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const TabActions = FoundationStyled($3dc4ded751c8bdfb$export$be92b6f5f03c0fe9)`
-  display: flex;
-`;
-
-export { TabActions };
-//# sourceMappingURL=TabActions.styled.js.map

package/build/src/components/Tabs/TabActions.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabActions.styled.js","sources":["../../../../src/components/Tabs/TabActions.styled.ts"],"sourcesContent":["import * as Toolbar from '@radix-ui/react-toolbar'\n\nimport { styled } from '~/src/foundation'\n\nexport const TabActions = styled(Toolbar.Root)`\n  display: flex;\n`\n"],"names":["TabActions","styled","Toolbar"],"mappings":";;;AAIO,MAAMA,UAAU,GAAGC,gBAAM,CAACC,yCAAY,CAAC,CAAA;;;;;;"}

package/build/src/components/Tabs/TabContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type TabContentProps } from './Tabs.types';
-/**
- * `TabContent` has content associated with `TabItem`.
- */
-export declare const TabContent: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabContent.d.ts.map

package/build/src/components/Tabs/TabContent.js

@@ -1,21 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef } from 'react';
-import { Content as $69cb30bb0017df05$export$7c6e2c02157bb7d2 } from '../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
-
-/**
- * `TabContent` has content associated with `TabItem`.
- */
-const TabContent = forwardRef(function TabContent(_a, forwardedRef) {
-  var {
-      children,
-      value
-    } = _a,
-    rest = __rest(_a, ["children", "value"]);
-  return e__default.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, Object.assign({
-    value: value,
-    ref: forwardedRef
-  }, rest), children);
-});
-
-export { TabContent };
-//# sourceMappingURL=TabContent.js.map

package/build/src/components/Tabs/TabContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabContent.js","sources":["../../../../src/components/Tabs/TabContent.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as Tabs from '@radix-ui/react-tabs'\n\nimport { type TabContentProps } from './Tabs.types'\n\n/**\n * `TabContent` has content associated with `TabItem`.\n */\nexport const TabContent = forwardRef(function TabContent({\n  children,\n  value,\n  ...rest\n}: TabContentProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <Tabs.Content\n      value={value}\n      ref={forwardedRef}\n      {...rest}\n    >\n      { children }\n    </Tabs.Content>\n  )\n})\n"],"names":["TabContent","forwardRef","_a","forwardedRef","children","value","rest","__rest","React","createElement","Tabs","Object","assign","ref"],"mappings":";;;;AAMA;;AAEG;AACI,MAAMA,UAAU,GAAGC,UAAU,CAAC,SAASD,UAAU,CAACE,EAIvC,EAAEC,YAAuC,EAAA;MAJF;MACvDC,QAAQ;AACRC,MAAAA,KAAAA;AAAK,KAAA,GAAAH,EAEW;IADbI,IAAI,GAAAC,MAAA,CAAAL,EAAA,EAHgD,qBAIxD,CADQ,CAAA;EAEP,OACEM,UAAC,CAAAC,aAAA,CAAAC,yCAAY,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACXP,IAAAA,KAAK,EAAEA,KAAK;AACZQ,IAAAA,GAAG,EAAEV,YAAAA;AACD,GAAA,EAAAG,IAAI,GAENF,QAAQ,CACG,CAAA;AAEnB,CAAC;;;;"}

package/build/src/components/Tabs/TabItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type TabItemProps } from './Tabs.types';
-/**
- * `TabItem` is a button that activates its associated content.
- */
-export declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=TabItem.d.ts.map

package/build/src/components/Tabs/TabItem.js

@@ -1,51 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useContext } from 'react';
-import { TabsTrigger as $69cb30bb0017df05$export$8114b9fdfdf9f3ba } from '../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
-import { ButtonColorVariant, ButtonStyleVariant, ButtonSize } from '../Button/Button.types.js';
-import TabListContext from './TabListContext.js';
-import { TabSize } from './Tabs.types.js';
-import { Button } from './TabItem.styled.js';
-
-const getButtonSizeBy = size => {
-  switch (size) {
-    case TabSize.L:
-      return ButtonSize.L;
-    case TabSize.M:
-      return ButtonSize.M;
-    default:
-    case TabSize.S:
-      return ButtonSize.S;
-  }
-};
-/**
- * `TabItem` is a button that activates its associated content.
- */
-const TabItem = forwardRef(function TabItem(_a, forwardedRef) {
-  var {
-      disabled,
-      value,
-      children
-    } = _a,
-    rest = __rest(_a, ["disabled", "value", "children"]);
-  const {
-    size
-  } = useContext(TabListContext);
-  if (typeof children !== 'string') {
-    return null;
-  }
-  return e__default.createElement($69cb30bb0017df05$export$8114b9fdfdf9f3ba, {
-    disabled: disabled,
-    value: value,
-    asChild: true
-  }, e__default.createElement(Button, Object.assign({
-    disabled: disabled,
-    text: children,
-    size: getButtonSizeBy(size),
-    colorVariant: ButtonColorVariant.MonochromeLight,
-    styleVariant: ButtonStyleVariant.Tertiary,
-    ref: forwardedRef
-  }, rest)));
-});
-
-export { TabItem };
-//# sourceMappingURL=TabItem.js.map

package/build/src/components/Tabs/TabItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.js","sources":["../../../../src/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport * as Tabs from '@radix-ui/react-tabs'\n\nimport {\n  ButtonColorVariant,\n  ButtonSize,\n  ButtonStyleVariant,\n} from '~/src/components/Button'\n\nimport TabListContext from './TabListContext'\nimport {\n  type TabItemProps,\n  TabSize,\n} from './Tabs.types'\n\nimport * as Styled from './TabItem.styled'\n\nconst getButtonSizeBy = (size: TabSize) => {\n  switch (size) {\n    case TabSize.L:\n      return ButtonSize.L\n    case TabSize.M:\n      return ButtonSize.M\n    default:\n    case TabSize.S:\n      return ButtonSize.S\n  }\n}\n\n/**\n * `TabItem` is a button that activates its associated content.\n */\nexport const TabItem = forwardRef(function TabItem({\n  disabled,\n  value,\n  children,\n  ...rest\n}: TabItemProps, forwardedRef: React.Ref<HTMLButtonElement>) {\n  const { size } = useContext(TabListContext)\n\n  if (typeof children !== 'string') {\n    return null\n  }\n\n  return (\n    <Tabs.TabsTrigger\n      disabled={disabled}\n      value={value}\n      asChild\n    >\n      <Styled.Button\n        disabled={disabled}\n        text={children}\n        size={getButtonSizeBy(size)}\n        colorVariant={ButtonColorVariant.MonochromeLight}\n        styleVariant={ButtonStyleVariant.Tertiary}\n        ref={forwardedRef}\n        {...rest}\n      />\n    </Tabs.TabsTrigger>\n  )\n})\n"],"names":["getButtonSizeBy","size","TabSize","L","ButtonSize","M","S","TabItem","forwardRef","_a","forwardedRef","disabled","value","children","rest","__rest","useContext","TabListContext","React","createElement","Tabs","asChild","Styled","Object","assign","text","colorVariant","ButtonColorVariant","MonochromeLight","styleVariant","ButtonStyleVariant","Tertiary","ref"],"mappings":";;;;;;;;AAqBA,MAAMA,eAAe,GAAIC,IAAa,IAAI;AACxC,EAAA,QAAQA,IAAI;IACV,KAAKC,OAAO,CAACC,CAAC;MACZ,OAAOC,UAAU,CAACD,CAAC,CAAA;IACrB,KAAKD,OAAO,CAACG,CAAC;MACZ,OAAOD,UAAU,CAACC,CAAC,CAAA;AACrB,IAAA,QAAA;IACA,KAAKH,OAAO,CAACI,CAAC;MACZ,OAAOF,UAAU,CAACE,CAAC,CAAA;AAAA,GAAA;AAEzB,CAAC,CAAA;AAED;;AAEG;AACI,MAAMC,OAAO,GAAGC,UAAU,CAAC,SAASD,OAAO,CAACE,EAKpC,EAAEC,YAA0C,EAAA;MALR;MACjDC,QAAQ;MACRC,KAAK;AACLC,MAAAA,QAAAA;UAEa;AADVC,IAAAA,IAAI,GAJ0CC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,UAAA,CAKlD,CADQ,CAAA;EAEP,MAAM;AAAER,IAAAA,IAAAA;AAAM,GAAA,GAAGe,UAAU,CAACC,cAAc,CAAC,CAAA;AAE3C,EAAA,IAAI,OAAOJ,QAAQ,KAAK,QAAQ,EAAE;AAChC,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;AAED,EAAA,OACEK,UAAA,CAAAC,aAAA,CAACC,yCAAgB,EACf;AAAAT,IAAAA,QAAQ,EAAEA,QAAQ;AAClBC,IAAAA,KAAK,EAAEA,KAAK;AACZS,IAAAA,OAAO,EAAA,IAAA;AAAA,GAAA,EAEPH,UAAA,CAAAC,aAAA,CAACG,MAAa,EACZC,MAAA,CAAAC,MAAA,CAAA;AAAAb,IAAAA,QAAQ,EAAEA,QAAQ;AAClBc,IAAAA,IAAI,EAAEZ,QAAQ;AACdZ,IAAAA,IAAI,EAAED,eAAe,CAACC,IAAI,CAAC;IAC3ByB,YAAY,EAAEC,kBAAkB,CAACC,eAAe;IAChDC,YAAY,EAAEC,kBAAkB,CAACC,QAAQ;AACzCC,IAAAA,GAAG,EAAEtB,YAAAA;AAAY,GAAA,EACbI,IAAI,CACR,CAAA,CACe,CAAA;AAEvB,CAAC;;;;"}

package/build/src/components/Tabs/TabItem.styled.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ButtonColorVariant, ButtonStyleVariant } from "../Button";
-export declare const Button: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & {
-    colorVariant: ButtonColorVariant.MonochromeLight;
-    styleVariant: ButtonStyleVariant.Tertiary;
-}, "styleVariant" | "colorVariant">;
-//# sourceMappingURL=TabItem.styled.d.ts.map

package/build/src/components/Tabs/TabItem.styled.js

@@ -1,74 +0,0 @@
-import { Button as Button$1 } from '../Button/Button.js';
-import { ButtonColorVariant, ButtonStyleVariant } from '../Button/Button.types.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const HEIGHT = 3;
-const Button = FoundationStyled(Button$1).attrs({
-  colorVariant: ButtonColorVariant.MonochromeLight,
-  styleVariant: ButtonStyleVariant.Tertiary
-})`
-  top: 4px;
-  overflow: visible;
-  color: inherit;
-
-  &::after {
-    position: absolute;
-    right: 1px;
-    bottom: -8px;
-    left: 1px;
-    height: ${HEIGHT}px;
-    content: '';
-    background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bgtxt-blue-normal'];
-}};
-    border-radius: 1.5px;
-
-    ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.transition) === null || _a === void 0 ? void 0 : _a.getTransitionsCSS(['transform']);
-}};
-  }
-
-  &[data-state="inactive"] {
-    color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['txt-black-dark'];
-}};
-
-    &:hover {
-      color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['txt-black-darker'];
-}};
-    }
-  }
-
-  &[data-state="active"] {
-    color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bgtxt-blue-normal'];
-}};
-    
-    &:hover {
-      background-color: inherit;
-    }
-
-    &::after {
-      transform: translateY(-${HEIGHT}px);
-    }
-  }
-`;
-
-export { Button };
-//# sourceMappingURL=TabItem.styled.js.map

package/build/src/components/Tabs/TabItem.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.styled.js","sources":["../../../../src/components/Tabs/TabItem.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport {\n  Button as BaseButton,\n  ButtonColorVariant,\n  ButtonStyleVariant,\n} from '~/src/components/Button'\n\nconst HEIGHT = 3\n\nexport const Button = styled(BaseButton).attrs({\n  colorVariant: ButtonColorVariant.MonochromeLight,\n  styleVariant: ButtonStyleVariant.Tertiary,\n})`\n  top: 4px;\n  overflow: visible;\n  color: inherit;\n\n  &::after {\n    position: absolute;\n    right: 1px;\n    bottom: -8px;\n    left: 1px;\n    height: ${HEIGHT}px;\n    content: '';\n    background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n    border-radius: 1.5px;\n\n    ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['transform'])};\n  }\n\n  &[data-state=\"inactive\"] {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n\n    &:hover {\n      color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n    }\n  }\n\n  &[data-state=\"active\"] {\n    color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n    \n    &:hover {\n      background-color: inherit;\n    }\n\n    &::after {\n      transform: translateY(-${HEIGHT}px);\n    }\n  }\n`\n"],"names":["HEIGHT","Button","styled","BaseButton","attrs","colorVariant","ButtonColorVariant","MonochromeLight","styleVariant","ButtonStyleVariant","Tertiary","foundation","_a","theme","transition","getTransitionsCSS"],"mappings":";;;;AAQA,MAAMA,MAAM,GAAG,CAAC,CAAA;AAET,MAAMC,MAAM,GAAGC,gBAAM,CAACC,QAAU,CAAC,CAACC,KAAK,CAAC;EAC7CC,YAAY,EAAEC,kBAAkB,CAACC,eAAe;EAChDC,YAAY,EAAEC,kBAAkB,CAACC,QAAAA;AAClC,CAAA,CAAC,CAAA;;;;;;;;;;cAUYV,MAAM,CAAA;;AAEI,sBAAA,EAAA,CAAC;AAAEW,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,mBAAmB,CAAC,CAAA;AAAA,CAAA,CAAA;;;MAG9E,CAAC;AAAEF,EAAAA,UAAAA;AAAY,CAAA,KAAK;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEG,UAAU,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEG,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;;;;AAIrE,WAAA,EAAA,CAAC;AAAEJ,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;;;AAGvD,aAAA,EAAA,CAAC;AAAEF,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,kBAAkB,CAAC,CAAA;AAAA,CAAA,CAAA;;;;;AAK7D,WAAA,EAAA,CAAC;AAAEF,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,mBAAmB,CAAC,CAAA;AAAA,CAAA,CAAA;;;;;;;+BAO1Cb,MAAM,CAAA;;;;;;;"}

package/build/src/components/Tabs/TabItems.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type TabItemsProps } from './Tabs.types';
-/**
- * `TabItems` is a flex container which has `TabItem` flex items.
- */
-export declare const TabItems: React.ForwardRefExoticComponent<TabItemsProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabItems.d.ts.map

package/build/src/components/Tabs/TabItems.js

@@ -1,16 +0,0 @@
-import e__default, { forwardRef } from 'react';
-import { TabItems as TabItems$1 } from './TabItems.styled.js';
-
-/**
- * `TabItems` is a flex container which has `TabItem` flex items.
- */
-const TabItems = forwardRef(function TabItems({
-  children
-}, forwardedRef) {
-  return e__default.createElement(TabItems$1, {
-    ref: forwardedRef
-  }, children);
-});
-
-export { TabItems };
-//# sourceMappingURL=TabItems.js.map

package/build/src/components/Tabs/TabItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItems.js","sources":["../../../../src/components/Tabs/TabItems.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { type TabItemsProps } from './Tabs.types'\n\nimport * as Styled from './TabItems.styled'\n\n/**\n * `TabItems` is a flex container which has `TabItem` flex items.\n */\nexport const TabItems = forwardRef(function TabItems({\n  children,\n}: TabItemsProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <Styled.TabItems ref={forwardedRef}>\n      { children }\n    </Styled.TabItems>\n  )\n})\n"],"names":["TabItems","forwardRef","children","forwardedRef","React","createElement","Styled","ref"],"mappings":";;;AAMA;;AAEG;MACUA,QAAQ,GAAGC,UAAU,CAAC,SAASD,QAAQ,CAAC;AACnDE,EAAAA,QAAAA;AAAQ,CACM,EAAEC,YAAuC,EAAA;AACvD,EAAA,OACEC,UAAA,CAAAC,aAAA,CAACC,UAAe,EAAA;AAACC,IAAAA,GAAG,EAAEJ,YAAAA;GAAY,EAC9BD,QAAQ,CACM,CAAA;AAEtB,CAAC;;;;"}

package/build/src/components/Tabs/TabItems.styled.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import * as Tabs from '@radix-ui/react-tabs';
-export declare const TabItems: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>>, import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-//# sourceMappingURL=TabItems.styled.d.ts.map

package/build/src/components/Tabs/TabItems.styled.js

@@ -1,10 +0,0 @@
-import { TabsList as $69cb30bb0017df05$export$9712d22edc0d78c1 } from '../../../node_modules/@radix-ui/react-tabs/dist/index.module.js';
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const TabItems = FoundationStyled($69cb30bb0017df05$export$9712d22edc0d78c1)`
-  display: flex;
-  overflow: hidden;
-`;
-
-export { TabItems };
-//# sourceMappingURL=TabItems.styled.js.map

package/build/src/components/Tabs/TabItems.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItems.styled.js","sources":["../../../../src/components/Tabs/TabItems.styled.ts"],"sourcesContent":["import * as Tabs from '@radix-ui/react-tabs'\n\nimport { styled } from '~/src/foundation'\n\nexport const TabItems = styled(Tabs.TabsList)`\n  display: flex;\n  overflow: hidden;\n`\n"],"names":["TabItems","styled","Tabs"],"mappings":";;;AAIO,MAAMA,QAAQ,GAAGC,gBAAM,CAACC,yCAAa,CAAC,CAAA;;;;;;;"}

package/build/src/components/Tabs/TabList.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type TabListProps } from './Tabs.types';
-/**
- * `TabList` gives size context to its children and decides the layout of `TabItems` and `TabActions`.
- */
-export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabList.d.ts.map

package/build/src/components/Tabs/TabList.js

@@ -1,42 +0,0 @@
-import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useMemo } from 'react';
-import TabListContext from './TabListContext.js';
-import { TabSize } from './Tabs.types.js';
-import { TabList as TabList$1 } from './TabList.styled.js';
-
-const heightBy = size => {
-  switch (size) {
-    case TabSize.L:
-      return 53;
-    case TabSize.M:
-      return 45;
-    case TabSize.S:
-    default:
-      return 33;
-  }
-};
-/**
- * `TabList` gives size context to its children and decides the layout of `TabItems` and `TabActions`.
- */
-const TabList = forwardRef(function TabList(_a, forwardedRef) {
-  var {
-      children,
-      size = TabSize.M
-    } = _a,
-    rest = __rest(_a, ["children", "size"]);
-  const heightContextValue = useMemo(() => ({
-    size
-  }), [size]);
-  return e__default.createElement(TabListContext.Provider, {
-    value: heightContextValue
-  }, e__default.createElement(TabList$1, Object.assign({
-    size: size,
-    ref: forwardedRef,
-    style: {
-      '--bezier-tabs-size': `${heightBy(size)}px`
-    }
-  }, rest), children));
-});
-
-export { TabList };
-//# sourceMappingURL=TabList.js.map

package/build/src/components/Tabs/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","sources":["../../../../src/components/Tabs/TabList.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport TabListContext from './TabListContext'\nimport {\n  type TabListProps,\n  TabSize,\n} from './Tabs.types'\n\nimport * as Styled from './TabList.styled'\n\nconst heightBy = (size: TabSize) => {\n  switch (size) {\n    case TabSize.L:\n      return 53\n    case TabSize.M:\n      return 45\n    case TabSize.S:\n    default:\n      return 33\n  }\n}\n\n/**\n * `TabList` gives size context to its children and decides the layout of `TabItems` and `TabActions`.\n */\nexport const TabList = forwardRef(function TabList({\n  children,\n  size = TabSize.M,\n  ...rest\n}: TabListProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  const heightContextValue = useMemo(() => ({\n    size,\n  }), [size])\n\n  return (\n    <TabListContext.Provider value={heightContextValue}>\n      <Styled.TabList\n        size={size}\n        ref={forwardedRef}\n        style={{\n          '--bezier-tabs-size': `${heightBy(size)}px`,\n        } as React.CSSProperties}\n        {...rest}\n      >\n        { children }\n      </Styled.TabList>\n    </TabListContext.Provider>\n  )\n})\n"],"names":["heightBy","size","TabSize","L","M","S","TabList","forwardRef","_a","forwardedRef","children","rest","__rest","heightContextValue","useMemo","React","TabListContext","Provider","value","createElement","Styled","Object","assign","ref","style"],"mappings":";;;;;;AAaA,MAAMA,QAAQ,GAAIC,IAAa,IAAI;AACjC,EAAA,QAAQA,IAAI;IACV,KAAKC,OAAO,CAACC,CAAC;AACZ,MAAA,OAAO,EAAE,CAAA;IACX,KAAKD,OAAO,CAACE,CAAC;AACZ,MAAA,OAAO,EAAE,CAAA;IACX,KAAKF,OAAO,CAACG,CAAC,CAAA;AACd,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AAAA,GAAA;AAEf,CAAC,CAAA;AAED;;AAEG;AACI,MAAMC,OAAO,GAAGC,UAAU,CAAC,SAASD,OAAO,CAACE,EAIpC,EAAEC,YAAuC,EAAA;EAJL,IAAA;MACjDC,QAAQ;MACRT,IAAI,GAAGC,OAAO,CAACE,CAAAA;AAAC,KAAA,GAAAI,EAEH;IADVG,IAAI,GAH0CC,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,CAIlD,CADQ,CAAA;AAEP,EAAA,MAAMK,kBAAkB,GAAGC,OAAO,CAAC,OAAO;AACxCb,IAAAA,IAAAA;AACD,GAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC,CAAA;AAEX,EAAA,OACEc,yBAACC,cAAc,CAACC,QAAQ,EAAC;AAAAC,IAAAA,KAAK,EAAEL,kBAAAA;AAAkB,GAAA,EAChDE,UAAA,CAAAI,aAAA,CAACC,SAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACbrB,IAAAA,IAAI,EAAEA,IAAI;AACVsB,IAAAA,GAAG,EAAEd,YAAY;AACjBe,IAAAA,KAAK,EAAE;AACL,MAAA,oBAAoB,EAAK,CAAA,EAAAxB,QAAQ,CAACC,IAAI,CAAK,CAAA,EAAA,CAAA;AACrB,KAAA;AAAA,GAAA,EACpBU,IAAI,CAEN,EAAAD,QAAQ,CACK,CACO,CAAA;AAE9B,CAAC;;;;"}

package/build/src/components/Tabs/TabList.styled.d.ts

@@ -1,9 +0,0 @@
-import { type TabSize } from './Tabs.types';
-interface ListProps {
-    size: TabSize;
-}
-export declare const TabList: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & ListProps, never>;
-export {};
-//# sourceMappingURL=TabList.styled.d.ts.map

package/build/src/components/Tabs/TabList.styled.js

@@ -1,15 +0,0 @@
-import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-
-const TabList = FoundationStyled.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  height: var(--bezier-tabs-size);
-  box-shadow: 0 -1px 0 0 ${props => {
-  var _a, _b;
-  return (_b = (_a = props.foundation) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b['bg-black-light'];
-}} inset;
-`;
-
-export { TabList };
-//# sourceMappingURL=TabList.styled.js.map