@channel.io/bezier-react 1.5.0 → 1.6.0

package/build/src/components/Navigator/NavGroup/NavGroup.styled.js

@@ -1,104 +0,0 @@
-import { styled as FoundationStyled, css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.js';
-
-const LeftIconWrapper = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-  min-width: 20px;
-  max-width: 20px;
-  margin-right: 8px;
-`;
-const ChevronWrapper = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 20px;
-  max-width: 20px;
-  margin-left: 2px;
-`;
-const RightContentWrapper = FoundationStyled.div`
-  display: flex;
-  flex: 1 0 auto;
-  align-items: center;
-  justify-content: flex-end;
-  margin-left: 8px;
-`;
-const activeItemStyle = FoundationCSS`
-  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'];
-}};
-  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 nonActiveItemStyle = FoundationCSS`
-  color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['txt-black-darkest'];
-}};
-
-  &:hover {
-    background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bg-black-lighter'];
-}};
-  }
-  
-  /*
-    ':focus-visible' Pseudo class는 Safari 15.4 이후 지원하기 때문에,
-    이를 ':hover' 와 ',' 연산자로 연결할 경우 hover, focus-visible 모두 작동하지 않는 이슈가 있음.
-    https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#browser_compatibility
-  */
-  &:focus-visible {
-    background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bg-black-lighter'];
-}};
-  }
-`;
-const Item = FoundationStyled.button`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 28px;
-  padding: 0 6px;
-  cursor: pointer;
-  background-color: transparent;
-  border: 0;
-  outline: 0;
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round6;
-}}
-
-  ${({
-  active
-}) => active ? activeItemStyle : nonActiveItemStyle}
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
-const ChildrenWrapper = FoundationStyled.ul`
-  padding: 0 0 8px;
-  margin: 0;
-`;
-const Wrapper = FoundationStyled.li`
-  display: block;
-`;
-
-export { ChevronWrapper, ChildrenWrapper, Item, LeftIconWrapper, RightContentWrapper, Wrapper };
-//# sourceMappingURL=NavGroup.styled.js.map

package/build/src/components/Navigator/NavGroup/NavGroup.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavGroup.styled.js","sources":["../../../../../src/components/Navigator/NavGroup/NavGroup.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport type { InterpolationProps } from '~/src/types/Foundation'\n\ninterface WrapperProps extends InterpolationProps {\n  active: boolean\n}\n\nexport const LeftIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 8px;\n`\n\nexport const ChevronWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  max-width: 20px;\n  margin-left: 2px;\n`\n\nexport const RightContentWrapper = styled.div`\n  display: flex;\n  flex: 1 0 auto;\n  align-items: center;\n  justify-content: flex-end;\n  margin-left: 8px;\n`\n\nconst activeItemStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-lightest']};\n`\n\nconst nonActiveItemStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n\n  &:hover {\n    background-color: ${({ foundation }) => foundation?.theme?.['bg-black-lighter']};\n  }\n  \n  /*\n    ':focus-visible' Pseudo class는 Safari 15.4 이후 지원하기 때문에,\n    이를 ':hover' 와 ',' 연산자로 연결할 경우 hover, focus-visible 모두 작동하지 않는 이슈가 있음.\n    https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#browser_compatibility\n  */\n  &:focus-visible {\n    background-color: ${({ foundation }) => foundation?.theme?.['bg-black-lighter']};\n  }\n`\n\nexport const Item = styled.button<WrapperProps>`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 28px;\n  padding: 0 6px;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  ${({ foundation }) => foundation?.rounding?.round6}\n\n  ${({ active }) => (active ? activeItemStyle : nonActiveItemStyle)}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const ChildrenWrapper = styled.ul`\n  padding: 0 0 8px;\n  margin: 0;\n`\n\nexport const Wrapper = styled.li`\n  display: block;\n`\n"],"names":["LeftIconWrapper","styled","div","ChevronWrapper","RightContentWrapper","activeItemStyle","css","foundation","_a","theme","nonActiveItemStyle","Item","button","rounding","round6","active","interpolation","ChildrenWrapper","ul","Wrapper","li"],"mappings":";;AAWaA,MAAAA,eAAe,GAAGC,gBAAM,CAACC,GAAG,CAAA;;;;;;EAMxC;AAEYC,MAAAA,cAAc,GAAGF,gBAAM,CAACC,GAAG,CAAA;;;;;;;EAOvC;AAEYE,MAAAA,mBAAmB,GAAGH,gBAAM,CAACC,GAAG,CAAA;;;;;;EAM5C;AAED,MAAMG,eAAe,GAAGC,aAAG,CAAA;AAChB,SAAA,EAAA,CAAC;AAAEC,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;AACjD,oBAAA,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,qBAAqB,CAAC,CAAA;AAAA,CAAA,CAAA;CACnF,CAAA;AAED,MAAMC,kBAAkB,GAAGJ,aAAG,CAAA;AACnB,SAAA,EAAA,CAAC;AAAEC,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;;;AAG/C,sBAAA,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;;;;;;;;;AAS3D,sBAAA,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;;CAElF,CAAA;AAEYE,MAAAA,IAAI,GAAGV,gBAAM,CAACW,MAAoB,CAAA;;;;;;;;;;AAU3C,EAAA,EAAA,CAAC;AAAEL,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEM,QAAQ,MAAE,IAAA,IAAAL,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAM,MAAM,CAAA;AAAA,CAAA,CAAA;;AAEhD,EAAA,EAAA,CAAC;AAAEC,EAAAA,MAAAA;AAAM,CAAE,KAAMA,MAAM,GAAGV,eAAe,GAAGK,kBAAmB,CAAA;;AAE/D,EAAA,EAAA,CAAC;AAAEM,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;EACvC;AAEYC,MAAAA,eAAe,GAAGhB,gBAAM,CAACiB,EAAE,CAAA;;;EAGvC;AAEYC,MAAAA,OAAO,GAAGlB,gBAAM,CAACmB,EAAE,CAAA;;;;;;"}

