@channel.io/bezier-react 1.5.0 → 1.6.0

package/build/src/components/Modals/Modal/ModalAnimation.styled.d.ts

@@ -1,16 +0,0 @@
-declare const _default: {
-    overlayShow: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-        foundation?: import("~/src/foundation").Foundation | undefined;
-    }, import("~/src/foundation").Foundation>>;
-    overlayHide: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-        foundation?: import("~/src/foundation").Foundation | undefined;
-    }, import("~/src/foundation").Foundation>>;
-    contentShow: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-        foundation?: import("~/src/foundation").Foundation | undefined;
-    }, import("~/src/foundation").Foundation>>;
-    contentHide: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-        foundation?: import("~/src/foundation").Foundation | undefined;
-    }, import("~/src/foundation").Foundation>>;
-};
-export default _default;
-//# sourceMappingURL=ModalAnimation.styled.d.ts.map

package/build/src/components/Modals/Modal/ModalAnimation.styled.js

@@ -1,81 +0,0 @@
-import { css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.js';
-import { keyframes } from 'styled-components';
-import { TransitionDuration } from '../../../foundation/Transition/index.js';
-
-const overlayStyles = {
-  open: FoundationCSS`
-    opacity: 1;
-  `,
-  closed: FoundationCSS`
-    opacity: 0;
-  `
-};
-const overlayShow = keyframes`
-  from {
-    ${overlayStyles.closed}
-  }
-
-  to {
-    ${overlayStyles.open}
-  }
-`;
-const overlayHide = keyframes`
-  from {
-    ${overlayStyles.open}
-  }
-
-  to {
-    ${overlayStyles.closed}
-  }
-`;
-const contentStyles = {
-  open: FoundationCSS`
-    opacity: 1;
-    transform: translate(0, 0) scale(1);
-  `,
-  closed: FoundationCSS`
-    opacity: 0;
-    transform: translate(0, -2%) scale(0.95);
-  `
-};
-const contentShow = keyframes`
-  from {
-    ${contentStyles.closed}
-  }
-
-  to {
-    ${contentStyles.open}
-  }
-`;
-const contentHide = keyframes`
-  from {
-    ${contentStyles.open}
-  }
-
-  to {
-    ${contentStyles.closed}
-  }
-`;
-function modalAnimationGenerator(frames, type) {
-  switch (type) {
-    case 'show':
-      return FoundationCSS`
-        animation: ${() => frames} ${TransitionDuration.M}ms cubic-bezier(0.3, 0, 0, 1);
-      `;
-    case 'hide':
-      return FoundationCSS`
-        animation: ${() => frames} ${TransitionDuration.S}ms cubic-bezier(0.3, 0, 0, 1);
-      `;
-    default:
-      return FoundationCSS``;
-  }
-}
-var ModalAnimation = {
-  overlayShow: modalAnimationGenerator(overlayShow, 'show'),
-  overlayHide: modalAnimationGenerator(overlayHide, 'hide'),
-  contentShow: modalAnimationGenerator(contentShow, 'show'),
-  contentHide: modalAnimationGenerator(contentHide, 'hide')
-};
-
-export { ModalAnimation as default };
-//# sourceMappingURL=ModalAnimation.styled.js.map

package/build/src/components/Modals/Modal/ModalAnimation.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalAnimation.styled.js","sources":["../../../../../src/components/Modals/Modal/ModalAnimation.styled.ts"],"sourcesContent":["import {\n  TransitionDuration,\n  css,\n  keyframes,\n} from '~/src/foundation'\n\nconst overlayStyles = {\n  open: css`\n    opacity: 1;\n  `,\n  closed: css`\n    opacity: 0;\n  `,\n}\n\nconst overlayShow = keyframes`\n  from {\n    ${overlayStyles.closed}\n  }\n\n  to {\n    ${overlayStyles.open}\n  }\n`\n\nconst overlayHide = keyframes`\n  from {\n    ${overlayStyles.open}\n  }\n\n  to {\n    ${overlayStyles.closed}\n  }\n`\n\nconst contentStyles = {\n  open: css`\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n  `,\n  closed: css`\n    opacity: 0;\n    transform: translate(0, -2%) scale(0.95);\n  `,\n}\n\nconst contentShow = keyframes`\n  from {\n    ${contentStyles.closed}\n  }\n\n  to {\n    ${contentStyles.open}\n  }\n`\n\nconst contentHide = keyframes`\n  from {\n    ${contentStyles.open}\n  }\n\n  to {\n    ${contentStyles.closed}\n  }\n`\n\nfunction modalAnimationGenerator(\n  frames: ReturnType<typeof keyframes>,\n  type: 'show' | 'hide',\n) {\n  switch (type) {\n    case 'show':\n      return css`\n        animation: ${() => frames} ${TransitionDuration.M}ms cubic-bezier(0.3, 0, 0, 1);\n      `\n    case 'hide':\n      return css`\n        animation: ${() => frames} ${TransitionDuration.S}ms cubic-bezier(0.3, 0, 0, 1);\n      `\n    default:\n      return css``\n  }\n}\n\nexport default {\n  overlayShow: modalAnimationGenerator(overlayShow, 'show'),\n  overlayHide: modalAnimationGenerator(overlayHide, 'hide'),\n  contentShow: modalAnimationGenerator(contentShow, 'show'),\n  contentHide: modalAnimationGenerator(contentHide, 'hide'),\n}\n"],"names":["overlayStyles","open","css","closed","overlayShow","keyframes","overlayHide","contentStyles","contentShow","contentHide","modalAnimationGenerator","frames","type","TransitionDuration","M","S"],"mappings":";;;;AAMA,MAAMA,aAAa,GAAG;AACpBC,EAAAA,IAAI,EAAEC,aAAG,CAAA;;AAER,EAAA,CAAA;AACDC,EAAAA,MAAM,EAAED,aAAG,CAAA;;AAEV,EAAA,CAAA;CACF,CAAA;AAED,MAAME,WAAW,GAAGC,SAAS,CAAA;;AAEvB,IAAAL,EAAAA,aAAa,CAACG,MAAM,CAAA;;;;AAIpB,IAAAH,EAAAA,aAAa,CAACC,IAAI,CAAA;;CAEvB,CAAA;AAED,MAAMK,WAAW,GAAGD,SAAS,CAAA;;AAEvB,IAAAL,EAAAA,aAAa,CAACC,IAAI,CAAA;;;;AAIlB,IAAAD,EAAAA,aAAa,CAACG,MAAM,CAAA;;CAEzB,CAAA;AAED,MAAMI,aAAa,GAAG;AACpBN,EAAAA,IAAI,EAAEC,aAAG,CAAA;;;AAGR,EAAA,CAAA;AACDC,EAAAA,MAAM,EAAED,aAAG,CAAA;;;AAGV,EAAA,CAAA;CACF,CAAA;AAED,MAAMM,WAAW,GAAGH,SAAS,CAAA;;AAEvB,IAAAE,EAAAA,aAAa,CAACJ,MAAM,CAAA;;;;AAIpB,IAAAI,EAAAA,aAAa,CAACN,IAAI,CAAA;;CAEvB,CAAA;AAED,MAAMQ,WAAW,GAAGJ,SAAS,CAAA;;AAEvB,IAAAE,EAAAA,aAAa,CAACN,IAAI,CAAA;;;;AAIlB,IAAAM,EAAAA,aAAa,CAACJ,MAAM,CAAA;;CAEzB,CAAA;AAED,SAASO,uBAAuB,CAC9BC,MAAoC,EACpCC,IAAqB,EAAA;AAErB,EAAA,QAAQA,IAAI;AACV,IAAA,KAAK,MAAM;AACT,MAAA,OAAOV,aAAG,CAAA;AACK,mBAAA,EAAA,MAAMS,MAAU,CAAAE,CAAAA,EAAAA,kBAAkB,CAACC,CAAC,CAAA;MAClD,CAAA,CAAA;AACH,IAAA,KAAK,MAAM;AACT,MAAA,OAAOZ,aAAG,CAAA;AACK,mBAAA,EAAA,MAAMS,MAAU,CAAAE,CAAAA,EAAAA,kBAAkB,CAACE,CAAC,CAAA;MAClD,CAAA,CAAA;AACH,IAAA;AACE,MAAA,OAAOb,aAAG,CAAE,CAAA,CAAA;AAAA,GAAA;AAElB,CAAA;AAEA,qBAAe;AACbE,EAAAA,WAAW,EAAEM,uBAAuB,CAACN,WAAW,EAAE,MAAM,CAAC;AACzDE,EAAAA,WAAW,EAAEI,uBAAuB,CAACJ,WAAW,EAAE,MAAM,CAAC;AACzDE,EAAAA,WAAW,EAAEE,uBAAuB,CAACF,WAAW,EAAE,MAAM,CAAC;AACzDC,EAAAA,WAAW,EAAEC,uBAAuB,CAACD,WAAW,EAAE,MAAM,CAAA;CACzD;;;;"}

package/build/src/components/Modals/Modal/ModalBody.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type ModalBodyProps } from './Modal.types';
-/**
- * `ModalBody` is a simple wrapper of the main modal content.
- */
-export declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ModalBody.d.ts.map

