acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/Modal/Modal.styles.js

@@ -0,0 +1,183 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),u=require("../../react-base/src/consts/index.js"),m=require("../../react-base/src/components/Modal/Modal.consts.js"),n=require("../../react-base/src/theme/variableTheme.js"),i=require("./utils/styleUtils.js"),$=e.div(({prefixCls:a,size:o,theme:s,centered:r,contentScrollable:c,loading:l,borders:d})=>{const t=s.getVariablesLayer({foundation:"raised"});return e.css`
+    .${a} {
+      position: relative;
+      margin: ${r?0:"10vh auto"};
+      color: ${t[n.VariablesNames.TextOnFoundationStrong]};
+
+      &-wrap {
+        position: fixed;
+        overflow: auto;
+        inset: 0;
+        z-index: ${u.ZIndexes.MODAL};
+        -webkit-overflow-scrolling: touch;
+        outline: 0;
+
+        ${r&&e.css`
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        `}
+      }
+
+      &-mask {
+        position: fixed;
+        inset: 0;
+        background-color: ${s.getVariablesGenerics("others").mask};
+        height: 100%;
+        z-index: ${u.ZIndexes.MODAL};
+      }
+
+      &-mask-hidden {
+        display: none;
+      }
+
+      &-content {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        justify-content: stretch;
+        border-radius: ${m.consts[o].borderRadius};
+        background-color: ${t[n.VariablesNames.BackgroundFoundation]};
+        background-clip: padding-box;
+        filter: ${s.dropShadows.high1};
+        overflow: hidden;
+      }
+
+      ${d&&e.css`
+        &-header {
+          border-bottom: 1px solid ${t[n.VariablesNames.BorderOnFoundationSubtle]};
+        }
+      `}
+
+      &-title {
+        display: flex;
+      }
+
+      &-body {
+        display: flex;
+        flex-direction: column;
+        min-height: ${l?"250px":void 0};
+        flex: 1 1 auto;
+        max-height: 80vh;
+        background-color: ${t[n.VariablesNames.BackgroundFoundation]};
+
+        ${!c&&e.css`
+          overflow-y: auto;
+        `}
+      }
+
+      &-close {
+        display: none;
+      }
+
+      &-footer {
+        ${d&&e.css`
+          border-top: 1px solid ${t[n.VariablesNames.BorderOnFoundationSubtle]};
+        `}
+        text-align: right;
+      }
+
+      /* Animations */
+      &-zoom-enter,
+      &-zoom-appear {
+        opacity: 0;
+        ${e.css(i.commonAnimation)};
+        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
+      }
+
+      &-zoom-leave {
+        ${e.css(i.commonAnimation)};
+        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+      }
+
+      &-zoom-enter.${a}-zoom-enter-active, &-zoom-appear.${a}-zoom-appear-active {
+        animation-name: ${i.zoomIn};
+        animation-play-state: running;
+      }
+
+      &-zoom-leave.${a}-zoom-leave-active {
+        animation-name: ${i.zoomOut};
+        animation-play-state: running;
+      }
+
+      &-fade-enter,
+      &-fade-appear {
+        opacity: 0;
+        ${e.css(i.commonAnimation)};
+        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+      }
+
+      &-fade-leave {
+        ${e.css(i.commonAnimation)};
+        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
+      }
+
+      &-fade-enter.${a}-fade-enter-active, &-fade-appear.${a}-fade-appear-active {
+        animation-name: ${i.fadeIn};
+        animation-play-state: running;
+      }
+
+      &-fade-leave.${a}-fade-leave-active {
+        animation-name: ${i.fadeOut};
+        animation-play-state: running;
+      }
+    }
+  `}),b=e.div`
+  ${({size:a,padding:o,bgColor:s,contentScrollable:r,bodyCentered:c,onlyBody:l,theme:d})=>{const t=d.getVariablesLayer({foundation:s?"base":"surface"});return e.css`
+      display: flex;
+      flex-direction: column;
+      background-color: ${t[n.VariablesNames.BackgroundFoundation]};
+      flex-grow: 1;
+
+      ${r&&e.css`
+        overflow-y: auto;
+      `}
+
+      ${o&&e.css`
+        padding: ${m.consts[a].padding};
+      `}
+
+      ${c&&e.css`
+        align-items: center;
+        justify-content: center;
+      `}
+
+      ${l&&e.css`
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: 1 1 auto;
+      `}
+    `}}
+`,g=e.div`
+  ${({size:a,theme:o})=>e.css`
+    z-index: ${u.ZIndexes.ELEVATED};
+    display: flex;
+    align-items: center;
+    min-height: auto;
+    padding: ${m.consts[a].padding};
+    background: ${o.getVariablesLayer({foundation:"surface"})[n.VariablesNames.BackgroundFoundation]};
+  `}
+`,f=e.div`
+  flex: 1 0 0;
+`,p=e(g)`
+  ${({borders:a,theme:o})=>e.css`
+    gap: 12px;
+
+    ${a&&e.css`
+      border-bottom: 1px solid
+        ${o.getVariablesLayer({foundation:"raised"})[n.VariablesNames.BorderOnFoundationSubtle]};
+    `}
+  `}
+`,y=e(g)`
+  ${({borders:a,theme:o})=>e.css`
+    width: 100%;
+
+    ${a&&e.css`
+      border-top: 1px solid
+        ${o.getVariablesLayer({foundation:"raised"})[n.VariablesNames.BorderOnFoundationSubtle]};
+    `}
+  `}
+`;exports.Modal=$;exports.ModalContent=b;exports.ModalFooter=y;exports.ModalHeader=p;exports.ModalHeaderContent=f;
+//# sourceMappingURL=Modal.styles.js.map