package/build/src/components/Navigator/NavGroup/NavGroup.types.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type IconName } from '@channel.io/bezier-icons';
-import type { ActivatableProps, BezierComponentProps, ChildrenProps, ContentProps, SideContentProps } from "../../../types/ComponentProps";
-interface NavGroupOptions {
-    open?: boolean;
-    leftIcon: IconName;
-    name: string;
-    onClick?: (e?: React.MouseEvent, name?: string) => void;
-}
-export default interface NavGroupProps extends BezierComponentProps, ChildrenProps, ContentProps, Pick<SideContentProps, 'rightContent'>, Pick<ActivatableProps, 'active'>, NavGroupOptions {
-}
-export {};
-//# sourceMappingURL=NavGroup.types.d.ts.map

package/build/src/components/Navigator/NavGroup/index.d.ts

@@ -1,5 +0,0 @@
-import NavGroup from './NavGroup';
-import type NavGroupProps from './NavGroup.types';
-export type { NavGroupProps, };
-export { NavGroup, };
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/Navigator/NavItem/NavItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type NavItemProps from './NavItem.types';
-export declare const NAV_ITEM_TEST_ID = "bezier-react-nav-item";
-export declare const NAV_ITEM_LEFT_ICON_TEST_ID = "bezier-react-nav-item-left-icon";
-declare function NavItem({ as, testId, name, style, className, interpolation, content, href, target, rightContent, leftIcon, active, onClick, }: NavItemProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof NavItem>;
-export default _default;
-//# sourceMappingURL=NavItem.d.ts.map

package/build/src/components/Navigator/NavItem/NavItem.js

@@ -1,57 +0,0 @@
-import e__default, { memo, useCallback } from 'react';
-import { noop } from '../../../utils/functionUtils.js';
-import Text from '../../Text/Text.js';
-import { Wrapper, Item, LeftIconWrapper, RightContentWrapper } from './NavItem.styled.js';
-import LegacyIcon from '../../LegacyIcon/LegacyIcon.js';
-import { IconSize } from '../../Icon/Icon.types.js';
-import { isIconName } from '../../LegacyIcon/utils.js';
-import { Typography } from '../../../foundation/Typography.js';
-
-const NAV_ITEM_TEST_ID = 'bezier-react-nav-item';
-const NAV_ITEM_LEFT_ICON_TEST_ID = 'bezier-react-nav-item-left-icon';
-function NavItem({
-  as,
-  testId = NAV_ITEM_TEST_ID,
-  name,
-  style,
-  className,
-  interpolation,
-  content,
-  href,
-  target = '_self',
-  rightContent,
-  leftIcon,
-  active,
-  onClick = noop
-}) {
-  const handleClickItem = useCallback(e => {
-    onClick(e, name);
-  }, [name, onClick]);
-  const showLeftIcon = isIconName(leftIcon);
-  return e__default.createElement(Wrapper, {
-    role: "none"
-  }, e__default.createElement(Item, {
-    as: as,
-    active: active,
-    style: style,
-    className: className,
-    interpolation: interpolation,
-    onClick: handleClickItem,
-    "data-testid": testId,
-    href: href,
-    target: target,
-    role: "menuitem"
-  }, e__default.createElement(LeftIconWrapper, null, showLeftIcon && e__default.createElement(LegacyIcon, {
-    testId: NAV_ITEM_LEFT_ICON_TEST_ID,
-    name: leftIcon,
-    size: IconSize.S,
-    color: active ? 'bgtxt-blue-normal' : 'txt-black-dark'
-  })), e__default.createElement(Text, {
-    typo: Typography.Size14,
-    truncated: true
-  }, content), rightContent && e__default.createElement(RightContentWrapper, null, rightContent)));
-}
-var NavItem$1 = memo(NavItem);
-
-export { NAV_ITEM_LEFT_ICON_TEST_ID, NAV_ITEM_TEST_ID, NavItem$1 as default };
-//# sourceMappingURL=NavItem.js.map

package/build/src/components/Navigator/NavItem/NavItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Navigator/NavItem/NavItem.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n} from 'react'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport { IconSize } from '~/src/components/Icon'\nimport {\n  LegacyIcon,\n  isIconName,\n} from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport type NavItemProps from './NavItem.types'\n\nimport {\n  Item,\n  LeftIconWrapper,\n  RightContentWrapper,\n  Wrapper,\n} from './NavItem.styled'\n\nexport const NAV_ITEM_TEST_ID = 'bezier-react-nav-item'\nexport const NAV_ITEM_LEFT_ICON_TEST_ID = 'bezier-react-nav-item-left-icon'\n\nfunction NavItem({\n  as,\n  testId = NAV_ITEM_TEST_ID,\n  name,\n  style,\n  className,\n  interpolation,\n  content,\n  href,\n  target = '_self',\n  rightContent,\n  leftIcon,\n  active,\n  onClick = noop,\n}: NavItemProps) {\n  const handleClickItem = useCallback((e?: React.MouseEvent) => {\n    onClick(e, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const showLeftIcon = isIconName(leftIcon)\n\n  return (\n    <Wrapper role=\"none\">\n      <Item\n        as={as}\n        active={active}\n        style={style}\n        className={className}\n        interpolation={interpolation}\n        onClick={handleClickItem}\n        data-testid={testId}\n        href={href}\n        target={target}\n        role=\"menuitem\"\n      >\n        <LeftIconWrapper>\n          { showLeftIcon && (\n            <LegacyIcon\n              testId={NAV_ITEM_LEFT_ICON_TEST_ID}\n              name={leftIcon}\n              size={IconSize.S}\n              color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n            />\n          ) }\n        </LeftIconWrapper>\n\n        <Text typo={Typography.Size14} truncated>\n          { content }\n        </Text>\n\n        { rightContent && (\n          <RightContentWrapper>\n            { rightContent }\n          </RightContentWrapper>\n        ) }\n      </Item>\n    </Wrapper>\n  )\n}\n\nexport default memo(NavItem)\n"],"names":["NAV_ITEM_TEST_ID","NAV_ITEM_LEFT_ICON_TEST_ID","NavItem","as","testId","name","style","className","interpolation","content","href","target","rightContent","leftIcon","active","onClick","noop","handleClickItem","useCallback","e","showLeftIcon","isIconName","React","createElement","Wrapper","role","Item","LeftIconWrapper","LegacyIcon","size","IconSize","S","color","Text","typo","Typography","Size14","truncated","RightContentWrapper","memo"],"mappings":";;;;;;;;;AAyBO,MAAMA,gBAAgB,GAAG,wBAAuB;AAChD,MAAMC,0BAA0B,GAAG,kCAAiC;AAE3E,SAASC,OAAO,CAAC;EACfC,EAAE;AACFC,EAAAA,MAAM,GAAGJ,gBAAgB;EACzBK,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,OAAO;EACPC,IAAI;AACJC,EAAAA,MAAM,GAAG,OAAO;EAChBC,YAAY;EACZC,QAAQ;EACRC,MAAM;AACNC,EAAAA,OAAO,GAAGC,IAAAA;AACG,CAAA,EAAA;AACb,EAAA,MAAMC,eAAe,GAAGC,WAAW,CAAEC,CAAoB,IAAI;AAC3DJ,IAAAA,OAAO,CAACI,CAAC,EAAEd,IAAI,CAAC,CAAA;AAClB,GAAC,EAAE,CACDA,IAAI,EACJU,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMK,YAAY,GAAGC,UAAU,CAACR,QAAQ,CAAC,CAAA;AAEzC,EAAA,OACES,UAAC,CAAAC,aAAA,CAAAC,OAAO,EAAC;AAAAC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,EAClBH,UAAA,CAAAC,aAAA,CAACG,IAAI,EACH;AAAAvB,IAAAA,EAAE,EAAEA,EAAE;AACNW,IAAAA,MAAM,EAAEA,MAAM;AACdR,IAAAA,KAAK,EAAEA,KAAK;AACZC,IAAAA,SAAS,EAAEA,SAAS;AACpBC,IAAAA,aAAa,EAAEA,aAAa;AAC5BO,IAAAA,OAAO,EAAEE,eAAe;AAAA,IAAA,aAAA,EACXb,MAAM;AACnBM,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,MAAM,EAAEA,MAAM;AACdc,IAAAA,IAAI,EAAC,UAAA;AAAU,GAAA,EAEfH,UAAA,CAAAC,aAAA,CAACI,eAAe,EAAA,IAAA,EACZP,YAAY,IACZE,UAAC,CAAAC,aAAA,CAAAK,UAAU,EACT;AAAAxB,IAAAA,MAAM,EAAEH,0BAA0B;AAClCI,IAAAA,IAAI,EAAEQ,QAAQ;IACdgB,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,IAAAA,KAAK,EAAElB,MAAM,GAAG,mBAAmB,GAAG,gBAAA;GAAgB,CAEzD,CACe,EAElBQ,UAAC,CAAAC,aAAA,CAAAU,IAAI,EAAC;IAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,IAAAA,SAAS,EACpC,IAAA;AAAA,GAAA,EAAA5B,OAAO,CACJ,EAELG,YAAY,IACZU,UAAA,CAAAC,aAAA,CAACe,mBAAmB,EAAA,IAAA,EAChB1B,YAAY,CAEjB,CACI,CACC,CAAA;AAEd,CAAA;AAEA,gBAAe2B,IAAI,CAACrC,OAAO,CAAC;;;;"}

package/build/src/components/Navigator/NavItem/NavItem.styled.d.ts

@@ -1,18 +0,0 @@
-import type { InterpolationProps } from "../../../types/Foundation";
-interface WrapperProps extends InterpolationProps {
-    active: boolean;
-}
-export declare const LeftIconWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const RightContentWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const Item: import("styled-components").StyledComponent<"a", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & WrapperProps, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"li", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export {};
-//# sourceMappingURL=NavItem.styled.d.ts.map

package/build/src/components/Navigator/NavItem/NavItem.styled.js

@@ -1,90 +0,0 @@
-import { styled as FoundationStyled, css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.js';
-
-const LeftIconWrapper = FoundationStyled.div`
-  display: flex;
-  align-items: center;
-  min-width: 20px;
-  max-width: 20px;
-  margin-right: 8px;
-`;
-const RightContentWrapper = FoundationStyled.div`
-  display: flex;
-  flex: 1 0 auto;
-  align-items: center;
-  justify-content: flex-end;
-  margin-left: 8px;
-`;
-const activeItemStyle = FoundationCSS`
-  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'];
-}};
-  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 nonActiveItemStyle = FoundationCSS`
-  color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['txt-black-darkest'];
-}};
-  
-  
-  &:hover {
-    background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bg-black-lighter'];
-}};
-  }
-  
-  /*
-    ':focus-visible' Pseudo class는 Safari 15.4 이후 지원하기 때문에,
-    이를 ':hover' 와 ',' 연산자로 연결할 경우 hover, focus-visible 모두 작동하지 않는 이슈가 있음.
-    https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#browser_compatibility
-  */
-  &:focus-visible {
-    background-color: ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.theme) === null || _a === void 0 ? void 0 : _a['bg-black-lighter'];
-}};
-  }
-`;
-const Item = FoundationStyled.a`
-  display: flex;
-  align-items: center;
-  height: 28px;
-  padding: 0 6px;
-  text-decoration: none;
-  outline: 0;
-  ${({
-  foundation
-}) => {
-  var _a;
-  return (_a = foundation === null || foundation === void 0 ? void 0 : foundation.rounding) === null || _a === void 0 ? void 0 : _a.round6;
-}}
-
-  ${({
-  active
-}) => active ? activeItemStyle : nonActiveItemStyle}
-
-  ${({
-  interpolation
-}) => interpolation}
-`;
-const Wrapper = FoundationStyled.li`
-  display: block;
-`;
-
-export { Item, LeftIconWrapper, RightContentWrapper, Wrapper };
-//# sourceMappingURL=NavItem.styled.js.map

package/build/src/components/Navigator/NavItem/NavItem.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavItem.styled.js","sources":["../../../../../src/components/Navigator/NavItem/NavItem.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport type { InterpolationProps } from '~/src/types/Foundation'\n\ninterface WrapperProps extends InterpolationProps {\n  active: boolean\n}\n\nexport const LeftIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 8px;\n`\n\nexport const RightContentWrapper = styled.div`\n  display: flex;\n  flex: 1 0 auto;\n  align-items: center;\n  justify-content: flex-end;\n  margin-left: 8px;\n`\n\nconst activeItemStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-lightest']};\n`\n\nconst nonActiveItemStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n  \n  \n  &:hover {\n    background-color: ${({ foundation }) => foundation?.theme?.['bg-black-lighter']};\n  }\n  \n  /*\n    ':focus-visible' Pseudo class는 Safari 15.4 이후 지원하기 때문에,\n    이를 ':hover' 와 ',' 연산자로 연결할 경우 hover, focus-visible 모두 작동하지 않는 이슈가 있음.\n    https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#browser_compatibility\n  */\n  &:focus-visible {\n    background-color: ${({ foundation }) => foundation?.theme?.['bg-black-lighter']};\n  }\n`\n\nexport const Item = styled.a<WrapperProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n  padding: 0 6px;\n  text-decoration: none;\n  outline: 0;\n  ${({ foundation }) => foundation?.rounding?.round6}\n\n  ${({ active }) => (active ? activeItemStyle : nonActiveItemStyle)}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const Wrapper = styled.li`\n  display: block;\n`\n"],"names":["LeftIconWrapper","styled","div","RightContentWrapper","activeItemStyle","css","foundation","_a","theme","nonActiveItemStyle","Item","a","rounding","round6","active","interpolation","Wrapper","li"],"mappings":";;AAWaA,MAAAA,eAAe,GAAGC,gBAAM,CAACC,GAAG,CAAA;;;;;;EAMxC;AAEYC,MAAAA,mBAAmB,GAAGF,gBAAM,CAACC,GAAG,CAAA;;;;;;EAM5C;AAED,MAAME,eAAe,GAAGC,aAAG,CAAA;AAChB,SAAA,EAAA,CAAC;AAAEC,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;AACjD,oBAAA,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,qBAAqB,CAAC,CAAA;AAAA,CAAA,CAAA;CACnF,CAAA;AAED,MAAMC,kBAAkB,GAAGJ,aAAG,CAAA;AACnB,SAAA,EAAA,CAAC;AAAEC,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;;;;AAI/C,sBAAA,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;;;;;;;;;AAS3D,sBAAA,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;;CAElF,CAAA;AAEYE,MAAAA,IAAI,GAAGT,gBAAM,CAACU,CAAe,CAAA;;;;;;;AAOtC,EAAA,EAAA,CAAC;AAAEL,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEM,QAAQ,MAAE,IAAA,IAAAL,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAM,MAAM,CAAA;AAAA,CAAA,CAAA;;AAEhD,EAAA,EAAA,CAAC;AAAEC,EAAAA,MAAAA;AAAM,CAAE,KAAMA,MAAM,GAAGV,eAAe,GAAGK,kBAAmB,CAAA;;AAE/D,EAAA,EAAA,CAAC;AAAEM,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;EACvC;AAEYC,MAAAA,OAAO,GAAGf,gBAAM,CAACgB,EAAE,CAAA;;;;;;"}