package/build/src/components/Modals/Modal/ModalBody.js

@@ -1,19 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef } from 'react';
-import { Body } from './Modal.styled.js';
-
-/**
- * `ModalBody` is a simple wrapper of the main modal content.
- */
-const ModalBody = forwardRef(function ModalBody(_a, forwardedRef) {
-  var {
-      children
-    } = _a,
-    rest = __rest(_a, ["children"]);
-  return e__default.createElement(Body, Object.assign({
-    ref: forwardedRef
-  }, rest), children);
-});
-
-export { ModalBody };
-//# sourceMappingURL=ModalBody.js.map

package/build/src/components/Modals/Modal/ModalBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalBody.js","sources":["../../../../../src/components/Modals/Modal/ModalBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { type ModalBodyProps } from './Modal.types'\n\nimport * as Styled from './Modal.styled'\n\n/**\n * `ModalBody` is a simple wrapper of the main modal content.\n */\nexport const ModalBody = forwardRef(function ModalBody({\n  children,\n  ...rest\n}: ModalBodyProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  return (\n    <Styled.Body\n      ref={forwardedRef}\n      {...rest}\n    >\n      { children }\n    </Styled.Body>\n  )\n})\n"],"names":["ModalBody","forwardRef","_a","forwardedRef","children","rest","__rest","React","createElement","Styled","Object","assign","ref"],"mappings":";;;;AAMA;;AAEG;AACI,MAAMA,SAAS,GAAGC,UAAU,CAAC,SAASD,SAAS,CAACE,EAGtC,EAAEC,YAAuC,EAAA;EAHH,IAAA;AACrDC,MAAAA,QAAAA;AAEe,KAAA,GAAAF,EAAA;IADZG,IAAI,GAAAC,MAAA,CAAAJ,EAAA,EAF8C,YAGtD,CADQ,CAAA;EAEP,OACEK,UAAA,CAAAC,aAAA,CAACC,IAAW,EACVC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAET,YAAAA;KACDE,IAAI,CAAA,EAEND,QAAQ,CACE,CAAA;AAElB,CAAC;;;;"}

package/build/src/components/Modals/Modal/ModalContent.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type ModalContentProps } from './Modal.types';
-/**
- * `ModalContent` is a container of the modal content.
- * It creates a portal to render the modal content outside of the DOM tree
- * and renders overlay behind the modal content too.
- */
-export declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ModalContent.d.ts.map

package/build/src/components/Modals/Modal/ModalContent.js