package/build/cjs/components/Modal/Modal.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.js","sources":["../../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { RequiredProperties } from 'acinguiux-ds-react-base/types';\nimport { ModalConsts } from 'acinguiux-ds-react-base/components/Modal';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { IModalProps } from './Modal.types';\nimport { commonAnimation, fadeIn, fadeOut, zoomIn, zoomOut } from './utils/styleUtils';\n\ntype ModalProps = Required<Pick<IModalProps, 'prefixCls' | 'size' | 'centered' | 'contentScrollable' | 'loading'>> &\n  Pick<IModalProps, 'borders'>;\n\nconst Modal = styled.div<ModalProps>(({ prefixCls, size, theme, centered, contentScrollable, loading, borders }) => {\n  const layer = theme.getVariablesLayer({ foundation: 'raised' });\n\n  return css`\n    .${prefixCls} {\n      position: relative;\n      margin: ${centered ? 0 : '10vh auto'};\n      color: ${layer[VariablesNames.TextOnFoundationStrong]};\n\n      &-wrap {\n        position: fixed;\n        overflow: auto;\n        inset: 0;\n        z-index: ${ZIndexes.MODAL};\n        -webkit-overflow-scrolling: touch;\n        outline: 0;\n\n        ${centered &&\n        css`\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        `}\n      }\n\n      &-mask {\n        position: fixed;\n        inset: 0;\n        background-color: ${theme.getVariablesGenerics('others').mask};\n        height: 100%;\n        z-index: ${ZIndexes.MODAL};\n      }\n\n      &-mask-hidden {\n        display: none;\n      }\n\n      &-content {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        justify-content: stretch;\n        border-radius: ${ModalConsts.consts[size].borderRadius};\n        background-color: ${layer[VariablesNames.BackgroundFoundation]};\n        background-clip: padding-box;\n        filter: ${theme.dropShadows.high1};\n        overflow: hidden;\n      }\n\n      ${borders &&\n      css`\n        &-header {\n          border-bottom: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n        }\n      `}\n\n      &-title {\n        display: flex;\n      }\n\n      &-body {\n        display: flex;\n        flex-direction: column;\n        min-height: ${loading ? '250px' : undefined};\n        flex: 1 1 auto;\n        max-height: 80vh;\n        background-color: ${layer[VariablesNames.BackgroundFoundation]};\n\n        ${!contentScrollable &&\n        css`\n          overflow-y: auto;\n        `}\n      }\n\n      &-close {\n        display: none;\n      }\n\n      &-footer {\n        ${borders &&\n        css`\n          border-top: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n        `}\n        text-align: right;\n      }\n\n      /* Animations */\n      &-zoom-enter,\n      &-zoom-appear {\n        opacity: 0;\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n      }\n\n      &-zoom-leave {\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n      }\n\n      &-zoom-enter.${prefixCls}-zoom-enter-active, &-zoom-appear.${prefixCls}-zoom-appear-active {\n        animation-name: ${zoomIn};\n        animation-play-state: running;\n      }\n\n      &-zoom-leave.${prefixCls}-zoom-leave-active {\n        animation-name: ${zoomOut};\n        animation-play-state: running;\n      }\n\n      &-fade-enter,\n      &-fade-appear {\n        opacity: 0;\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);\n      }\n\n      &-fade-leave {\n        ${css(commonAnimation)};\n        animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);\n      }\n\n      &-fade-enter.${prefixCls}-fade-enter-active, &-fade-appear.${prefixCls}-fade-appear-active {\n        animation-name: ${fadeIn};\n        animation-play-state: running;\n      }\n\n      &-fade-leave.${prefixCls}-fade-leave-active {\n        animation-name: ${fadeOut};\n        animation-play-state: running;\n      }\n    }\n  `;\n});\n\nconst ModalContent = styled.div<\n  RequiredProperties<IModalProps, 'size' | 'padding' | 'bgColor' | 'contentScrollable'> & {\n    bodyCentered: boolean;\n    onlyBody: boolean;\n  }\n>`\n  ${({ size, padding, bgColor, contentScrollable, bodyCentered, onlyBody, theme }) => {\n    const layer = theme.getVariablesLayer({ foundation: bgColor ? 'base' : 'surface' });\n\n    return css`\n      display: flex;\n      flex-direction: column;\n      background-color: ${layer[VariablesNames.BackgroundFoundation]};\n      flex-grow: 1;\n\n      ${contentScrollable &&\n      css`\n        overflow-y: auto;\n      `}\n\n      ${padding &&\n      css`\n        padding: ${ModalConsts.consts[size].padding};\n      `}\n\n      ${bodyCentered &&\n      css`\n        align-items: center;\n        justify-content: center;\n      `}\n\n      ${onlyBody &&\n      css`\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 1 1 auto;\n      `}\n    `;\n  }}\n`;\n\nconst ModalBar = styled.div<RequiredProperties<Pick<IModalProps, 'size'>, 'size'>>`\n  ${({ size, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: center;\n    min-height: auto;\n    padding: ${ModalConsts.consts[size].padding};\n    background: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.BackgroundFoundation]};\n  `}\n`;\n\nconst ModalHeaderContent = styled.div`\n  flex: 1 0 0;\n`;\n\nconst ModalHeader = styled(ModalBar)<RequiredProperties<Pick<IModalProps, 'size' | 'borders' | 'closeButton'>, 'size'>>`\n  ${({ borders, theme }) => css`\n    gap: 12px;\n\n    ${borders &&\n    css`\n      border-bottom: 1px solid\n        ${theme.getVariablesLayer({ foundation: 'raised' })[VariablesNames.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nconst ModalFooter = styled(ModalBar)<RequiredProperties<Pick<IModalProps, 'size' | 'borders'>, 'size'>>`\n  ${({ borders, theme }) => css`\n    width: 100%;\n\n    ${borders &&\n    css`\n      border-top: 1px solid\n        ${theme.getVariablesLayer({ foundation: 'raised' })[VariablesNames.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nexport { Modal, ModalContent, ModalHeaderContent, ModalHeader, ModalFooter };\n"],"names":["Modal","styled","prefixCls","size","theme","centered","contentScrollable","loading","borders","layer","css","VariablesNames","ZIndexes","ModalConsts.consts","commonAnimation","zoomIn","zoomOut","fadeIn","fadeOut","ModalContent","padding","bgColor","bodyCentered","onlyBody","ModalBar","ModalHeaderContent","ModalHeader","ModalFooter"],"mappings":"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"}

package/build/cjs/components/Modal/components/Dialog/Dialog.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("rc-dialog"),c=(t,n)=>{const o=document.getElementById(`${t}-portal`);if(o)return o.className=n,o;const e=document.createElement("div");return e.className=n,e.id=`${t}-portal`,document.body.append(e),e},d=({className:t="",prefixCls:n,children:o,visible:e,...r})=>i.jsx(a,{prefixCls:`${t} ${n}`,className:t,visible:e,getContainer:()=>c(n,t),animation:"zoom",maskAnimation:"fade",...r,children:o});module.exports=d;
+//# sourceMappingURL=Dialog.js.map

package/build/cjs/components/Modal/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/Modal/components/Dialog/Dialog.tsx"],"sourcesContent":["import RCDialog, { type DialogProps } from 'rc-dialog';\n\ninterface IDialogProps extends DialogProps {\n  className?: string;\n  prefixCls: string;\n}\n\nconst getContainer = (prefixCls: string, className: string): HTMLElement => {\n  const portal = document.getElementById(`${prefixCls}-portal`);\n\n  if (portal) {\n    portal.className = className;\n\n    return portal;\n  }\n\n  const newPortal = document.createElement('div');\n  newPortal.className = className;\n  newPortal.id = `${prefixCls}-portal`;\n  document.body.append(newPortal);\n\n  return newPortal;\n};\n\nconst Dialog = ({ className = '', prefixCls, children, visible, ...props }: IDialogProps) => (\n  <RCDialog\n    prefixCls={`${className} ${prefixCls}`}\n    className={className}\n    visible={visible}\n    getContainer={() => getContainer(prefixCls, className)}\n    animation=\"zoom\"\n    maskAnimation=\"fade\"\n    {...props}\n  >\n    {children}\n  </RCDialog>\n);\n\nexport default Dialog;\n"],"names":["getContainer","prefixCls","className","portal","newPortal","Dialog","children","visible","props","jsx","RCDialog"],"mappings":"yEAOMA,EAAe,CAACC,EAAmBC,IAAmC,CAC1E,MAAMC,EAAS,SAAS,eAAe,GAAGF,CAAS,SAAS,EAE5D,GAAIE,EACF,OAAAA,EAAO,UAAYD,EAEZC,EAGH,MAAAC,EAAY,SAAS,cAAc,KAAK,EAC9C,OAAAA,EAAU,UAAYF,EACZE,EAAA,GAAK,GAAGH,CAAS,UAClB,SAAA,KAAK,OAAOG,CAAS,EAEvBA,CACT,EAEMC,EAAS,CAAC,CAAE,UAAAH,EAAY,GAAI,UAAAD,EAAW,SAAAK,EAAU,QAAAC,EAAS,GAAGC,CAAA,IACjEC,EAAA,IAACC,EAAA,CACC,UAAW,GAAGR,CAAS,IAAID,CAAS,GACpC,UAAAC,EACA,QAAAK,EACA,aAAc,IAAMP,EAAaC,EAAWC,CAAS,EACrD,UAAU,OACV,cAAc,OACb,GAAGM,EAEH,SAAAF,CAAA,CACH"}

package/build/cjs/components/Modal/components/ModalLoading/ModalLoading.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("../../../../react-base/src/consts/index.js"),o=require("../../../Flexbox/Flexbox.js"),a=require("../../../Text/components/Label/Label.js"),c=require("../../../Loading/Loading.js"),l=require("./ModalLoading.styles.js"),u=require("../../../Icon/components/Cross.js"),x=({loadingBody:i,size:r=s.Sizes.Medium,closeButton:n,onClose:t})=>e.jsxs(o,{flexDirection:"column",gap:"12px",alignItems:"center",children:[n&&e.jsx(l.CloseButton,{icon:e.jsx(u,{}),iconOnly:!0,variant:s.Variants.Transparent,size:s.Sizes.Large,paddingSize:r,onClick:t,"aria-label":"Close"}),e.jsx(c,{size:s.Sizes.XLarge}),typeof i=="string"?e.jsx(a,{size:s.Sizes.Large,children:i}):i]});module.exports=x;
+//# sourceMappingURL=ModalLoading.js.map

package/build/cjs/components/Modal/components/ModalLoading/ModalLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalLoading.js","sources":["../../../../../../src/components/Modal/components/ModalLoading/ModalLoading.tsx"],"sourcesContent":["import { Sizes, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport Label from '../../../Text/components/Label/Label';\nimport Loading from '../../../Loading/Loading';\nimport { CloseButton } from './ModalLoading.styles';\nimport type { IModalLoadingProps } from './ModalLoading.types';\nimport CrossIcon from '../../../Icon/components/Cross';\n\nconst ModalLoading = ({ loadingBody, size = Sizes.Medium, closeButton, onClose }: IModalLoadingProps) => (\n  <Flexbox flexDirection=\"column\" gap=\"12px\" alignItems=\"center\">\n    {closeButton && (\n      <CloseButton\n        icon={<CrossIcon />}\n        iconOnly\n        variant={Variants.Transparent}\n        size={Sizes.Large}\n        paddingSize={size}\n        onClick={onClose}\n        aria-label=\"Close\"\n      />\n    )}\n    <Loading size={Sizes.XLarge} />\n    {typeof loadingBody === 'string' ? <Label size={Sizes.Large}>{loadingBody}</Label> : loadingBody}\n  </Flexbox>\n);\n\nexport default ModalLoading;\n"],"names":["ModalLoading","loadingBody","size","Sizes","closeButton","onClose","Flexbox","jsx","CloseButton","CrossIcon","Variants","Loading","Label"],"mappings":"sUASMA,EAAe,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,YAAAC,EAAa,QAAAC,CAAQ,WAC5EC,EAAQ,CAAA,cAAc,SAAS,IAAI,OAAO,WAAW,SACnD,SAAA,CACCF,GAAAG,EAAA,IAACC,EAAA,YAAA,CACC,WAAOC,EAAU,EAAA,EACjB,SAAQ,GACR,QAASC,EAAS,SAAA,YAClB,KAAMP,EAAM,MAAA,MACZ,YAAaD,EACb,QAASG,EACT,aAAW,OAAA,CACb,EAEDE,EAAAA,IAAAI,EAAA,CAAQ,KAAMR,EAAA,MAAM,MAAQ,CAAA,EAC5B,OAAOF,GAAgB,SAAWM,EAAA,IAACK,GAAM,KAAMT,EAAAA,MAAM,MAAQ,SAAAF,CAAY,CAAA,EAAWA,CAAA,CACvF,CAAA"}

package/build/cjs/components/Modal/components/ModalLoading/ModalLoading.styles.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../react-base/src/components/Modal/Modal.consts.js"),e=require("styled-components"),s=require("../../../Button/Button.js"),n=e(s)`
+  ${({paddingSize:t})=>e.css`
+    position: absolute;
+    top: ${o.consts[t].padding};
+    right: ${o.consts[t].padding};
+  `}
+`;exports.CloseButton=n;
+//# sourceMappingURL=ModalLoading.styles.js.map

package/build/cjs/components/Modal/components/ModalLoading/ModalLoading.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalLoading.styles.js","sources":["../../../../../../src/components/Modal/components/ModalLoading/ModalLoading.styles.ts"],"sourcesContent":["import { ModalConsts, type ModalTypes } from 'acinguiux-ds-react-base/components/Modal';\nimport styled, { css } from 'styled-components';\n\nimport Button from '../../../Button/Button';\n\nconst CloseButton = styled(Button)<{ paddingSize: ModalTypes.Size }>`\n  ${({ paddingSize }) => css`\n    position: absolute;\n    top: ${ModalConsts.consts[paddingSize].padding};\n    right: ${ModalConsts.consts[paddingSize].padding};\n  `}\n`;\n\nexport { CloseButton };\n"],"names":["CloseButton","styled","Button","paddingSize","css","ModalConsts.consts"],"mappings":"iQAKMA,EAAcC,EAAOC,CAAM;AAAA,IAC7B,CAAC,CAAE,YAAAC,CAAA,IAAkBC,EAAA;AAAA;AAAA,WAEdC,EAAY,OAAOF,CAAW,EAAE,OAAO;AAAA,aACrCE,EAAY,OAAOF,CAAW,EAAE,OAAO;AAAA,GACjD;AAAA"}

package/build/cjs/components/Modal/utils/styleUtils.js

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),a=o.keyframes`
+  0% {
+    opacity: 0;
+    transform: scale(0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1, 1);
+  }
+`,t=o.keyframes`
+  0% {
+    transform: scale(1, 1);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(0, 0);
+  }
+`,e=o.keyframes`
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`,n=o.keyframes`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`,s={animationDuration:"0.3s",animationFillMode:"both",animationPlayState:"paused"};exports.commonAnimation=s;exports.fadeIn=e;exports.fadeOut=n;exports.zoomIn=a;exports.zoomOut=t;
+//# sourceMappingURL=styleUtils.js.map

package/build/cjs/components/Modal/utils/styleUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.js","sources":["../../../../../src/components/Modal/utils/styleUtils.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const zoomIn = keyframes`\n  0% {\n    opacity: 0;\n    transform: scale(0, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n`;\n\nexport const zoomOut = keyframes`\n  0% {\n    transform: scale(1, 1);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(0, 0);\n  }\n`;\n\nexport const fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const fadeOut = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`;\n\nexport const commonAnimation = {\n  animationDuration: '0.3s',\n  animationFillMode: 'both',\n  animationPlayState: 'paused',\n};\n"],"names":["zoomIn","keyframes","zoomOut","fadeIn","fadeOut","commonAnimation"],"mappings":"iJAEaA,EAASC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYTC,EAAUD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWVE,EAASF,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUTG,EAAUH,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUVI,EAAkB,CAC7B,kBAAmB,OACnB,kBAAmB,OACnB,mBAAoB,QACtB"}

package/build/cjs/components/NavBar/NavBar.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),R=require("classnames"),e=require("../../react-base/src/consts/index.js"),F=require("../Icon/components/LeftNavigation.js"),w=require("../Icon/components/LeftNavigationSolid.js"),K=require("./components/LastArea/LastArea.js"),W=require("./components/FirstArea/FirstArea.js"),l=require("./NavBar.styles.js"),u=require("../Divider/Divider.js"),G=t.forwardRef(({size:i=`${e.Sizes.Medium}`,className:V,direction:n=`${e.Directions.Horizontal}`,elevation:q,collapsed:d=!1,preventExpand:N=!1,expandedWidth:M,pectenArea:m="default",urlProps:b,header:g,avatarArea:x,avatarProps:r,items:C,topArea:S,onClick:O,startArea:j,endArea:D,itemsAlignment:h=`${e.Alignments.Left}`,expandMode:c="auto_push",itemRender:z,selectedPath:L,onSelect:k,...y},E)=>{const[o,v]=t.useState(()=>d),[$,f]=t.useState(()=>!1),a=t.useMemo(()=>n===e.Directions.Horizontal||!o||$,[o,$]);t.useEffect(()=>v(d),[d]);const p={vertical:"inline",horizontal:"horizontal"},A=t.useCallback(()=>{v(I=>!I)},[]),H=t.useCallback(()=>f(!0),[]),_=t.useCallback(()=>f(!1),[]),B=t.useMemo(()=>({...r,...n===e.Directions.Vertical?{collapsed:!a}:{},size:i}),[n,r,i,a]);return s.jsxs(l.Wrapper,{onMouseLeave:c!=="manual"?_:e.NOOP,onMouseEnter:c!=="manual"?H:e.NOOP,$direction:n,$expandMode:c,size:i,$isCollapsed:n===e.Directions.Vertical&&o,children:[S&&n!==e.Directions.Vertical&&S,s.jsxs(l.Nav,{as:n===e.Directions.Vertical?"nav":"header",size:i,$expandMode:c,className:R(e.NAV_BAR_CLASS,V),$direction:n,$elevation:q,$collapsed:!a,expandedWidth:M,ref:E,...y,children:[m!=="none"&&s.jsx(W,{header:g,pectenArea:m,urlProps:b,onClick:O,collapsed:!a,size:i}),j&&n===e.Directions.Vertical&&s.jsx(l.DividerContainer,{children:s.jsx(u,{contrast:e.Contrasts.Subtle,size:e.Sizes.Small})}),j,s.jsx(l.MiddleArea,{$direction:n,$collapsed:!a,children:C&&s.jsx(l.StyledMenu,{inlineCollapsed:n===e.Directions.Vertical&&!a,items:C,$itemsAlignment:h,itemRender:z,mode:p[n],selectedPath:L,onSelect:k,size:i})}),D&&n===e.Directions.Vertical&&s.jsx(l.DividerContainer,{children:s.jsx(u,{contrast:e.Contrasts.Subtle,size:e.Sizes.Small})}),D,n===e.Directions.Vertical&&!N&&s.jsxs(s.Fragment,{children:[s.jsx(l.DividerContainer,{children:s.jsx(u,{contrast:e.Contrasts.Subtle,size:e.Sizes.Small})}),s.jsx(l.StyledMenu,{inlineCollapsed:n===e.Directions.Vertical&&!a,items:[{key:"expand",label:o?"Expand navigation":"Collapse navigation",itemIcon:o?s.jsx(w,{}):s.jsx(F,{})}],$itemsAlignment:h,mode:p[n],selectedKeys:[],noAnimate:!0,onClick:A,size:i})]}),n===e.Directions.Vertical&&(!!x||!!r)&&s.jsx(l.DividerContainer,{children:s.jsx(u,{contrast:e.Contrasts.Subtle,size:e.Sizes.Small})}),(!!x||!!r)&&s.jsx(K,{avatarArea:x,avatarProps:r&&B})]})]})});module.exports=G;
+//# sourceMappingURL=NavBar.js.map

package/build/cjs/components/NavBar/NavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.js","sources":["../../../../src/components/NavBar/NavBar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type MouseEventHandler,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { NAV_BAR_CLASS, Sizes, Directions, Contrasts, Alignments, NOOP } from 'acinguiux-ds-react-base/consts';\nimport type { NavBarTypes } from 'acinguiux-ds-react-base/components/NavBar';\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\n\nimport LeftNavigation from '../Icon/components/LeftNavigation';\nimport LeftNavigationSolid from '../Icon/components/LeftNavigationSolid';\nimport LastArea from './components/LastArea/LastArea';\nimport FirstArea from './components/FirstArea/FirstArea';\nimport { Wrapper, MiddleArea, Nav, StyledMenu, DividerContainer } from './NavBar.styles';\nimport type { INavBarProps } from './NavBar.types';\nimport type { FlagName } from '../Avatar/Avatar.types';\nimport Divider from '../Divider/Divider';\nimport type { IMenuProps } from '../Menu/Menu.types';\n\nconst NavBar = forwardRef<HTMLElement, INavBarProps>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      className,\n      direction = `${Directions.Horizontal}`,\n      elevation,\n      collapsed = false,\n      preventExpand = false,\n      expandedWidth,\n      pectenArea = 'default',\n      urlProps,\n      header,\n      avatarArea,\n      avatarProps,\n      items,\n      topArea,\n      onClick,\n      startArea,\n      endArea,\n      itemsAlignment = `${Alignments.Left}`,\n      expandMode = 'auto_push',\n      itemRender,\n      selectedPath,\n      onSelect,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const [isCollapsed, setIsCollapsed] = useState<boolean>(() => collapsed);\n    const [isHovered, setIsHovered] = useState<boolean>(() => false);\n    const isOpen = useMemo(\n      () => direction === Directions.Horizontal || !isCollapsed || isHovered,\n      [isCollapsed, isHovered],\n    );\n\n    useEffect(() => setIsCollapsed(collapsed), [collapsed]);\n\n    const menuModeMap: { [Property in NavBarTypes.Direction]: IMenuProps['mode'] } = {\n      vertical: 'inline',\n      horizontal: 'horizontal',\n    };\n\n    const handleOnExpandClick = useCallback(() => {\n      setIsCollapsed((prev) => !prev);\n    }, []);\n\n    const handleOnEnter: MouseEventHandler = useCallback(() => setIsHovered(true), []);\n    const handleOnLeave: MouseEventHandler = useCallback(() => setIsHovered(false), []);\n\n    const mergedAvatarProps: AvatarTypes.IAvatarProps<FlagName> = useMemo(\n      () => ({\n        ...avatarProps,\n        ...(direction === Directions.Vertical\n          ? {\n              collapsed: !isOpen,\n            }\n          : {}),\n        size,\n      }),\n      [direction, avatarProps, size, isOpen],\n    );\n\n    return (\n      <Wrapper\n        onMouseLeave={expandMode !== 'manual' ? handleOnLeave : NOOP}\n        onMouseEnter={expandMode !== 'manual' ? handleOnEnter : NOOP}\n        $direction={direction}\n        $expandMode={expandMode}\n        size={size}\n        $isCollapsed={direction === Directions.Vertical && isCollapsed}\n      >\n        {topArea && direction !== Directions.Vertical && topArea}\n        <Nav\n          as={direction === Directions.Vertical ? 'nav' : 'header'}\n          size={size}\n          $expandMode={expandMode}\n          className={classNames(NAV_BAR_CLASS, className)}\n          $direction={direction}\n          $elevation={elevation}\n          $collapsed={!isOpen}\n          expandedWidth={expandedWidth}\n          ref={ref}\n          {...rest}\n        >\n          {pectenArea !== 'none' && (\n            <FirstArea\n              header={header}\n              pectenArea={pectenArea}\n              urlProps={urlProps}\n              onClick={onClick}\n              collapsed={!isOpen}\n              size={size}\n            />\n          )}\n          {startArea && direction === Directions.Vertical && (\n            <DividerContainer>\n              <Divider contrast={Contrasts.Subtle} size={Sizes.Small} />\n            </DividerContainer>\n          )}\n          {startArea}\n          <MiddleArea $direction={direction} $collapsed={!isOpen}>\n            {items && (\n              <StyledMenu\n                inlineCollapsed={direction === Directions.Vertical && !isOpen}\n                items={items}\n                $itemsAlignment={itemsAlignment}\n                itemRender={itemRender}\n                mode={menuModeMap[direction] as INavBarProps['direction']}\n                selectedPath={selectedPath}\n                onSelect={onSelect}\n                size={size}\n              />\n            )}\n          </MiddleArea>\n          {endArea && direction === Directions.Vertical && (\n            <DividerContainer>\n              <Divider contrast={Contrasts.Subtle} size={Sizes.Small} />\n            </DividerContainer>\n          )}\n          {endArea}\n          {direction === Directions.Vertical && !preventExpand && (\n            <>\n              <DividerContainer>\n                <Divider contrast={Contrasts.Subtle} size={Sizes.Small} />\n              </DividerContainer>\n              <StyledMenu\n                inlineCollapsed={direction === Directions.Vertical && !isOpen}\n                items={[\n                  {\n                    key: 'expand',\n                    label: isCollapsed ? 'Expand navigation' : 'Collapse navigation',\n                    itemIcon: isCollapsed ? <LeftNavigationSolid /> : <LeftNavigation />,\n                  },\n                ]}\n                $itemsAlignment={itemsAlignment}\n                mode={menuModeMap[direction] as INavBarProps['direction']}\n                selectedKeys={[]}\n                noAnimate\n                onClick={handleOnExpandClick}\n                size={size}\n              />\n            </>\n          )}\n          {direction === Directions.Vertical && (!!avatarArea || !!avatarProps) && (\n            <DividerContainer>\n              <Divider contrast={Contrasts.Subtle} size={Sizes.Small} />\n            </DividerContainer>\n          )}\n          {(!!avatarArea || !!avatarProps) && (\n            <LastArea avatarArea={avatarArea} avatarProps={avatarProps && mergedAvatarProps} />\n          )}\n        </Nav>\n      </Wrapper>\n    );\n  },\n);\n\nexport default NavBar;\n"],"names":["NavBar","forwardRef","size","Sizes","className","direction","Directions","elevation","collapsed","preventExpand","expandedWidth","pectenArea","urlProps","header","avatarArea","avatarProps","items","topArea","onClick","startArea","endArea","itemsAlignment","Alignments","expandMode","itemRender","selectedPath","onSelect","rest","ref","isCollapsed","setIsCollapsed","useState","isHovered","setIsHovered","isOpen","useMemo","useEffect","menuModeMap","handleOnExpandClick","useCallback","prev","handleOnEnter","handleOnLeave","mergedAvatarProps","jsxs","Wrapper","NOOP","Nav","classNames","NAV_BAR_CLASS","jsx","FirstArea","DividerContainer","Divider","Contrasts","MiddleArea","StyledMenu","Fragment","LeftNavigationSolid","LeftNavigation","LastArea"],"mappings":"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"}

package/build/cjs/components/NavBar/NavBar.styles.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),o=require("../../react-base/src/consts/index.js"),s=require("../../react-base/src/components/NavBar/NavBar.consts.js"),l=require("../../react-base/src/theme/variableTheme.js"),h=require("../Menu/Menu.js"),g=require("../../react-base/src/components/NavBar/utils/styleUtils.js"),f=t(h)`
+  ${({$itemsAlignment:e})=>t.css`
+    flex: 1 1 0;
+    max-height: fit-content;
+    justify-content: ${g.getItemsAlignment(e)};
+    overflow: hidden auto;
+  `}
+`,p=(e,r,i,n)=>e===o.Directions.Vertical?r==="auto_cover"&&n?`${s.consts[i].height}px`:"auto":"100%",v=t.div(({$direction:e,$expandMode:r,size:i,$isCollapsed:n})=>t.css`
+    position: relative;
+    height: ${e===o.Directions.Vertical?"100%":`${s.consts[i].height}px`};
+    width: ${p(e,r,i,n)};
+  `),x=t.header(({$direction:e,$elevation:r,$collapsed:i,theme:n,expandedWidth:c=300,size:d,$expandMode:u})=>{const a=n.getVariablesLayer({foundation:"surface"});return t.css`
+      z-index: ${o.ZIndexes.NAVBAR};
+      position: ${u==="auto_cover"&&i?"absolute":"relative"};
+      display: flex;
+      flex-flow: ${e===o.Directions.Horizontal?"row":"column"} nowrap;
+      align-items: stretch;
+      height: 100%;
+      width: 100%;
+      filter: ${r?n.dropShadows.low1:null};
+      color: ${a[l.VariablesNames.TextOnFoundationStrong]};
+      background-color: ${a[l.VariablesNames.BackgroundFoundation]};
+      transition: width 0.3s ease-out;
+
+      ${e===o.Directions.Vertical&&t.css`
+        width: ${i?`${s.consts[d].height}px`:`${c}px`};
+
+        .${o.NAV_BAR_CLASS}-icon {
+          transform: rotate(${i?0:180}deg);
+        }
+      `}
+    `}),$=t.div(({$direction:e,$collapsed:r})=>t.css`
+    position: relative;
+    display: flex;
+    flex-shrink: ${r?0:1};
+    flex-grow: 1;
+    flex-direction: ${e===o.Directions.Horizontal?"row":"column"};
+    align-items: stretch;
+    min-width: 0;
+    z-index: 1;
+    overflow: hidden auto;
+  `),w=t.div`
+  align-items: center;
+  padding: 0 12px;
+`;exports.DividerContainer=w;exports.MiddleArea=$;exports.Nav=x;exports.StyledMenu=f;exports.Wrapper=v;
+//# sourceMappingURL=NavBar.styles.js.map

package/build/cjs/components/NavBar/NavBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.styles.js","sources":["../../../../src/components/NavBar/NavBar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { NAV_BAR_CLASS, Directions, ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { NavBarConsts, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from './NavBar.types';\nimport Menu from '../Menu/Menu';\nimport type { IMenuProps } from '../Menu/Menu.types';\n\nconst StyledMenu = styled(Menu)<IMenuProps & Transient<INavBarProps, 'itemsAlignment'>>`\n  ${({ $itemsAlignment }) => css`\n    flex: 1 1 0;\n    max-height: fit-content;\n    justify-content: ${NavBarUtils.getItemsAlignment($itemsAlignment)};\n    overflow: hidden auto;\n  `}\n`;\n\nconst getWrapperWidth = (\n  direction: INavBarPropsWithReqSize['direction'],\n  expandMode: INavBarPropsWithReqSize['expandMode'],\n  size: INavBarPropsWithReqSize['size'],\n  isCollapsed: boolean,\n): string => {\n  if (direction === Directions.Vertical) {\n    return expandMode === 'auto_cover' && isCollapsed ? `${NavBarConsts.consts[size].height}px` : 'auto';\n  }\n\n  return '100%';\n};\n\nconst Wrapper = styled.div<Transient<INavBarPropsWithReqSize, 'direction' | 'expandMode'> & { $isCollapsed: boolean }>(\n  ({ $direction, $expandMode, size, $isCollapsed }) => css`\n    position: relative;\n    height: ${$direction === Directions.Vertical ? '100%' : `${NavBarConsts.consts[size].height}px`};\n    width: ${getWrapperWidth($direction, $expandMode, size, $isCollapsed)};\n  `,\n);\n\ntype NavPropsKeys = 'direction' | 'elevation' | 'collapsed' | 'expandMode';\ntype NavProps = Transient<INavBarPropsWithReqSize, NavPropsKeys>;\n\nconst Nav = styled.header<NavProps>(\n  ({ $direction, $elevation, $collapsed, theme, expandedWidth = 300, size, $expandMode }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n    return css`\n      z-index: ${ZIndexes.NAVBAR};\n      position: ${$expandMode === 'auto_cover' && $collapsed ? 'absolute' : 'relative'};\n      display: flex;\n      flex-flow: ${$direction === Directions.Horizontal ? 'row' : 'column'} nowrap;\n      align-items: stretch;\n      height: 100%;\n      width: 100%;\n      filter: ${$elevation ? theme.dropShadows.low1 : null};\n      color: ${layer[VariablesNames.TextOnFoundationStrong]};\n      background-color: ${layer[VariablesNames.BackgroundFoundation]};\n      transition: width 0.3s ease-out;\n\n      ${$direction === Directions.Vertical &&\n      css`\n        width: ${$collapsed ? `${NavBarConsts.consts[size].height}px` : `${expandedWidth}px`};\n\n        .${NAV_BAR_CLASS}-icon {\n          transform: rotate(${$collapsed ? 0 : 180}deg);\n        }\n      `}\n    `;\n  },\n);\n\nconst MiddleArea = styled.div<Transient<INavBarProps, 'direction' | 'collapsed'>>(\n  ({ $direction, $collapsed }) => css`\n    position: relative;\n    display: flex;\n    flex-shrink: ${$collapsed ? 0 : 1};\n    flex-grow: 1;\n    flex-direction: ${$direction === Directions.Horizontal ? 'row' : 'column'};\n    align-items: stretch;\n    min-width: 0;\n    z-index: 1;\n    overflow: hidden auto;\n  `,\n);\n\nconst DividerContainer = styled.div`\n  align-items: center;\n  padding: 0 12px;\n`;\n\nexport { Wrapper, Nav, MiddleArea, StyledMenu, DividerContainer };\n"],"names":["StyledMenu","styled","Menu","$itemsAlignment","css","NavBarUtils.getItemsAlignment","getWrapperWidth","direction","expandMode","size","isCollapsed","Directions","NavBarConsts.consts","Wrapper","$direction","$expandMode","$isCollapsed","Nav","$elevation","$collapsed","theme","expandedWidth","layer","ZIndexes","VariablesNames","NAV_BAR_CLASS","MiddleArea","DividerContainer"],"mappings":"saAUMA,EAAaC,EAAOC,CAAI;AAAA,IAC1B,CAAC,CAAE,gBAAAC,CAAA,IAAsBC,EAAA;AAAA;AAAA;AAAA,uBAGNC,EAAAA,kBAA8BF,CAAe,CAAC;AAAA;AAAA,GAElE;AAAA,EAGGG,EAAkB,CACtBC,EACAC,EACAC,EACAC,IAEIH,IAAcI,aAAW,SACpBH,IAAe,cAAgBE,EAAc,GAAGE,SAAoBH,CAAI,EAAE,MAAM,KAAO,OAGzF,OAGHI,EAAUZ,EAAO,IACrB,CAAC,CAAE,WAAAa,EAAY,YAAAC,EAAa,KAAAN,EAAM,aAAAO,CAAmB,IAAAZ,EAAA;AAAA;AAAA,cAEzCU,IAAeH,EAAAA,WAAW,SAAW,OAAS,GAAGC,EAAoB,OAAAH,CAAI,EAAE,MAAM,IAAI;AAAA,aACtFH,EAAgBQ,EAAYC,EAAaN,EAAMO,CAAY,CAAC;AAAA,GAEzE,EAKMC,EAAMhB,EAAO,OACjB,CAAC,CAAE,WAAAa,EAAY,WAAAI,EAAY,WAAAC,EAAY,MAAAC,EAAO,cAAAC,EAAgB,IAAK,KAAAZ,EAAM,YAAAM,KAAkB,CACzF,MAAMO,EAAQF,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,OAAAhB,EAAA;AAAA,iBACMmB,EAAAA,SAAS,MAAM;AAAA,kBACdR,IAAgB,cAAgBI,EAAa,WAAa,UAAU;AAAA;AAAA,mBAEnEL,IAAeH,EAAA,WAAW,WAAa,MAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAI1DO,EAAaE,EAAM,YAAY,KAAO,IAAI;AAAA,eAC3CE,EAAME,iBAAe,sBAAsB,CAAC;AAAA,0BACjCF,EAAME,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA,QAG5DV,IAAeH,aAAW,UAC5BP,EAAA;AAAA,iBACWe,EAAa,GAAGP,EAAoB,OAAAH,CAAI,EAAE,MAAM,KAAO,GAAGY,CAAa,IAAI;AAAA;AAAA,WAEjFI,eAAa;AAAA,8BACMN,EAAa,EAAI,GAAG;AAAA;AAAA,OAE3C;AAAA,KAAA,CAGP,EAEMO,EAAazB,EAAO,IACxB,CAAC,CAAE,WAAAa,EAAY,WAAAK,CAAA,IAAiBf,EAAA;AAAA;AAAA;AAAA,mBAGfe,EAAa,EAAI,CAAC;AAAA;AAAA,sBAEfL,IAAeH,EAAA,WAAW,WAAa,MAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAM7E,EAEMgB,EAAmB1B,EAAO;AAAA;AAAA;AAAA"}

package/build/cjs/components/NavBar/components/FirstArea/FirstArea.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("../../../../react-base/src/consts/index.js"),x=require("../../../../react-base/src/components/NavBar/NavBar.consts.js"),l=require("acinguiux-ds-fabrics"),r=require("./FirstArea.styles.js"),d=require("../../../Text/components/Label/Label.js"),j=require("../../../../react-base/src/components/NavBar/utils/firstAreaUtils.js"),m=({pectenArea:t,urlProps:c,onClick:u,header:n,collapsed:a,size:i=s.Sizes.Medium})=>{const o=e.jsxs(r.Header,{onClick:u,size:i,children:[t==="default"?e.jsx(r.HeaderPecten,{size:x.consts[i].pectenSize}):t,j.isHeader(n)?e.jsxs(r.LockupContent,{collapsed:a,children:[!!n.description&&i!==s.Sizes.XSmall&&e.jsx(r.DescriptionLabel,{prominence:l.Prominences.Subtle,size:s.Sizes.Small,bold:!0,children:n.description}),e.jsxs(r.TitleContianer,{size:i,children:[!!n.title&&e.jsx(d,{prominence:l.Prominences.Strong,size:s.Sizes.Large,bold:!0,children:n.title}),!!n.icon&&e.jsx(r.IconContainer,{children:n.icon})]})]}):e.jsx(e.Fragment,{children:n})]});return e.jsx(r.Area,{size:i,children:c?e.jsx(r.HeaderPectenUrlWrapper,{rel:"noopener noreferrer",tabIndex:-1,...c,children:o}):o})};module.exports=m;
+//# sourceMappingURL=FirstArea.js.map

package/build/cjs/components/NavBar/components/FirstArea/FirstArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstArea.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { NavBarConsts, type NavBarTypes, NavBarUtils } from 'acinguiux-ds-react-base/components/NavBar';\nimport { Prominences } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FirstArea.styles';\nimport Label from '../../../Text/components/Label/Label';\n\nconst FirstArea = ({\n  pectenArea,\n  urlProps,\n  onClick,\n  header,\n  collapsed,\n  size = Sizes.Medium,\n}: NavBarTypes.IFirstAreaProps) => {\n  const content = (\n    <Styled.Header\n      // @ts-ignore\n      onClick={onClick}\n      size={size}\n    >\n      {pectenArea === 'default' ? <Styled.HeaderPecten size={NavBarConsts.consts[size].pectenSize} /> : pectenArea}\n      {NavBarUtils.isHeader(header) ? (\n        <Styled.LockupContent collapsed={collapsed}>\n          {!!header.description && size !== Sizes.XSmall && (\n            <Styled.DescriptionLabel prominence={Prominences.Subtle} size={Sizes.Small} bold>\n              {header.description}\n            </Styled.DescriptionLabel>\n          )}\n          <Styled.TitleContianer size={size}>\n            {!!header.title && (\n              <Label prominence={Prominences.Strong} size={Sizes.Large} bold>\n                {header.title}\n              </Label>\n            )}\n            {!!header.icon && <Styled.IconContainer>{header.icon}</Styled.IconContainer>}\n          </Styled.TitleContianer>\n        </Styled.LockupContent>\n      ) : (\n        <>{header}</>\n      )}\n    </Styled.Header>\n  );\n\n  return (\n    <Styled.Area size={size}>\n      {urlProps ? (\n        <Styled.HeaderPectenUrlWrapper rel=\"noopener noreferrer\" tabIndex={-1} {...urlProps}>\n          {content}\n        </Styled.HeaderPectenUrlWrapper>\n      ) : (\n        content\n      )}\n    </Styled.Area>\n  );\n};\n\nexport default FirstArea;\n"],"names":["FirstArea","pectenArea","urlProps","onClick","header","collapsed","size","Sizes","content","jsxs","Styled.Header","jsx","Styled.HeaderPecten","NavBarConsts.consts","NavBarUtils.isHeader","Styled.LockupContent","Styled.DescriptionLabel","Prominences","Styled.TitleContianer","Label","Styled.IconContainer","Styled.Area","Styled.HeaderPectenUrlWrapper"],"mappings":"iYAOMA,EAAY,CAAC,CACjB,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,MACf,IAAmC,CACjC,MAAMC,EACJC,EAAA,KAACC,EAAO,OAAP,CAEC,QAAAP,EACA,KAAAG,EAEC,SAAA,CAAeL,IAAA,UAAaU,MAAAC,EAAAA,aAAA,CAAoB,KAAMC,EAAoB,OAAAP,CAAI,EAAE,UAAY,CAAA,EAAKL,EACjGa,WAAqBV,CAAM,SACzBW,EAAAA,cAAA,CAAqB,UAAAV,EACnB,SAAA,CAAA,CAAC,CAACD,EAAO,aAAeE,IAASC,EAAM,MAAA,cACrCS,EAAO,iBAAP,CAAwB,WAAYC,EAAA,YAAY,OAAQ,KAAMV,EAAA,MAAM,MAAO,KAAI,GAC7E,WAAO,YACV,EAEDE,EAAAA,KAAAS,EAAA,eAAA,CAAsB,KAAAZ,EACpB,SAAA,CAAA,CAAC,CAACF,EAAO,OACRO,EAAAA,IAACQ,GAAM,WAAYF,cAAY,OAAQ,KAAMV,EAAAA,MAAM,MAAO,KAAI,GAC3D,WAAO,MACV,EAED,CAAC,CAACH,EAAO,YAASgB,EAAO,cAAP,CAAsB,SAAAhB,EAAO,IAAK,CAAA,CAAA,CACvD,CAAA,CACF,CAAA,CAAA,oBAEG,SAAOA,CAAA,CAAA,CAAA,CAAA,CAEd,EAGF,aACGiB,EAAO,KAAP,CAAY,KAAAf,EACV,SAAAJ,QACEoB,EAAAA,uBAAA,CAA8B,IAAI,sBAAsB,SAAU,GAAK,GAAGpB,EACxE,SAAAM,CACH,CAAA,EAEAA,EAEJ,CAEJ"}

package/build/cjs/components/NavBar/components/FirstArea/FirstArea.styles.js

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),i=require("../../../../react-base/src/utils/stylesUtils.js"),o=require("../../../../react-base/src/components/NavBar/NavBar.consts.js"),s=require("../../../../react-base/src/theme/variableTheme.js"),a=require("../../../Text/components/Label/Label.js"),c=require("../../../Pecten/Pecten.js"),l=e.div`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  padding: 4px;
+  overflow: hidden;
+`,d=e.a`
+  text-decoration: none;
+  cursor: pointer;
+`,u=e(c)`
+  flex-shrink: 0;
+`,p=e(a)`
+  align-self: flex-start;
+`,g=e.div`
+  display: flex;
+  align-items: center;
+`,f=e.div(({size:n,theme:t})=>e.css`
+    display: flex;
+    flex-direction: row;
+    gap: ${o.consts[n].lockupGap}px;
+
+    svg {
+      fill: ${t.getVariablesLayer({foundation:"surface"})[s.VariablesNames.TextOnFoundationStrong]};
+      width: ${o.consts[n].iconSize}px;
+      height: ${o.consts[n].iconSize}px;
+    }
+  `),x=e.div(({collapsed:n})=>e.css`
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    transition: opacity 0.3s;
+
+    ${n&&e.css`
+      display: none;
+      opacity: 0;
+    `}
+  `),b=e.button`
+  ${({theme:n,size:t})=>{const r={foundation:"surface"};return e.css`
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      align-self: stretch;
+      cursor: pointer;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      min-height: ${o.consts[t].headerMinHeight}px;
+      border: unset;
+      border-radius: 8px;
+      padding: ${o.consts[t].headerPadding};
+      gap: ${o.consts[t].headerGap}px;
+      background-color: ${n.getVariablesLayer(r)[s.VariablesNames.BackgroundFoundation]};
+
+      &:focus-visible {
+        ${i.getFocusStyles(n)};
+        outline-offset: 0;
+      }
+
+      &:not(:disabled):hover {
+        background-color: ${n.getStyledLayers("Background/Foundation/Hover",r)};
+      }
+
+      &:not(:disabled):active {
+        background-color: ${n.getStyledLayers("Background/Foundation/Press",r)};
+      }
+    `}}
+`;exports.Area=l;exports.DescriptionLabel=p;exports.Header=b;exports.HeaderPecten=u;exports.HeaderPectenUrlWrapper=d;exports.IconContainer=g;exports.LockupContent=x;exports.TitleContianer=f;
+//# sourceMappingURL=FirstArea.styles.js.map

package/build/cjs/components/NavBar/components/FirstArea/FirstArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstArea.styles.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { NavBarConsts } from 'acinguiux-ds-react-base/components/NavBar';\nimport { type VariablesModesType, VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from '../../NavBar.types';\nimport Label from '../../../Text/components/Label/Label';\nimport Pecten from '../../../Pecten/Pecten';\n\nconst Area = styled.div<INavBarPropsWithReqSize>`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 4px;\n  overflow: hidden;\n`;\n\nconst HeaderPectenUrlWrapper = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`;\n\nconst HeaderPecten = styled(Pecten)`\n  flex-shrink: 0;\n`;\n\nconst DescriptionLabel = styled(Label)`\n  align-self: flex-start;\n`;\n\nconst IconContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst TitleContianer = styled.div<INavBarPropsWithReqSize>(\n  ({ size, theme }) => css`\n    display: flex;\n    flex-direction: row;\n    gap: ${NavBarConsts.consts[size].lockupGap}px;\n\n    svg {\n      fill: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationStrong]};\n      width: ${NavBarConsts.consts[size].iconSize}px;\n      height: ${NavBarConsts.consts[size].iconSize}px;\n    }\n  `,\n);\n\nconst LockupContent = styled.div<INavBarProps>(\n  ({ collapsed }) => css`\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    transition: opacity 0.3s;\n\n    ${collapsed &&\n    css`\n      display: none;\n      opacity: 0;\n    `}\n  `,\n);\n\nconst Header = styled.button<INavBarPropsWithReqSize>`\n  ${({ theme, size }) => {\n    const modes: VariablesModesType = { foundation: 'surface' };\n\n    return css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      align-self: stretch;\n      cursor: pointer;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-height: ${NavBarConsts.consts[size].headerMinHeight}px;\n      border: unset;\n      border-radius: 8px;\n      padding: ${NavBarConsts.consts[size].headerPadding};\n      gap: ${NavBarConsts.consts[size].headerGap}px;\n      background-color: ${theme.getVariablesLayer(modes)[VariablesNames.BackgroundFoundation]};\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n        outline-offset: 0;\n      }\n\n      &:not(:disabled):hover {\n        background-color: ${theme.getStyledLayers('Background/Foundation/Hover', modes)};\n      }\n\n      &:not(:disabled):active {\n        background-color: ${theme.getStyledLayers('Background/Foundation/Press', modes)};\n      }\n    `;\n  }}\n`;\n\nexport {\n  Area,\n  Header,\n  HeaderPecten,\n  TitleContianer,\n  LockupContent,\n  IconContainer,\n  HeaderPectenUrlWrapper,\n  DescriptionLabel,\n};\n"],"names":["Area","styled","HeaderPectenUrlWrapper","HeaderPecten","Pecten","DescriptionLabel","Label","IconContainer","TitleContianer","size","theme","css","NavBarConsts.consts","VariablesNames","LockupContent","collapsed","Header","modes","getFocusStyles"],"mappings":"obASMA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQdC,EAAyBD,EAAO;AAAA;AAAA;AAAA,EAKhCE,EAAeF,EAAOG,CAAM;AAAA;AAAA,EAI5BC,EAAmBJ,EAAOK,CAAK;AAAA;AAAA,EAI/BC,EAAgBN,EAAO;AAAA;AAAA;AAAA,EAKvBO,EAAiBP,EAAO,IAC5B,CAAC,CAAE,KAAAQ,EAAM,MAAAC,CAAA,IAAYC,EAAA;AAAA;AAAA;AAAA,WAGZC,EAAa,OAAOH,CAAI,EAAE,SAAS;AAAA;AAAA;AAAA,cAGhCC,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAAEG,EAAAA,eAAe,sBAAsB,CAAC;AAAA,eACxFD,EAAa,OAAOH,CAAI,EAAE,QAAQ;AAAA,gBACjCG,EAAa,OAAOH,CAAI,EAAE,QAAQ;AAAA;AAAA,GAGlD,EAEMK,EAAgBb,EAAO,IAC3B,CAAC,CAAE,UAAAc,CAAA,IAAgBJ,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMfI,GACFJ,EAAA;AAAA;AAAA;AAAA,KAGC;AAAA,GAEL,EAEMK,EAASf,EAAO;AAAA,IAClB,CAAC,CAAE,MAAAS,EAAO,KAAAD,KAAW,CACf,MAAAQ,EAA4B,CAAE,WAAY,SAAU,EAEnD,OAAAN,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBASSC,EAAa,OAAOH,CAAI,EAAE,eAAe;AAAA;AAAA;AAAA,iBAG5CG,EAAa,OAAOH,CAAI,EAAE,aAAa;AAAA,aAC3CG,EAAa,OAAOH,CAAI,EAAE,SAAS;AAAA,0BACtBC,EAAM,kBAAkBO,CAAK,EAAEJ,EAAA,eAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA,UAGnFK,EAAAA,eAAeR,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKHA,EAAM,gBAAgB,8BAA+BO,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,4BAI3DP,EAAM,gBAAgB,8BAA+BO,CAAK,CAAC;AAAA;AAAA,KAGrF,CAAC;AAAA"}

package/build/cjs/components/NavBar/components/LastArea/LastArea.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./LastArea.styles.js"),n=({avatarArea:r,avatarProps:s})=>e.jsxs(e.Fragment,{children:[r&&!s&&e.jsx(t.Area,{children:r}),s&&e.jsx(t.Area,{children:e.jsx(t.StyledAvatar,{...s})})]});module.exports=n;
+//# sourceMappingURL=LastArea.js.map

package/build/cjs/components/NavBar/components/LastArea/LastArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastArea.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.tsx"],"sourcesContent":["import type { NavBarTypes } from 'acinguiux-ds-react-base/components/NavBar';\n\nimport type { FlagName } from '../../../Avatar/Avatar.types';\nimport type { INavBarProps } from '../../NavBar.types';\nimport { StyledAvatar, Area } from './LastArea.styles';\n\nconst LastArea = ({\n  avatarArea,\n  avatarProps,\n}: NavBarTypes.ILastAreaProps<FlagName> & Pick<INavBarProps, 'collapsed'>) => (\n  <>\n    {avatarArea && !avatarProps && <Area>{avatarArea}</Area>}\n    {avatarProps && (\n      <Area>\n        <StyledAvatar {...avatarProps} />\n      </Area>\n    )}\n  </>\n);\n\nexport default LastArea;\n"],"names":["LastArea","avatarArea","avatarProps","jsxs","Fragment","jsx","Area","StyledAvatar"],"mappings":"oFAMMA,EAAW,CAAC,CAChB,WAAAC,EACA,YAAAC,CACF,IAEKC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAH,GAAc,CAACC,GAAgBG,EAAA,IAAAC,EAAA,KAAA,CAAM,SAAWL,EAAA,EAChDC,GACEG,EAAAA,IAAAC,EAAA,KAAA,CACC,eAACC,eAAc,CAAA,GAAGL,EAAa,CACjC,CAAA,CAAA,CAEJ,CAAA"}

package/build/cjs/components/NavBar/components/LastArea/LastArea.styles.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../Avatar/Avatar.js"),i=e.div`
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 4px;
+  transition: all 0.3s ease;
+  overflow: hidden;
+`,r=e(t)`
+  flex: 1 1 0;
+  margin: 0;
+  justify-content: flex-start;
+  min-width: 0;
+
+  &:focus-visible {
+    outline-offset: 0;
+  }
+`;exports.Area=i;exports.StyledAvatar=r;
+//# sourceMappingURL=LastArea.styles.js.map

package/build/cjs/components/NavBar/components/LastArea/LastArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastArea.styles.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Avatar from '../../../Avatar/Avatar';\n\nconst Area = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: 4px;\n  transition: all 0.3s ease;\n  overflow: hidden;\n`;\n\nconst StyledAvatar = styled(Avatar)`\n  flex: 1 1 0;\n  margin: 0;\n  justify-content: flex-start;\n  min-width: 0;\n\n  &:focus-visible {\n    outline-offset: 0;\n  }\n`;\n\nexport { Area, StyledAvatar };\n"],"names":["Area","styled","StyledAvatar","Avatar"],"mappings":"wLAIMA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASdC,EAAeD,EAAOE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Pagination/Pagination.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),P=require("classnames"),n=require("../../react-base/src/consts/index.js"),x=require("../Icon/components/ChevronLeft.js"),q=require("../Icon/components/ChevronRight.js"),l=require("./components/PaginationSelect.js"),g=require("./data/en_GB.js"),C=require("./Pagination.styles.js"),I=require("./hooks/usePagination.js"),j=({className:s,size:r=n.Sizes.Medium,position:o=n.Positions.Center,showSizeChanger:t,...i})=>{const c=u.useMemo(()=>({size:r}),[r]),a={...t&&{showSizeChanger:t,sizeChangerRender:l}};return e.jsx(I.PaginationContext.Provider,{value:c,children:e.jsx(C.Pagination,{prefixCls:n.PAGINATION_CLASS,className:P(n.PAGINATION_CLASS,s),prevIcon:e.jsx(x,{}),nextIcon:e.jsx(q,{}),jumpPrevIcon:"...",jumpNextIcon:"...",locale:g,position:o,size:r,...a,...i})})};module.exports=j;
+//# sourceMappingURL=Pagination.js.map

package/build/cjs/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { type ReactElement, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Positions, Sizes, PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport ChevronRight from '../Icon/components/ChevronRight';\nimport PaginationSelect from './components/PaginationSelect';\nimport enGB from './data/en_GB';\nimport * as Styled from './Pagination.styles';\nimport type { IPaginationProps } from './Pagination.types';\nimport { PaginationContext } from './hooks/usePagination';\n\nconst Pagination = ({\n  className,\n  size = Sizes.Medium,\n  position = Positions.Center,\n  showSizeChanger,\n  ...rest\n}: IPaginationProps): ReactElement => {\n  const value = useMemo(() => ({ size }), [size]);\n\n  const showSizeChangerProps = {\n    ...(showSizeChanger && { showSizeChanger, sizeChangerRender: PaginationSelect }),\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      <Styled.Pagination\n        prefixCls={PAGINATION_CLASS}\n        className={classNames(PAGINATION_CLASS, className)}\n        prevIcon={<ChevronLeft />}\n        nextIcon={<ChevronRight />}\n        jumpPrevIcon=\"...\"\n        jumpNextIcon=\"...\"\n        locale={enGB}\n        position={position}\n        size={size}\n        {...showSizeChangerProps}\n        {...rest}\n      />\n    </PaginationContext.Provider>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","className","size","Sizes","position","Positions","showSizeChanger","rest","value","useMemo","showSizeChangerProps","PaginationSelect","jsx","PaginationContext","Styled.Pagination","PAGINATION_CLASS","classNames","ChevronLeft","ChevronRight","enGB"],"mappings":"mYAaMA,EAAa,CAAC,CAClB,UAAAC,EACA,KAAAC,EAAOC,EAAM,MAAA,OACb,SAAAC,EAAWC,EAAU,UAAA,OACrB,gBAAAC,EACA,GAAGC,CACL,IAAsC,CAC9B,MAAAC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,KAAAP,IAAS,CAACA,CAAI,CAAC,EAExCQ,EAAuB,CAC3B,GAAIJ,GAAmB,CAAE,gBAAAA,EAAiB,kBAAmBK,CAAiB,CAChF,EAEA,OACGC,EAAAA,IAAAC,EAAAA,kBAAkB,SAAlB,CAA2B,MAAAL,EAC1B,SAAAI,EAAA,IAACE,EAAO,WAAP,CACC,UAAWC,EAAA,iBACX,UAAWC,EAAWD,EAAA,iBAAkBd,CAAS,EACjD,eAAWgB,EAAY,EAAA,EACvB,eAAWC,EAAa,EAAA,EACxB,aAAa,MACb,aAAa,MACb,OAAQC,EACR,SAAAf,EACA,KAAAF,EACC,GAAGQ,EACH,GAAGH,CAAA,CAAA,EAER,CAEJ"}