package/build/src/components/Navigator/NavItem/NavItem.types.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type IconName } from '@channel.io/bezier-icons';
-import type { ActivatableProps, BezierComponentProps, ContentProps, LinkProps, SideContentProps } from "../../../types/ComponentProps";
-interface NavItemOptions {
-    leftIcon?: IconName;
-    name: string;
-    target?: HTMLAnchorElement['target'];
-    onClick?: (e?: React.MouseEvent, name?: string) => void;
-}
-export default interface NavItemProps extends BezierComponentProps, ContentProps, LinkProps, Pick<SideContentProps, 'rightContent'>, Pick<ActivatableProps, 'active'>, NavItemOptions {
-}
-export {};
-//# sourceMappingURL=NavItem.types.d.ts.map

package/build/src/components/Navigator/NavItem/index.d.ts

@@ -1,5 +0,0 @@
-import NavItem from './NavItem';
-import type NavItemProps from './NavItem.types';
-export type { NavItemProps, };
-export { NavItem, };
-//# sourceMappingURL=index.d.ts.map

package/build/src/components/OutlineItem/OutlineItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type OutlineItemProps from './OutlineItem.types';
-export declare const OUTLINE_ITEM_TEST_ID = "bezier-react-outline-item";
-export declare const OUTLINE_ITEM_LEFT_ICON_TEST_ID = "bezier-react-outline-item-left-icon";
-declare const _default: React.ForwardRefExoticComponent<OutlineItemProps & React.RefAttributes<HTMLElement>>;
-export default _default;
-//# sourceMappingURL=OutlineItem.d.ts.map