@@ -1,53 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useMemo } from 'react';
-import { Portal as $5d3850c4d0b4e6c7$export$602eac185826482c, Content as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from '../../../../node_modules/@radix-ui/react-dialog/dist/index.module.js';
-import { ZIndex } from '../../../constants/ZIndex.js';
-import { document } from '../../../utils/domUtils.js';
-import { isNumber } from '../../../utils/typeUtils.js';
-import ModalContentContext from './ModalContentContext.js';
-import { ModalClose } from './ModalHelpers.js';
-import { DialogPrimitiveOverlay, Content, Section, CloseIconButton } from './Modal.styled.js';
-
-/**
- * `ModalContent` is a container of the modal content.
- * It creates a portal to render the modal content outside of the DOM tree
- * and renders overlay behind the modal content too.
- */
-const ModalContent = forwardRef(function ModalContent(_a, forwardedRef) {
-  var {
-      children,
-      style,
-      container = document.body,
-      showCloseIcon = false,
-      width = 'max-content',
-      height = 'fit-content',
-      zIndex = ZIndex.Modal
-    } = _a,
-    rest = __rest(_a, ["children", "style", "container", "showCloseIcon", "width", "height", "zIndex"]);
-  const overlayStyle = useMemo(() => ({
-    '--bezier-modal-z-index': zIndex
-  }), [zIndex]);
-  const contentStyle = useMemo(() => Object.assign(Object.assign({}, style), {
-    '--bezier-modal-width': isNumber(width) ? `${width}px` : width,
-    '--bezier-modal-height': isNumber(height) ? `${height}px` : height
-  }), [style, width, height]);
-  const contextValue = useMemo(() => ({
-    showCloseIcon
-  }), [showCloseIcon]);
-  return e__default.createElement($5d3850c4d0b4e6c7$export$602eac185826482c, {
-    container: container
-  }, e__default.createElement(DialogPrimitiveOverlay, {
-    style: overlayStyle
-  }, e__default.createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, {
-    asChild: true
-  }, e__default.createElement(Content, Object.assign({
-    "aria-modal": true,
-    ref: forwardedRef,
-    style: contentStyle
-  }, rest), e__default.createElement(Section, null, e__default.createElement(ModalContentContext.Provider, {
-    value: contextValue
-  }, children), showCloseIcon && e__default.createElement(ModalClose, null, e__default.createElement(CloseIconButton, null)))))));
-});
-
-export { ModalContent };
-//# sourceMappingURL=ModalContent.js.map

package/build/src/components/Modals/Modal/ModalContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modals/Modal/ModalContent.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport { document } from '~/src/utils/domUtils'\nimport { isNumber } from '~/src/utils/typeUtils'\n\nimport {\n  type ModalContentContextValue,\n  type ModalContentProps,\n} from './Modal.types'\nimport ModalContentContext from './ModalContentContext'\nimport { ModalClose } from './ModalHelpers'\n\nimport * as Styled from './Modal.styled'\n\n/**\n * `ModalContent` is a container of the modal content.\n * It creates a portal to render the modal content outside of the DOM tree\n * and renders overlay behind the modal content too.\n */\nexport const ModalContent = forwardRef(function ModalContent({\n  children,\n  style,\n  container = document.body,\n  showCloseIcon = false,\n  width = 'max-content',\n  height = 'fit-content',\n  zIndex = ZIndex.Modal,\n  ...rest\n}: ModalContentProps, forwardedRef: React.Ref<HTMLDivElement>) {\n  const overlayStyle = useMemo((): React.CSSProperties & {\n    '--bezier-modal-z-index': ModalContentProps['zIndex']\n  } => ({\n    '--bezier-modal-z-index': zIndex,\n  }), [zIndex])\n\n  const contentStyle = useMemo((): React.CSSProperties & {\n    '--bezier-modal-width': ModalContentProps['width']\n    '--bezier-modal-height': ModalContentProps['height']\n  } => ({\n    ...style,\n    '--bezier-modal-width': isNumber(width) ? `${width}px` : width,\n    '--bezier-modal-height': isNumber(height) ? `${height}px` : height,\n  }), [\n    style,\n    width,\n    height,\n  ])\n\n  const contextValue = useMemo((): ModalContentContextValue => ({\n    showCloseIcon,\n  }), [showCloseIcon])\n\n  return (\n    <DialogPrimitive.Portal container={container}>\n      <Styled.DialogPrimitiveOverlay style={overlayStyle}>\n        <DialogPrimitive.Content asChild>\n          <Styled.Content\n            aria-modal\n            ref={forwardedRef}\n            style={contentStyle}\n            {...rest}\n          >\n            <Styled.Section>\n              <ModalContentContext.Provider value={contextValue}>\n                { children }\n              </ModalContentContext.Provider>\n\n              { /* NOTE: To prevent focusing first on the close button when opening the modal, place the close button behind. */ }\n              { showCloseIcon && (\n                <ModalClose>\n                  <Styled.CloseIconButton />\n                </ModalClose>\n              ) }\n            </Styled.Section>\n          </Styled.Content>\n        </DialogPrimitive.Content>\n      </Styled.DialogPrimitiveOverlay>\n    </DialogPrimitive.Portal>\n  )\n})\n"],"names":["ModalContent","forwardRef","_a","forwardedRef","children","style","container","document","body","showCloseIcon","width","height","zIndex","ZIndex","Modal","rest","__rest","overlayStyle","useMemo","contentStyle","isNumber","contextValue","React","DialogPrimitive","createElement","Styled","asChild","Object","assign","ref","ModalContentContext","Provider","value","ModalClose"],"mappings":";;;;;;;;;;AAoBA;;;;AAIG;AACI,MAAMA,YAAY,GAAGC,UAAU,CAAC,SAASD,YAAY,CAACE,EASzC,EAAEC,YAAuC,EAAA;EATA,IAAA;MAC3DC,QAAQ;MACRC,KAAK;MACLC,SAAS,GAAGC,QAAQ,CAACC,IAAI;AACzBC,MAAAA,aAAa,GAAG,KAAK;AACrBC,MAAAA,KAAK,GAAG,aAAa;AACrBC,MAAAA,MAAM,GAAG,aAAa;MACtBC,MAAM,GAAGC,MAAM,CAACC,KAAAA;AAEE,KAAA,GAAAZ,EAAA;IADfa,IAAI,GAAAC,MAAA,CAAAd,EAAA,EARoD,gFAS5D,CADQ,CAAA;AAEP,EAAA,MAAMe,YAAY,GAAGC,OAAO,CAAC,OAEvB;AACJ,IAAA,wBAAwB,EAAEN,MAAAA;AAC3B,GAAA,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEb,EAAA,MAAMO,YAAY,GAAGD,OAAO,CAAC,sCAIxBb,KAAK,CAAA,EAAA;IACR,sBAAsB,EAAEe,QAAQ,CAACV,KAAK,CAAC,IAAMA,EAAAA,KAAK,CAAI,EAAA,CAAA,GAAGA,KAAK;IAC9D,uBAAuB,EAAEU,QAAQ,CAACT,MAAM,CAAC,GAAG,CAAA,EAAGA,MAAU,CAAA,EAAA,CAAA,GAAGA,MAAAA;IAC5D,EAAE,CACFN,KAAK,EACLK,KAAK,EACLC,MAAM,CACP,CAAC,CAAA;AAEF,EAAA,MAAMU,YAAY,GAAGH,OAAO,CAAC,OAAiC;AAC5DT,IAAAA,aAAAA;AACD,GAAA,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AAEpB,EAAA,OACEa,yBAACC,yCAAsB,EAAC;AAAAjB,IAAAA,SAAS,EAAEA,SAAAA;GAAS,EAC1CgB,UAAA,CAAAE,aAAA,CAACC,sBAA6B,EAAC;AAAApB,IAAAA,KAAK,EAAEY,YAAAA;GAAY,EAChDK,UAAA,CAAAE,aAAA,CAACD,yCAAuB,EAAA;AAACG,IAAAA,OAAO,EAAA,IAAA;AAAA,GAAA,EAC9BJ,UAAA,CAAAE,aAAA,CAACC,OAAc,EAAAE,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,YAAA,EAAA,IAAA;AAEbC,IAAAA,GAAG,EAAE1B,YAAY;AACjBE,IAAAA,KAAK,EAAEc,YAAAA;GAAY,EACfJ,IAAI,CAAA,EAERO,UAAC,CAAAE,aAAA,CAAAC,OAAc,EAAA,IAAA,EACbH,UAAC,CAAAE,aAAA,CAAAM,mBAAmB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEX,YAAAA;AACjC,GAAA,EAAAjB,QAAQ,CACmB,EAG7BK,aAAa,IACba,UAAA,CAAAE,aAAA,CAACS,UAAU,EAAA,IAAA,EACTX,UAAA,CAAAE,aAAA,CAACC,eAAsB,EAAA,IAAA,CAAG,CAE7B,CACc,CACF,CACO,CACI,CACT,CAAA;AAE7B,CAAC;;;;"}

package/build/src/components/Modals/Modal/ModalContentContext.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type ModalContentContextValue } from './Modal.types';
-declare const ModalContentContext: React.Context<ModalContentContextValue>;
-export default ModalContentContext;
-//# sourceMappingURL=ModalContentContext.d.ts.map

package/build/src/components/Modals/Modal/ModalContentContext.js

@@ -1,9 +0,0 @@
-import e__default from 'react';
-
-const ModalContentContext = e__default.createContext({
-  showCloseIcon: false
-});
-var ModalContentContext$1 = ModalContentContext;
-
-export { ModalContentContext$1 as default };
-//# sourceMappingURL=ModalContentContext.js.map

package/build/src/components/Modals/Modal/ModalContentContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContentContext.js","sources":["../../../../../src/components/Modals/Modal/ModalContentContext.ts"],"sourcesContent":["import React from 'react'\n\nimport { type ModalContentContextValue } from './Modal.types'\n\nconst ModalContentContext = React.createContext<ModalContentContextValue>({\n  showCloseIcon: false,\n})\n\nexport default ModalContentContext\n"],"names":["ModalContentContext","React","createContext","showCloseIcon"],"mappings":";;AAIA,MAAMA,mBAAmB,GAAGC,UAAK,CAACC,aAAa,CAA2B;AACxEC,EAAAA,aAAa,EAAE,KAAA;AAChB,CAAA,CAAC,CAAA;AAEF,4BAAeH,mBAAmB;;;;"}

package/build/src/components/Modals/Modal/ModalFooter.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type ModalFooterProps } from './Modal.types';
-/**
- * `ModalFooter` is a simple wrapper of the footer of the modal content.
- * Usually, it contains the action buttons of the modal.
- */
-export declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=ModalFooter.d.ts.map

package/build/src/components/Modals/Modal/ModalFooter.js

@@ -1,21 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef } from 'react';
-import { Footer, FooterLeftContent, FooterRightContent } from './Modal.styled.js';
-
-/**
- * `ModalFooter` is a simple wrapper of the footer of the modal content.
- * Usually, it contains the action buttons of the modal.
- */
-const ModalFooter = forwardRef(function ModalFooter(_a, forwardedRef) {
-  var {
-      leftContent,
-      rightContent
-    } = _a,
-    rest = __rest(_a, ["leftContent", "rightContent"]);
-  return e__default.createElement(Footer, Object.assign({
-    ref: forwardedRef
-  }, rest), leftContent && e__default.createElement(FooterLeftContent, null, leftContent), rightContent && e__default.createElement(FooterRightContent, null, rightContent));
-});
-
-export { ModalFooter };
-//# sourceMappingURL=ModalFooter.js.map