package/build/src/components/OutlineItem/OutlineItem.js

@@ -1,189 +0,0 @@
-import e__default, { forwardRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { C as l } from '../../../packages/bezier-icons/dist/react/chevron-small-down.mjs.js';
-import { C as l$1 } from '../../../packages/bezier-icons/dist/react/chevron-small-right.mjs.js';
-import { i as r } from '../../../packages/bezier-icons/dist/utils/index.mjs.js';
-import classNames from '../../../node_modules/classnames/index.js';
-import { noop } from '../../utils/functionUtils.js';
-import { isNil } from '../../utils/typeUtils.js';
-import { OutlineItemContext } from './OutlineItemContext.js';
-import useOutlineItemContext from './useOutlineItemContext.js';
-import { ChevronWrapper, StyledIcon, LeftContentWrapper, ContentWrapper, GroupItemWrapper } from './OutlineItem.styled.js';
-import { IconSize } from '../Icon/Icon.types.js';
-
-const LIST_GROUP_PADDING_LEFT = 16;
-const OUTLINE_ITEM_TEST_ID = 'bezier-react-outline-item';
-const OUTLINE_ITEM_LEFT_ICON_TEST_ID = 'bezier-react-outline-item-left-icon';
-function OutlineItem({
-  as,
-  testId = OUTLINE_ITEM_TEST_ID,
-  leftIconTestId = OUTLINE_ITEM_LEFT_ICON_TEST_ID,
-  style,
-  className,
-  interpolation,
-  contentClassName,
-  contentInterpolation,
-  iconClassName,
-  iconInterpolation,
-  paddingLeft: givenPaddingLeft,
-  open = false,
-  active: givenActive,
-  focused = false,
-  leftContent,
-  leftIcon,
-  leftIconColor = 'txt-black-dark',
-  disableChevron = false,
-  disableIconActive = false,
-  name,
-  href,
-  content = null,
-  rightContent = null,
-  hide = false,
-  onOpen = noop,
-  onClickArrow = noop,
-  /* OptionMenuHost Props */
-  selectedOutlineItemIndex = null,
-  onChangeOption = noop,
-  /* HTMLAttribute props */
-  onClick: givenOnClick = noop,
-  children
-}, forwardedRef) {
-  const [currentOutlineItemIndex, setCurrentOutlineItemIndex] = useState(selectedOutlineItemIndex);
-  useEffect(() => {
-    const childs = e__default.Children.toArray(children);
-    if (isNil(selectedOutlineItemIndex) || selectedOutlineItemIndex < childs.length && selectedOutlineItemIndex < 0) {
-      setCurrentOutlineItemIndex(null);
-      return;
-    }
-    const element = childs[selectedOutlineItemIndex];
-    if (e__default.isValidElement(element) && isNil(element.props.children)) {
-      if (element.props.href) {
-        return;
-      }
-      setCurrentOutlineItemIndex(selectedOutlineItemIndex);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedOutlineItemIndex]);
-  useEffect(() => {
-    if (open) {
-      onOpen(name);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [open]);
-  const handleClickItem = useCallback((itemIndex, optionKey) => {
-    onChangeOption(name, optionKey, itemIndex);
-  }, [name, onChangeOption]);
-  const handleClickIcon = useCallback(event => {
-    if (onClickArrow) {
-      event === null || event === void 0 ? void 0 : event.stopPropagation();
-      onClickArrow(name);
-    }
-  }, [name, onClickArrow]);
-  const context = useOutlineItemContext({
-    paddingLeft: givenPaddingLeft,
-    active: givenActive,
-    onClick: givenOnClick
-  }, LIST_GROUP_PADDING_LEFT);
-  const {
-    paddingLeft,
-    active,
-    onClick
-  } = context;
-  const handleClickGroup = useCallback(event => {
-    onClick(event, name);
-  }, [name, onClick]);
-  const chevronComponent = useMemo(() => {
-    if (disableChevron) {
-      return null;
-    }
-    const chevronSource = open ? l : l$1;
-    const showChevron = !isNil(children);
-    return e__default.createElement(ChevronWrapper, null, showChevron && e__default.createElement(StyledIcon, {
-      source: chevronSource,
-      size: IconSize.XS,
-      onClick: handleClickIcon,
-      color: "txt-black-darker"
-    }));
-  }, [children, disableChevron, handleClickIcon, open]);
-  const leftComponent = useMemo(() => {
-    if (!isNil(leftContent)) {
-      return e__default.createElement(LeftContentWrapper, null, leftContent);
-    }
-    const isIcon = r(leftIcon);
-    if (isIcon) {
-      const iconProps = {
-        testId: leftIconTestId,
-        className: classNames(iconClassName, !disableIconActive && active && 'active'),
-        interpolation: iconInterpolation,
-        size: IconSize.S,
-        color: leftIconColor
-      };
-      const Icon = (() => {
-        if (isIcon) {
-          return e__default.createElement(StyledIcon, Object.assign({}, iconProps, {
-            source: leftIcon
-          }));
-        }
-        return e__default.createElement(e__default.Fragment, null);
-      })();
-      return e__default.createElement(LeftContentWrapper, null, Icon);
-    }
-    return null;
-  }, [active, disableIconActive, iconClassName, iconInterpolation, leftContent, leftIcon, leftIconColor, leftIconTestId]);
-  const ContentComponent = useMemo(() => e__default.createElement(e__default.Fragment, null, chevronComponent, leftComponent, e__default.createElement(ContentWrapper, {
-    className: contentClassName,
-    interpolation: contentInterpolation
-  }, content), rightContent), [chevronComponent, leftComponent, contentClassName, contentInterpolation, content, rightContent]);
-  const Items = useMemo(() => e__default.Children.map(children, (element, index) => {
-    if (!e__default.isValidElement(element)) {
-      return element;
-    }
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    const passedContext = Object.assign(Object.assign({}, context), {
-      active: currentOutlineItemIndex === index,
-      onClick: () => handleClickItem(index, element.props.optionKey)
-    });
-    return e__default.createElement(OutlineItemContext.Provider, {
-      value: passedContext
-    }, element);
-  }), [children, context, currentOutlineItemIndex, handleClickItem]);
-  if (hide) {
-    return null;
-  }
-  if (!isNil(href)) {
-    return e__default.createElement(e__default.Fragment, null, e__default.createElement(GroupItemWrapper, {
-      ref: forwardedRef,
-      as: "a",
-      href: href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      style: style,
-      className: className,
-      interpolation: interpolation,
-      active: false,
-      focused: focused,
-      currentOutlineItemIndex: currentOutlineItemIndex,
-      paddingLeft: paddingLeft,
-      onClick: handleClickGroup,
-      "data-testid": testId,
-      "data-active-index": currentOutlineItemIndex
-    }, ContentComponent), open && Items);
-  }
-  return e__default.createElement(e__default.Fragment, null, e__default.createElement(GroupItemWrapper, {
-    as: as,
-    ref: forwardedRef,
-    style: style,
-    className: className,
-    interpolation: interpolation,
-    active: active,
-    focused: focused,
-    currentOutlineItemIndex: currentOutlineItemIndex,
-    paddingLeft: paddingLeft,
-    onClick: handleClickGroup,
-    "data-testid": testId,
-    "data-active-index": currentOutlineItemIndex
-  }, ContentComponent), open && Items);
-}
-var OutlineItem$1 = forwardRef(OutlineItem);
-
-export { OUTLINE_ITEM_LEFT_ICON_TEST_ID, OUTLINE_ITEM_TEST_ID, OutlineItem$1 as default };
-//# sourceMappingURL=OutlineItem.js.map

package/build/src/components/OutlineItem/OutlineItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OutlineItem.js","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\n\nimport type OutlineItemProps from './OutlineItem.types'\nimport { OutlineItemContext } from './OutlineItemContext'\nimport useOutlineItemContext from './useOutlineItemContext'\n\nimport {\n  ChevronWrapper,\n  ContentWrapper,\n  GroupItemWrapper,\n  LeftContentWrapper,\n  StyledIcon,\n} from './OutlineItem.styled'\n\nconst LIST_GROUP_PADDING_LEFT = 16\n\nexport const OUTLINE_ITEM_TEST_ID = 'bezier-react-outline-item'\nexport const OUTLINE_ITEM_LEFT_ICON_TEST_ID = 'bezier-react-outline-item-left-icon'\n\nfunction OutlineItem(\n  {\n    as,\n    testId = OUTLINE_ITEM_TEST_ID,\n    leftIconTestId = OUTLINE_ITEM_LEFT_ICON_TEST_ID,\n    style,\n    className,\n    interpolation,\n    contentClassName,\n    contentInterpolation,\n    iconClassName,\n    iconInterpolation,\n    paddingLeft: givenPaddingLeft,\n    open = false,\n    active: givenActive,\n    focused = false,\n    leftContent,\n    leftIcon,\n    leftIconColor = 'txt-black-dark',\n    disableChevron = false,\n    disableIconActive = false,\n    name,\n    href,\n    content = null,\n    rightContent = null,\n    hide = false,\n    onOpen = noop,\n    onClickArrow = noop,\n    /* OptionMenuHost Props */\n    selectedOutlineItemIndex = null,\n    onChangeOption = noop,\n    /* HTMLAttribute props */\n    onClick: givenOnClick = noop,\n    children,\n  }: OutlineItemProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  const [currentOutlineItemIndex, setCurrentOutlineItemIndex] = useState<number | null>(selectedOutlineItemIndex)\n\n  useEffect(() => {\n    const childs = React.Children.toArray(children)\n    if (isNil(selectedOutlineItemIndex)\n      || (selectedOutlineItemIndex < childs.length && selectedOutlineItemIndex < 0)) {\n      setCurrentOutlineItemIndex(null)\n      return\n    }\n\n    const element = childs[selectedOutlineItemIndex]\n\n    if (React.isValidElement(element) && isNil(element.props.children)) {\n      if (element.props.href) { return }\n\n      setCurrentOutlineItemIndex(selectedOutlineItemIndex)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedOutlineItemIndex])\n\n  useEffect(() => {\n    if (open) {\n      onOpen(name)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const handleClickItem = useCallback((\n    itemIndex: number,\n    optionKey: string,\n  ) => {\n    onChangeOption(name, optionKey, itemIndex)\n  }, [\n    name,\n    onChangeOption,\n  ])\n\n  const handleClickIcon = useCallback((event?: React.MouseEvent<SVGSVGElement>) => {\n    if (onClickArrow) {\n      event?.stopPropagation()\n      onClickArrow(name)\n    }\n  }, [\n    name,\n    onClickArrow,\n  ])\n\n  const context = useOutlineItemContext({\n    paddingLeft: givenPaddingLeft,\n    active: givenActive,\n    onClick: givenOnClick,\n  }, LIST_GROUP_PADDING_LEFT)\n  const { paddingLeft, active, onClick } = context\n\n  const handleClickGroup = useCallback((event?: React.MouseEvent) => {\n    onClick(event, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const chevronComponent = useMemo(() => {\n    if (disableChevron) {\n      return null\n    }\n\n    const chevronSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon\n    const showChevron = !isNil(children)\n\n    return (\n      <ChevronWrapper>\n        { showChevron && (\n          <StyledIcon\n            source={chevronSource}\n            size={IconSize.XS}\n            onClick={handleClickIcon}\n            color=\"txt-black-darker\"\n          />\n        ) }\n      </ChevronWrapper>\n    )\n  }, [\n    children,\n    disableChevron,\n    handleClickIcon,\n    open,\n  ])\n\n  const leftComponent = useMemo(() => {\n    if (!isNil(leftContent)) {\n      return (\n        <LeftContentWrapper>\n          { leftContent }\n        </LeftContentWrapper>\n      )\n    }\n\n    const isIcon = isBezierIcon(leftIcon)\n\n    if (isIcon) {\n      const iconProps = {\n        testId: leftIconTestId,\n        className: classNames(\n          iconClassName,\n          (!disableIconActive && active) && 'active',\n        ),\n        interpolation: iconInterpolation,\n        size: IconSize.S,\n        color: leftIconColor,\n      }\n\n      const Icon = (() => {\n        if (isIcon) {\n          return (\n            <StyledIcon\n              {...iconProps}\n              source={leftIcon}\n            />\n          )\n        }\n        return <></>\n      })()\n\n      return (\n        <LeftContentWrapper>\n          { Icon }\n        </LeftContentWrapper>\n      )\n    }\n\n    return null\n  }, [\n    active,\n    disableIconActive,\n    iconClassName,\n    iconInterpolation,\n    leftContent,\n    leftIcon,\n    leftIconColor,\n    leftIconTestId,\n  ])\n\n  const ContentComponent = useMemo(() => (\n    <>\n      { chevronComponent }\n      { leftComponent }\n      <ContentWrapper\n        className={contentClassName}\n        interpolation={contentInterpolation}\n      >\n        { content }\n      </ContentWrapper>\n      { rightContent }\n    </>\n  ),\n  [\n    chevronComponent,\n    leftComponent,\n    contentClassName,\n    contentInterpolation,\n    content,\n    rightContent,\n  ])\n\n  const Items = useMemo(() => (\n    React.Children.map(children, (element, index) => {\n      if (!React.isValidElement(element)) {\n        return element\n      }\n\n      // eslint-disable-next-line react/jsx-no-constructed-context-values\n      const passedContext = {\n        ...context,\n        active: currentOutlineItemIndex === index,\n        onClick: () => handleClickItem(index, element.props.optionKey),\n      }\n\n      return (\n        <OutlineItemContext.Provider value={passedContext}>\n          { element }\n        </OutlineItemContext.Provider>\n      )\n    })\n  ), [\n    children,\n    context,\n    currentOutlineItemIndex,\n    handleClickItem,\n  ])\n\n  if (hide) { return null }\n\n  if (!isNil(href)) {\n    return (\n      <>\n        <GroupItemWrapper\n          ref={forwardedRef as React.Ref<HTMLAnchorElement>}\n          as=\"a\"\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={style}\n          className={className}\n          interpolation={interpolation}\n          active={false}\n          focused={focused}\n          currentOutlineItemIndex={currentOutlineItemIndex}\n          paddingLeft={paddingLeft}\n          onClick={handleClickGroup}\n          data-testid={testId}\n          data-active-index={currentOutlineItemIndex}\n        >\n          { ContentComponent }\n        </GroupItemWrapper>\n        { open && (\n          Items\n        ) }\n      </>\n    )\n  }\n\n  return (\n    <>\n      <GroupItemWrapper\n        as={as}\n        ref={forwardedRef}\n        style={style}\n        className={className}\n        interpolation={interpolation}\n        active={active}\n        focused={focused}\n        currentOutlineItemIndex={currentOutlineItemIndex}\n        paddingLeft={paddingLeft}\n        onClick={handleClickGroup}\n        data-testid={testId}\n        data-active-index={currentOutlineItemIndex}\n      >\n        { ContentComponent }\n      </GroupItemWrapper>\n      { open && (\n        Items\n      ) }\n    </>\n  )\n}\n\nexport default forwardRef(OutlineItem)\n"],"names":["LIST_GROUP_PADDING_LEFT","OUTLINE_ITEM_TEST_ID","OUTLINE_ITEM_LEFT_ICON_TEST_ID","OutlineItem","as","testId","leftIconTestId","style","className","interpolation","contentClassName","contentInterpolation","iconClassName","iconInterpolation","paddingLeft","givenPaddingLeft","open","active","givenActive","focused","leftContent","leftIcon","leftIconColor","disableChevron","disableIconActive","name","href","content","rightContent","hide","onOpen","noop","onClickArrow","selectedOutlineItemIndex","onChangeOption","onClick","givenOnClick","children","forwardedRef","currentOutlineItemIndex","setCurrentOutlineItemIndex","useState","useEffect","childs","React","Children","toArray","isNil","length","element","isValidElement","props","handleClickItem","useCallback","itemIndex","optionKey","handleClickIcon","event","stopPropagation","context","useOutlineItemContext","handleClickGroup","chevronComponent","useMemo","chevronSource","ChevronSmallDownIcon","ChevronSmallRightIcon","showChevron","createElement","ChevronWrapper","StyledIcon","source","size","IconSize","XS","color","leftComponent","LeftContentWrapper","isIcon","isBezierIcon","iconProps","classNames","S","Icon","Object","assign","ContentComponent","Fragment","ContentWrapper","Items","map","index","passedContext","OutlineItemContext","Provider","value","GroupItemWrapper","ref","target","rel","forwardRef"],"mappings":"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"}

package/build/src/components/OutlineItem/OutlineItem.styled.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { type InterpolationProps } from "../../types/Foundation";
-interface WrapperProps extends InterpolationProps {
-    active: boolean;
-    focused: boolean;
-    paddingLeft: number;
-    currentOutlineItemIndex?: number | null;
-}
-export declare const GroupItemWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & WrapperProps, never>;
-export declare const ChevronWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const LeftContentWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const StyledIcon: 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;
-} & InterpolationProps, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & InterpolationProps, never>;
-export {};
-//# sourceMappingURL=OutlineItem.styled.d.ts.map