package/build/src/components/Modals/Modal/ModalFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalFooter.js","sources":["../../../../../src/components/Modals/Modal/ModalFooter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { type ModalFooterProps } from './Modal.types'\n\nimport * as Styled from './Modal.styled'\n\n/**\n * `ModalFooter` is a simple wrapper of the footer of the modal content.\n * Usually, it contains the action buttons of the modal.\n */\nexport const ModalFooter = forwardRef(function ModalFooter({\n  leftContent,\n  rightContent,\n  ...rest\n}: ModalFooterProps, forwardedRef: React.Ref<HTMLElement>) {\n  return (\n    <Styled.Footer\n      ref={forwardedRef}\n      {...rest}\n    >\n      { leftContent && (\n        <Styled.FooterLeftContent>\n          { leftContent }\n        </Styled.FooterLeftContent>\n      ) }\n\n      { rightContent && (\n        <Styled.FooterRightContent>\n          { rightContent }\n        </Styled.FooterRightContent>\n      ) }\n    </Styled.Footer>\n  )\n})\n"],"names":["ModalFooter","forwardRef","_a","forwardedRef","leftContent","rightContent","rest","__rest","React","createElement","Styled","ref"],"mappings":";;;;AAMA;;;AAGG;AACI,MAAMA,WAAW,GAAGC,UAAU,CAAC,SAASD,WAAW,CAACE,EAIxC,EAAEC,YAAoC,EAAA;MAJE;MACzDC,WAAW;AACXC,MAAAA,YAAAA;AAAY,KAAA,GAAAH,EAEK;IADdI,IAAI,GAAAC,MAAA,CAAAL,EAAA,EAHkD,+BAI1D,CADQ,CAAA;EAEP,OACEM,UAAC,CAAAC,aAAA,CAAAC,MAAa;AACZC,IAAAA,GAAG,EAAER,YAAAA;AAAY,GAAA,EACbG,IAAI,CAAA,EAENF,WAAW,IACXI,UAAC,CAAAC,aAAA,CAAAC,iBAAwB,EAAA,IAAA,EACrBN,WAAW,CAEhB,EAECC,YAAY,IACZG,UAAC,CAAAC,aAAA,CAAAC,kBAAyB,EACtB,IAAA,EAAAL,YAAY,CAEjB,CACa,CAAA;AAEpB,CAAC;;;;"}

package/build/src/components/Modals/Modal/ModalHeader.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type ModalHeaderProps } from './Modal.types';
-/**
- * `ModalHeader` is a header of the modal content.
- * It renders the accessible title and description of the modal.
- * If you want to hide the title and description, use `hidden` prop.
- */
-export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=ModalHeader.d.ts.map

package/build/src/components/Modals/Modal/ModalHeader.js

@@ -1,80 +0,0 @@
-import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import e__default, { forwardRef, useContext } from 'react';
-import { Description as $5d3850c4d0b4e6c7$export$393edc798c47379d, Title as $5d3850c4d0b4e6c7$export$f99233281efd08a0 } from '../../../../node_modules/@radix-ui/react-dialog/dist/index.module.js';
-import Text from '../../Text/Text.js';
-import { ModalTitleSize } from './Modal.types.js';
-import ModalContentContext from './ModalContentContext.js';
-import { Header, TitleContainer, CloseIconButtonSpacer, HeadingGroup, Title } from './Modal.styled.js';
-import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
-import { Typography } from '../../../foundation/Typography.js';
-
-function getTitleTypo(size) {
-  switch (size) {
-    case ModalTitleSize.L:
-      return Typography.Size24;
-    case ModalTitleSize.M:
-      return Typography.Size16;
-    default:
-      return Typography.Size16;
-  }
-}
-function ModalHeaderTitle({
-  children,
-  size,
-  subtitle
-}) {
-  const hasSubtitle = !!subtitle;
-  const titleTypo = getTitleTypo(size);
-  return e__default.createElement($5d3850c4d0b4e6c7$export$f99233281efd08a0, {
-    asChild: true
-  }, hasSubtitle ? e__default.createElement(HeadingGroup, {
-    role: "group",
-    "aria-roledescription": "Heading group"
-  }, e__default.createElement(Title, {
-    typo: titleTypo
-  }, children), e__default.createElement(Text, {
-    "aria-roledescription": "subtitle",
-    as: "p",
-    bold: true,
-    color: "txt-black-dark",
-    typo: Typography.Size13
-  }, subtitle)) : e__default.createElement(Title, {
-    typo: titleTypo
-  }, children));
-}
-/**
- * `ModalHeader` is a header of the modal content.
- * It renders the accessible title and description of the modal.
- * If you want to hide the title and description, use `hidden` prop.
- */
-const ModalHeader = forwardRef(function ModalHeader(_a, forwardedRef) {
-  var {
-      title,
-      subtitle,
-      description,
-      titleSize = ModalTitleSize.L,
-      hidden = false
-    } = _a,
-    rest = __rest(_a, ["title", "subtitle", "description", "titleSize", "hidden"]);
-  const {
-    showCloseIcon
-  } = useContext(ModalContentContext);
-  const hasTitleArea = title || showCloseIcon;
-  const Hidden = hidden ? VisuallyHidden : e__default.Fragment;
-  return e__default.createElement(Hidden, null, e__default.createElement(Header, Object.assign({
-    ref: forwardedRef,
-    hidden: hidden
-  }, rest), hasTitleArea && e__default.createElement(TitleContainer, null, title && e__default.createElement(ModalHeaderTitle, {
-    size: titleSize,
-    subtitle: subtitle
-  }, title), showCloseIcon && e__default.createElement(CloseIconButtonSpacer, null)), description && e__default.createElement($5d3850c4d0b4e6c7$export$393edc798c47379d, {
-    asChild: true
-  }, e__default.createElement(Text, {
-    as: "p",
-    color: "txt-black-darkest",
-    typo: Typography.Size15
-  }, description))));
-});
-
-export { ModalHeader };
-//# sourceMappingURL=ModalHeader.js.map

package/build/src/components/Modals/Modal/ModalHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modals/Modal/ModalHeader.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useContext,\n} from 'react'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { Typography } from '~/src/foundation'\n\nimport { Text } from '~/src/components/Text'\nimport { VisuallyHidden } from '~/src/components/VisuallyHidden'\n\nimport {\n  type ModalHeaderProps,\n  ModalTitleSize,\n} from './Modal.types'\nimport ModalContentContext from './ModalContentContext'\n\nimport * as Styled from './Modal.styled'\n\nfunction getTitleTypo(size: ModalTitleSize) {\n  switch (size) {\n    case ModalTitleSize.L:\n      return Typography.Size24\n    case ModalTitleSize.M:\n      return Typography.Size16\n    default:\n      return Typography.Size16\n  }\n}\n\nfunction ModalHeaderTitle({\n  children,\n  size,\n  subtitle,\n}: React.PropsWithChildren<Pick<ModalHeaderProps, 'subtitle'> & { size: NonNullable<ModalHeaderProps['titleSize']> }>) {\n  const hasSubtitle = !!subtitle\n  const titleTypo = getTitleTypo(size)\n\n  return (\n    <DialogPrimitive.Title asChild>\n      { hasSubtitle\n        ? (\n          <Styled.HeadingGroup\n            role=\"group\"\n            aria-roledescription=\"Heading group\"\n          >\n            <Styled.Title typo={titleTypo}>\n              { children }\n            </Styled.Title>\n\n            <Text\n              aria-roledescription=\"subtitle\"\n              as=\"p\"\n              bold\n              color=\"txt-black-dark\"\n              typo={Typography.Size13}\n            >\n              { subtitle }\n            </Text>\n          </Styled.HeadingGroup>\n        )\n        : (\n          <Styled.Title typo={titleTypo}>\n            { children }\n          </Styled.Title>\n        ) }\n    </DialogPrimitive.Title>\n  )\n}\n\n/**\n * `ModalHeader` is a header of the modal content.\n * It renders the accessible title and description of the modal.\n * If you want to hide the title and description, use `hidden` prop.\n */\nexport const ModalHeader = forwardRef(function ModalHeader({\n  title,\n  subtitle,\n  description,\n  titleSize = ModalTitleSize.L,\n  hidden = false,\n  ...rest\n}: ModalHeaderProps, forwardedRef: React.Ref<HTMLElement>) {\n  const { showCloseIcon } = useContext(ModalContentContext)\n  const hasTitleArea = title || showCloseIcon\n  const Hidden = hidden ? VisuallyHidden : React.Fragment\n\n  return (\n    <Hidden>\n      <Styled.Header\n        ref={forwardedRef}\n        hidden={hidden}\n        {...rest}\n      >\n        { hasTitleArea && (\n          <Styled.TitleContainer>\n            { title && (\n              <ModalHeaderTitle\n                size={titleSize}\n                subtitle={subtitle}\n              >\n                { title }\n              </ModalHeaderTitle>\n            ) }\n\n            { showCloseIcon && (\n              <Styled.CloseIconButtonSpacer />\n            ) }\n          </Styled.TitleContainer>\n        ) }\n\n        { description && (\n          <DialogPrimitive.Description asChild>\n            <Text\n              as=\"p\"\n              color=\"txt-black-darkest\"\n              typo={Typography.Size15}\n            >\n              { description }\n            </Text>\n          </DialogPrimitive.Description>\n        ) }\n      </Styled.Header>\n    </Hidden>\n  )\n})\n"],"names":["getTitleTypo","size","ModalTitleSize","L","Typography","Size24","M","Size16","ModalHeaderTitle","children","subtitle","hasSubtitle","titleTypo","React","DialogPrimitive","asChild","createElement","Styled","role","typo","Text","as","bold","color","Size13","ModalHeader","forwardRef","_a","forwardedRef","title","description","titleSize","hidden","rest","__rest","showCloseIcon","useContext","ModalContentContext","hasTitleArea","Hidden","VisuallyHidden","Fragment","Object","assign","ref","Size15"],"mappings":"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"}

package/build/src/components/Modals/Modal/ModalHelpers.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { type ModalCloseProps, type ModalTriggerProps } from './Modal.types';
-/**
- * `ModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**
- * It passes the handler that opens the modal and accessibility properties to the children.
- *
- * It **must** be placed outside of the `ModalContent`.
- */
-export declare function ModalTrigger({ children }: ModalTriggerProps): JSX.Element;
-/**
- * `ModalClose` is a button that closes the modal. **It doesn't render any DOM node.**
- * It passes the handler that closes the modal to the children.
- */
-export declare function ModalClose({ children }: ModalCloseProps): JSX.Element;
-//# sourceMappingURL=ModalHelpers.d.ts.map

package/build/src/components/Modals/Modal/ModalHelpers.js

@@ -1,30 +0,0 @@
-import e__default from 'react';
-import { Trigger as $5d3850c4d0b4e6c7$export$41fb9f06171c75f4, Close as $5d3850c4d0b4e6c7$export$f39c2d165cd861fe } from '../../../../node_modules/@radix-ui/react-dialog/dist/index.module.js';
-
-/**
- * `ModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**
- * It passes the handler that opens the modal and accessibility properties to the children.
- *
- * It **must** be placed outside of the `ModalContent`.
- */
-function ModalTrigger({
-  children
-}) {
-  return e__default.createElement($5d3850c4d0b4e6c7$export$41fb9f06171c75f4, {
-    asChild: true
-  }, children);
-}
-/**
- * `ModalClose` is a button that closes the modal. **It doesn't render any DOM node.**
- * It passes the handler that closes the modal to the children.
- */
-function ModalClose({
-  children
-}) {
-  return e__default.createElement($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, {
-    asChild: true
-  }, children);
-}
-
-export { ModalClose, ModalTrigger };
-//# sourceMappingURL=ModalHelpers.js.map

package/build/src/components/Modals/Modal/ModalHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalHelpers.js","sources":["../../../../../src/components/Modals/Modal/ModalHelpers.tsx"],"sourcesContent":["import React from 'react'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport {\n  type ModalCloseProps,\n  type ModalTriggerProps,\n} from './Modal.types'\n\n/**\n * `ModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**\n * It passes the handler that opens the modal and accessibility properties to the children.\n *\n * It **must** be placed outside of the `ModalContent`.\n */\nexport function ModalTrigger({ children }: ModalTriggerProps) {\n  return (\n    <DialogPrimitive.Trigger asChild>\n      { children }\n    </DialogPrimitive.Trigger>\n  )\n}\n\n/**\n * `ModalClose` is a button that closes the modal. **It doesn't render any DOM node.**\n * It passes the handler that closes the modal to the children.\n */\nexport function ModalClose({ children }: ModalCloseProps) {\n  return (\n    <DialogPrimitive.Close asChild>\n      { children }\n    </DialogPrimitive.Close>\n  )\n}\n"],"names":["ModalTrigger","children","React","createElement","DialogPrimitive","asChild","ModalClose"],"mappings":";;;AASA;;;;;AAKG;AACa,SAAAA,YAAY,CAAC;AAAEC,EAAAA,QAAAA;AAA6B,CAAA,EAAA;AAC1D,EAAA,OACEC,UAAC,CAAAC,aAAA,CAAAC,yCAAuB,EAAC;AAAAC,IAAAA,OAAO,EAC5B,IAAA;GAAA,EAAAJ,QAAQ,CACc,CAAA;AAE9B,CAAA;AAEA;;;AAGG;AACa,SAAAK,UAAU,CAAC;AAAEL,EAAAA,QAAAA;AAA2B,CAAA,EAAA;AACtD,EAAA,OACEC,UAAC,CAAAC,aAAA,CAAAC,yCAAqB,EAAC;AAAAC,IAAAA,OAAO,EAC1B,IAAA;GAAA,EAAAJ,QAAQ,CACY,CAAA;AAE5B;;;;"}

package/build/src/components/Modals/Modal/index.d.ts

@@ -1,8 +0,0 @@
-export { Modal } from './Modal';
-export { ModalContent } from './ModalContent';
-export { ModalHeader } from './ModalHeader';
-export { ModalBody } from './ModalBody';
-export { ModalFooter } from './ModalFooter';
-export { ModalTrigger, ModalClose } from './ModalHelpers';
-export { ModalTitleSize, type ModalProps, type ModalContentProps, type ModalHeaderProps, type ModalBodyProps, type ModalFooterProps, type ModalTriggerProps, type ModalCloseProps, } from './Modal.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +0,0 @@
-export * from './Modal';
-export * from './ConfirmModal';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,72 +0,0 @@
-import e__default, { memo, useCallback } 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 { noop } from '../../../utils/functionUtils.js';
-import { isNil } from '../../../utils/typeUtils.js';
-import Text from '../../Text/Text.js';
-import { Wrapper, Item, LeftIconWrapper, ChevronWrapper, RightContentWrapper, ChildrenWrapper } from './NavGroup.styled.js';
-import LegacyIcon from '../../LegacyIcon/LegacyIcon.js';
-import { IconSize } from '../../Icon/Icon.types.js';
-import { Icon } from '../../Icon/Icon.js';
-import { isIconName } from '../../LegacyIcon/utils.js';
-import { Typography } from '../../../foundation/Typography.js';
-
-const NAV_GROUP_TEST_ID = 'bezier-react-nav-group';
-const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-react-nav-group-left-icon';
-function NavGroup({
-  as,
-  testId = NAV_GROUP_TEST_ID,
-  name,
-  style,
-  className,
-  interpolation,
-  children,
-  content,
-  rightContent,
-  leftIcon,
-  open,
-  active,
-  onClick = noop
-}) {
-  const handleClickItem = useCallback(e => {
-    onClick(e, name);
-  }, [name, onClick]);
-  const hasChildren = !isNil(children);
-  const chevronIconSource = open ? l : l$1;
-  const showLeftIcon = isIconName(leftIcon);
-  const ariaName = `${name}Menu`;
-  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,
-    role: "menuitem",
-    "aria-haspopup": hasChildren,
-    "aria-expanded": open,
-    "aria-controls": ariaName
-  }, e__default.createElement(LeftIconWrapper, null, showLeftIcon && e__default.createElement(LegacyIcon, {
-    testId: NAV_GROUP_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), hasChildren && e__default.createElement(ChevronWrapper, null, e__default.createElement(Icon, {
-    source: chevronIconSource,
-    size: IconSize.S,
-    color: "txt-black-dark"
-  })), rightContent && e__default.createElement(RightContentWrapper, null, rightContent)), open && e__default.createElement(ChildrenWrapper, {
-    role: "menu",
-    id: ariaName
-  }, open && children));
-}
-var NavGroup$1 = memo(NavGroup);
-
-export { NAV_GROUP_LEFT_ICON_TEST_ID, NAV_GROUP_TEST_ID, NavGroup$1 as default };
-//# sourceMappingURL=NavGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavGroup.js","sources":["../../../../../src/components/Navigator/NavGroup/NavGroup.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n} from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n} from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport {\n  LegacyIcon,\n  isIconName,\n} from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport type NavGroupProps from './NavGroup.types'\n\nimport {\n  ChevronWrapper,\n  ChildrenWrapper,\n  Item,\n  LeftIconWrapper,\n  RightContentWrapper,\n  Wrapper,\n} from './NavGroup.styled'\n\nexport const NAV_GROUP_TEST_ID = 'bezier-react-nav-group'\nexport const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-react-nav-group-left-icon'\n\nfunction NavGroup({\n  as,\n  testId = NAV_GROUP_TEST_ID,\n  name,\n  style,\n  className,\n  interpolation,\n  children,\n  content,\n  rightContent,\n  leftIcon,\n  open,\n  active,\n  onClick = noop,\n}: NavGroupProps) {\n  const handleClickItem = useCallback((e?: React.MouseEvent) => {\n    onClick(e, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const hasChildren = !isNil(children)\n  const chevronIconSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon\n  const showLeftIcon = isIconName(leftIcon)\n  const ariaName = `${name}Menu`\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        role=\"menuitem\"\n        aria-haspopup={hasChildren}\n        aria-expanded={open}\n        aria-controls={ariaName}\n      >\n        <LeftIconWrapper>\n          { showLeftIcon && (\n            <LegacyIcon\n              testId={NAV_GROUP_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        { hasChildren && (\n          <ChevronWrapper>\n            <Icon\n              source={chevronIconSource}\n              size={IconSize.S}\n              color=\"txt-black-dark\"\n            />\n          </ChevronWrapper>\n        ) }\n\n        { rightContent && (\n          <RightContentWrapper>\n            { rightContent }\n          </RightContentWrapper>\n        ) }\n      </Item>\n\n      { open && (\n        <ChildrenWrapper\n          role=\"menu\"\n          id={ariaName}\n        >\n          { open && children }\n        </ChildrenWrapper>\n      ) }\n    </Wrapper>\n  )\n}\n\nexport default memo(NavGroup)\n"],"names":["NAV_GROUP_TEST_ID","NAV_GROUP_LEFT_ICON_TEST_ID","NavGroup","as","testId","name","style","className","interpolation","children","content","rightContent","leftIcon","open","active","onClick","noop","handleClickItem","useCallback","e","hasChildren","isNil","chevronIconSource","ChevronSmallDownIcon","ChevronSmallRightIcon","showLeftIcon","isIconName","ariaName","React","createElement","Wrapper","role","Item","LeftIconWrapper","LegacyIcon","size","IconSize","S","color","Text","typo","Typography","Size14","truncated","ChevronWrapper","Icon","source","RightContentWrapper","ChildrenWrapper","id","memo"],"mappings":";;;;;;;;;;;;;AAoCO,MAAMA,iBAAiB,GAAG,yBAAwB;AAClD,MAAMC,2BAA2B,GAAG,mCAAkC;AAE7E,SAASC,QAAQ,CAAC;EAChBC,EAAE;AACFC,EAAAA,MAAM,GAAGJ,iBAAiB;EAC1BK,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,QAAQ;EACRC,OAAO;EACPC,YAAY;EACZC,QAAQ;EACRC,IAAI;EACJC,MAAM;AACNC,EAAAA,OAAO,GAAGC,IAAAA;AACI,CAAA,EAAA;AACd,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,WAAW,GAAG,CAACC,KAAK,CAACZ,QAAQ,CAAC,CAAA;AACpC,EAAA,MAAMa,iBAAiB,GAAGT,IAAI,GAAGU,CAAoB,GAAGC,GAAqB,CAAA;AAC7E,EAAA,MAAMC,YAAY,GAAGC,UAAU,CAACd,QAAQ,CAAC,CAAA;AACzC,EAAA,MAAMe,QAAQ,GAAM,CAAAtB,EAAAA,KAAU,IAAA,CAAA,CAAA;AAE9B,EAAA,OACEuB,UAAC,CAAAC,aAAA,CAAAC,OAAO,EAAC;AAAAC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,EAClBH,UAAA,CAAAC,aAAA,CAACG,IAAI,EACH;AAAA7B,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;mBACXb,MAAM;AACnB2B,IAAAA,IAAI,EAAC,UAAU;AACA,IAAA,eAAA,EAAAX,WAAW;AACX,IAAA,eAAA,EAAAP,IAAI;qBACJc,QAAAA;AAAQ,GAAA,EAEvBC,UAAA,CAAAC,aAAA,CAACI,eAAe,EAAA,IAAA,EACZR,YAAY,IACZG,UAAC,CAAAC,aAAA,CAAAK,UAAU,EACT;AAAA9B,IAAAA,MAAM,EAAEH,2BAA2B;AACnCI,IAAAA,IAAI,EAAEO,QAAQ;IACduB,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,IAAAA,KAAK,EAAExB,MAAM,GAAG,mBAAmB,GAAG,gBAAA;GAAgB,CAEzD,CACe,EAElBc,UAAC,CAAAC,aAAA,CAAAU,IAAI,EAAC;IAAAC,IAAI,EAAEC,UAAU,CAACC,MAAM;AAAEC,IAAAA,SAAS,EACpC,IAAA;AAAA,GAAA,EAAAjC,OAAO,CACJ,EAELU,WAAW,IACXQ,UAAA,CAAAC,aAAA,CAACe,cAAc,EAAA,IAAA,EACbhB,UAAA,CAAAC,aAAA,CAACgB,IAAI,EACH;AAAAC,IAAAA,MAAM,EAAExB,iBAAiB;IACzBa,IAAI,EAAEC,QAAQ,CAACC,CAAC;AAChBC,IAAAA,KAAK,EAAC,gBAAA;GAAgB,CACtB,CAEL,EAEC3B,YAAY,IACZiB,UAAC,CAAAC,aAAA,CAAAkB,mBAAmB,QAChBpC,YAAY,CAEjB,CACI,EAELE,IAAI,IACJe,UAAC,CAAAC,aAAA,CAAAmB,eAAe;AACdjB,IAAAA,IAAI,EAAC,MAAM;AACXkB,IAAAA,EAAE,EAAEtB,QAAAA;AAAQ,GAAA,EAEVd,IAAI,IAAIJ,QAAQ,CAErB,CACO,CAAA;AAEd,CAAA;AAEA,iBAAeyC,IAAI,CAAChD,QAAQ,CAAC;;;;"}

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

@@ -1,24 +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 ChevronWrapper: 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<"button", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-} & WrapperProps, never>;
-export declare const ChildrenWrapper: import("styled-components").StyledComponent<"ul", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"li", import("~/src/foundation").Foundation, {
-    foundation?: import("~/src/foundation").Foundation | undefined;
-}, never>;
-export {};
-//# sourceMappingURL=NavGroup.styled.d.ts.map