@vibe/core 3.58.2-alpha-faacc.0 → 3.58.3

package/dist/src/components/BaseInput/BaseInput.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BaseList/BaseList.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i}from"react";import l from"../BaseListItem/BaseListItem.js";import r from"./BaseList.module.scss.js";import o from"../Flex/Flex.js";import n from"../Text/Text.js";import s from"classnames";import a from"../Divider/Divider.js";var m=i((function(i,m){var d=i.options,u=i.selectedItems,v=i.highlightedIndex,p=i.menuAriaLabel,c=i.getMenuProps,f=i.getItemProps,g=i.size,h=void 0===g?"medium":g,x=i.withGroupDivider,y=void 0!==x&&x,b=i.dir,E=void 0===b?"ltr":b,j=i.itemRenderer,I=i.menuRenderer,O=i.noOptionsMessage,P=void 0===O?"No results":O,k=i.stickyGroupTitle,B=void 0!==k&&k,L=i.renderOptions,T=void 0===L||L,z=i.onScroll,D=i.maxMenuHeight,F=void 0===D?300:D,H="small"===h?"text2":"text1",M=T?d.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?t.createElement("div",{role:"status"},"string"==typeof P?t.createElement(o,{justify:"center"},t.createElement(l,{component:"div",item:{label:P,value:""},size:h,readOnly:!0})):P):d.map((function(i,o){var m;return t.createElement(t.Fragment,{key:null!==(m=i.label)&&void 0!==m?m:o},i.label&&t.createElement("li",{className:s(r.groupTitle,e({},r.sticky,B))},t.createElement(n,{type:H,color:"inherit"},i.label)),i.options.map((function(e,i){var r,o=null!==(r=null==f?void 0:f({item:e,index:e.index}))&&void 0!==r?r:{},n=void 0!==v&&v===e.index&&!e.disabled,s=(null==u?void 0:u.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return t.createElement(l,{itemProps:o,key:"string"==typeof e.value?e.value:i,size:h,highlighted:n,selected:s,itemRenderer:j,item:e,role:"option"})})),y&&d.length-1>o&&t.createElement(a,null))})):null;return t.createElement("ul",Object.assign({ref:m,dir:E,className:r.wrapper},null==c?void 0:c({"aria-label":p}),{onScroll:z,style:{maxHeight:F}}),I&&T?I({children:M,filteredOptions:d,selectedItem:(null==u?void 0:u[0])||null,selectedItems:u||[]}):M)}));export{m as default};
+//# sourceMappingURL=BaseList.js.map

package/dist/src/components/BaseList/BaseList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseList.js","sources":["../../../../src/components/BaseList/BaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseListItem from \"../BaseListItem/BaseListItem\";\nimport styles from \"./BaseList.module.scss\";\nimport { type BaseListProps } from \"./BaseList.types\";\nimport { Flex } from \"../Flex\";\nimport { type TextType } from \"../Text\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\nimport { Divider } from \"../Divider\";\n\nconst BaseList = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      options,\n      selectedItems,\n      highlightedIndex,\n      menuAriaLabel,\n      getMenuProps,\n      getItemProps,\n      size = \"medium\",\n      withGroupDivider = false,\n      dir = \"ltr\",\n      itemRenderer,\n      menuRenderer,\n      noOptionsMessage = \"No results\",\n      stickyGroupTitle = false,\n      renderOptions = true,\n      onScroll,\n      maxMenuHeight = 300\n    }: BaseListProps<Item>,\n    ref: React.Ref<HTMLUListElement>\n  ) => {\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n    const defaultContent = renderOptions ? (\n      options.every(group => group.options?.length === 0) ? (\n        <div role=\"status\">\n          {typeof noOptionsMessage === \"string\" ? (\n            <Flex justify=\"center\">\n              <BaseListItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n            </Flex>\n          ) : (\n            noOptionsMessage\n          )}\n        </div>\n      ) : (\n        options.map((group, groupIndex) => (\n          <React.Fragment key={group.label ?? groupIndex}>\n            {group.label && (\n              <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n                <Text type={textVariant} color=\"inherit\">\n                  {group.label}\n                </Text>\n              </li>\n            )}\n            {group.options.map((option, itemIndex) => {\n              const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n              const isHighlighted =\n                highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n              const isSelected =\n                selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n              return (\n                <BaseListItem<Item>\n                  itemProps={itemProps}\n                  key={typeof option.value === \"string\" ? option.value : itemIndex}\n                  size={size}\n                  highlighted={isHighlighted}\n                  selected={isSelected}\n                  itemRenderer={itemRenderer}\n                  item={option}\n                  role=\"option\"\n                />\n              );\n            })}\n            {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n          </React.Fragment>\n        ))\n      )\n    ) : null;\n\n    return (\n      <ul\n        ref={ref}\n        dir={dir}\n        className={styles.wrapper}\n        {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n        onScroll={onScroll}\n        style={{ maxHeight: maxMenuHeight }}\n      >\n        {menuRenderer && renderOptions\n          ? menuRenderer({\n              children: defaultContent,\n              filteredOptions: options,\n              selectedItem: selectedItems?.[0] || null,\n              selectedItems: selectedItems || []\n            })\n          : defaultContent}\n      </ul>\n    );\n  }\n);\n\nexport default BaseList as <Item extends Record<string, unknown>>(\n  props: BaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["BaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseListItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"2UAUMA,IAAAA,EAAWC,GACf,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAAaC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAG1FxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

package/dist/src/components/BaseList/BaseList.module.scss.js

@@ -0,0 +1,2 @@
+var e={wrapper:"wrapper_d476a7d802",groupTitle:"groupTitle_2f63ee86e1",sticky:"sticky_a0d4f830f8"};!function(e){const n="s_id-b5d224c4ed03_3_58_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_d476a7d802 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_d476a7d802 .groupTitle_2f63ee86e1 {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_d476a7d802 .groupTitle_2f63ee86e1.sticky_a0d4f830f8 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_d476a7d802 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+//# sourceMappingURL=BaseList.module.scss.js.map

package/dist/src/components/BaseList/BaseList.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BaseListItem/BaseListItem.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useMemo as r}from"react";import o from"classnames";import l from"./BaseListItem.module.scss.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Text/Text.js";import a from"../Tooltip/Tooltip.js";import{renderSideElement as d}from"./utils.js";var n=i((function(i,n){var p=i.className,c=i.id,v=i.component,u=void 0===v?"li":v,f=i.size,g=void 0===f?"medium":f,h=i.selected,j=void 0!==h&&h,E=i.readOnly,b=void 0!==E&&E,x=i.highlighted,y=void 0!==x&&x,O=i.role,P=i.dir,T=void 0===P?"auto":P,N=i.itemRenderer,B=i.itemProps,H=void 0===B?{}:B,_=i.item,w=void 0===_?{}:_,z=w.label,C=void 0===z?"":z,F=w.disabled,I=void 0!==F&&F,L=w.startElement,M=w.endElement,R=w.tooltipProps,k=void 0===R?{}:R,q=r((function(){return o(l.wrapper,e(e(e(e({},l.selected,j),l.disabled,I),l.highlighted,y),l.readOnly,b),s(l,g),p)}),[j,I,y,b,g,p]),A="small"===g?"text2":"text1",D=u;return t.createElement(a,Object.assign({},k,{content:null==k?void 0:k.content,position:"rtl"===T?"right":"left"}),t.createElement(D,Object.assign({id:c,ref:n,className:q,role:O},H,{"aria-selected":j}),N?N(w):t.createElement(t.Fragment,null,L&&d(L,I,A),t.createElement(m,{type:A,color:"inherit"},C),M&&t.createElement("div",{className:l.endElement},d(M,I,A)))))}));export{n as default};
+//# sourceMappingURL=BaseListItem.js.map

package/dist/src/components/BaseListItem/BaseListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseListItem.js","sources":["../../../../src/components/BaseListItem/BaseListItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseListItem.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { type BaseListItemData, type BaseListItemProps } from \"./BaseListItem.types\";\nimport { Tooltip } from \"../Tooltip\";\nimport { type TextType } from \"../Text\";\nimport { renderSideElement } from \"./utils\";\n\nconst BaseListItem = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      className,\n      id,\n      component = \"li\",\n      size = \"medium\",\n      selected = false,\n      readOnly = false,\n      highlighted = false,\n      role,\n      index: _index,\n      dir = \"auto\",\n      itemRenderer,\n      itemProps = {},\n      item = {} as BaseListItemData<Item>\n    }: BaseListItemProps<Item>,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n    const listItemClassNames = useMemo(\n      () =>\n        cx(\n          styles.wrapper,\n          {\n            [styles.selected]: selected,\n            [styles.disabled]: disabled,\n            [styles.highlighted]: highlighted,\n            [styles.readOnly]: readOnly\n          },\n          getStyle(styles, size),\n          className\n        ),\n      [selected, disabled, highlighted, readOnly, size, className]\n    );\n\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n    const Element = component as React.ElementType;\n\n    return (\n      <Tooltip {...tooltipProps} content={tooltipProps?.content} position={dir === \"rtl\" ? \"right\" : \"left\"}>\n        <Element id={id} ref={ref} className={listItemClassNames} role={role} {...itemProps} aria-selected={selected}>\n          {itemRenderer ? (\n            itemRenderer(item)\n          ) : (\n            <>\n              {startElement && renderSideElement(startElement, disabled, textVariant)}\n              <Text type={textVariant} color=\"inherit\">\n                {label}\n              </Text>\n              {endElement && (\n                <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n              )}\n            </>\n          )}\n        </Element>\n      </Tooltip>\n    );\n  }\n);\n\nexport default BaseListItem as <Item extends Record<string, unknown>>(\n  props: BaseListItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","Fragment","renderSideElement","Text","type","color"],"mappings":"mYAUMA,IAAAA,EAAeC,GACnB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAA4B,EAAAA,EAIrCE,EAAsFD,EAA9EE,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEH,EAAlEI,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDL,EAAhDK,aAAcC,EAAkCN,EAAlCM,WAAUC,EAAwBP,EAAtBQ,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAC3EE,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,KAEXF,EAAOxB,SAAWA,GAClBwB,EAAOR,SAAWA,GAClBQ,EAAOpB,YAAcA,GACrBoB,EAAOtB,SAAWA,GAErByB,EAASH,EAAQ1B,GACjBL,EACD,GACH,CAACO,EAAUgB,EAAUZ,EAAaF,EAAUJ,EAAML,IAG9CmC,EAAiC,UAAT9B,EAAmB,QAAU,QACrD+B,EAAUjC,EAEhB,OACEkC,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKd,EAAY,CAAEe,QAASf,aAAY,EAAZA,EAAce,QAASC,SAAkB,QAAR7B,EAAgB,QAAU,SAC7FuB,EAAAC,cAACF,EAAOI,OAAAC,OAAA,CAACxC,GAAIA,EAAIF,IAAKA,EAAKC,UAAW4B,EAAoBhB,KAAMA,GAAUK,mBAA0BV,IACjGQ,EACCA,EAAaI,GAEbkB,EAAAC,cAAAD,EAAAO,SAAA,KACGpB,GAAgBqB,EAAkBrB,EAAcD,EAAUY,GAC3DE,EAACC,cAAAQ,EAAK,CAAAC,KAAMZ,EAAaa,MAAM,WAC5B3B,GAEFI,GACCY,EAAAC,cAAA,MAAA,CAAKtC,UAAW+B,EAAON,YAAaoB,EAAkBpB,EAAYF,EAAUY,MAO1F"}

package/dist/src/components/BaseListItem/BaseListItem.module.scss.js

@@ -0,0 +1,2 @@
+var a={wrapper:"wrapper_074383a0a6",highlighted:"highlighted_d9ac930d0f",disabled:"disabled_a6f6c8e4cc",readOnly:"readOnly_e04112ffbd",selected:"selected_a752cfa76f",small:"small_251ea1189a",medium:"medium_ada0fb069b",large:"large_88c328bd7a",avatar:"avatar_693f411fff",icon:"icon_ad4b2e0b63",indent:"indent_5381430833",endElement:"endElement_e2cbd34573"};!function(a){const e="s_id-410c7e21b012_3_58_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".wrapper_074383a0a6 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_074383a0a6.highlighted_d9ac930d0f {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_074383a0a6.disabled_a6f6c8e4cc {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_074383a0a6.readOnly_e04112ffbd {\n  cursor: default;\n}\n.wrapper_074383a0a6.selected_a752cfa76f {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_074383a0a6.selected_a752cfa76f.highlighted_d9ac930d0f {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_074383a0a6.small_251ea1189a {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_074383a0a6.medium_ada0fb069b {\n  padding: 9px 12px;\n}\n.wrapper_074383a0a6.large_88c328bd7a {\n  padding: 13px 12px;\n}\n.wrapper_074383a0a6 .avatar_693f411fff,\n.wrapper_074383a0a6 .icon_ad4b2e0b63 {\n  flex-shrink: 0;\n}\n.wrapper_074383a0a6 .indent_5381430833 {\n  width: 20px;\n}\n.wrapper_074383a0a6 .endElement_e2cbd34573 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{a as default};
+//# sourceMappingURL=BaseListItem.module.scss.js.map

package/dist/src/components/BaseListItem/BaseListItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseListItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BaseListItem/utils.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseListItem.module.scss.js";import a from"../Icon/Icon.js";import s from"../Text/Text.js";function c(c,o,m){switch(c.type){case"avatar":return e.createElement(t,{className:r.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return e.createElement(a,{className:r.icon,icon:c.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(s,{type:m,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
+//# sourceMappingURL=utils.js.map

package/dist/src/components/BaseListItem/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/BaseListItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseListItem.types\";\nimport { type TextType } from \"../Text\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseListItem.module.scss\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\n\nexport function renderSideElement(\n  element: StartElement | EndElement,\n  disabled: boolean,\n  textVariant: TextType\n): React.ReactNode {\n  switch (element.type) {\n    case \"avatar\":\n      return (\n        <Avatar\n          className={styles.avatar}\n          src={element.value}\n          withoutBorder\n          square={element.square}\n          type=\"img\"\n          customSize={20}\n          disabled={disabled}\n        />\n      );\n\n    case \"icon\":\n      return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n    case \"indent\":\n      return <div className={styles.indent} />;\n\n    case \"suffix\":\n      return (\n        <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n          {element.value}\n        </Text>\n      );\n\n    case \"custom\":\n      return element.render();\n  }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"4KAQgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}

package/dist/src/components/Box/Box.js

@@ -0,0 +1,2 @@
+import{defineProperty as r,toConsumableArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import o,{forwardRef as e,useRef as a}from"react";import{camelCase as i}from"lodash-es";import n from"classnames";import d from"../../hooks/useMergeRef.js";import{BorderColor as l,Rounded as m,Shadow as p,Margin as c,MarginX as f,MarginY as u,MarginTop as g,MarginEnd as b,MarginBottom as y,MarginStart as j,Padding as v,PaddingX as B,PaddingY as h,PaddingTop as x,PaddingEnd as C,PaddingBottom as T,PaddingStart as _,BackgroundColor as k,BoxTextColor as E,SizePrefixMapping as N}from"./BoxConstants.js";import{withStaticProps as P}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import S from"./Box.module.scss.js";import{getTestId as X}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";var O=P(e((function(e,l){var m=e.className,p=e.id,c=e.elementType,f=void 0===c?"div":c,u=e.children,g=e.disabled,b=e.border,y=e.scrollable,j=e.style,v=e["data-testid"],B=t(e,["className","id","elementType","children","disabled","border","scrollable","style","data-testid"]),h=a(null),x=d(l,h);return o.createElement(f,{"data-testid":v||X(w.BOX,p),ref:x,className:n.apply(void 0,[S.box,m,r(r(r({},S.opacityDisabled,g),S.scrollable,y),S.border,b)].concat(s(function(r,s){return Object.keys(s).filter((function(r){return s[r]})).map((function(t){var o=s[t],e=N[t];return e&&"string"==typeof o?r[i("".concat(e,"-").concat(o))]:r[o]})).filter(Boolean)}(S,B)))),id:p,style:j},u)})),{borderColors:l,roundeds:m,shadows:p,margins:c,marginXs:f,marginYs:u,marginTops:g,marginEnds:b,marginBottoms:y,marginStarts:j,paddings:v,paddingXs:B,paddingYs:h,paddingTops:x,paddingEnds:C,paddingBottoms:T,paddingStarts:_,backgroundColors:k,textColors:E});export{O as default};
+//# sourceMappingURL=Box.js.map

package/dist/src/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  BackgroundColor as BackgroundColorEnum,\n  BorderColor as BorderColorEnum,\n  BoxTextColor as BoxTextColorEnum,\n  Margin as MarginEnum,\n  MarginBottom as MarginBottomEnum,\n  MarginEnd as MarginEndEnum,\n  MarginStart as MarginStartEnum,\n  MarginTop as MarginTopEnum,\n  MarginX as MarginXEnum,\n  MarginY as MarginYEnum,\n  Padding as PaddingEnum,\n  PaddingBottom as PaddingBottomEnum,\n  PaddingEnd as PaddingEndEnum,\n  PaddingStart as PaddingStartEnum,\n  PaddingTop as PaddingTopEnum,\n  PaddingX as PaddingXEnum,\n  PaddingY as PaddingYEnum,\n  Rounded as RoundedEnum,\n  Shadow as ShadowEnum,\n  SizePrefixMapping\n} from \"./BoxConstants\";\nimport {\n  type BackgroundColor,\n  type BorderColor,\n  type BaseBoxSize,\n  type BoxSize,\n  type BoxTextColor,\n  type RoundedSize,\n  type Shadow\n} from \"./Box.types\";\nimport { type VibeComponentProps, withStaticProps, type ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\n\nexport interface BoxProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the box.\n   */\n  children?: ElementContent;\n  /**\n   * If true, the box is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, applies a border to the box.\n   */\n  border?: boolean;\n  /**\n   * The color of the border.\n   */\n  borderColor?: BorderColor;\n  /**\n   * The border radius of the box.\n   */\n  rounded?: RoundedSize;\n  /**\n   * The shadow style applied to the box.\n   */\n  shadow?: Shadow;\n  /**\n   * The margin applied to all sides.\n   */\n  margin?: BoxSize;\n  /**\n   * The horizontal margin.\n   */\n  marginX?: BoxSize;\n  /**\n   * The vertical margin.\n   */\n  marginY?: BoxSize;\n  /**\n   * The top margin.\n   */\n  marginTop?: BoxSize;\n  /**\n   * The end (right in LTR, left in RTL) margin.\n   */\n  marginEnd?: BoxSize;\n  /**\n   * The bottom margin.\n   */\n  marginBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) margin.\n   */\n  marginStart?: BaseBoxSize;\n  /**\n   * The padding applied to all sides.\n   */\n  padding?: BaseBoxSize;\n  /**\n   * The horizontal padding.\n   */\n  paddingX?: BaseBoxSize;\n  /**\n   * The vertical padding.\n   */\n  paddingY?: BaseBoxSize;\n  /**\n   * The top padding.\n   */\n  paddingTop?: BaseBoxSize;\n  /**\n   * The end (right in LTR, left in RTL) padding.\n   */\n  paddingEnd?: BaseBoxSize;\n  /**\n   * The bottom padding.\n   */\n  paddingBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) padding.\n   */\n  paddingStart?: BaseBoxSize;\n  /**\n   * The background color of the box.\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * The text color inside the box.\n   */\n  textColor?: BoxTextColor;\n  /**\n   * If true, the box content is scrollable.\n   */\n  scrollable?: boolean;\n  /**\n   * Inline styles applied to the box.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Box = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      children,\n      disabled,\n      border,\n      scrollable,\n      style,\n      \"data-testid\": dataTestId,\n      ...props\n    }: BoxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const getClassNames = (styles: Record<string, string>, props: Record<string, any | undefined>) => {\n      return Object.keys(props)\n        .filter(prop => props[prop])\n        .map(prop => {\n          const value = props[prop];\n          const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n          return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n        })\n        .filter(Boolean);\n    };\n\n    return React.createElement(\n      elementType,\n      {\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BOX, id),\n        ref: mergedRef,\n        className: cx(\n          styles.box,\n          className,\n          { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n          ...getClassNames(styles, props)\n        ),\n        id: id,\n        style\n      },\n      children\n    );\n  }\n);\n\ninterface BoxStaticProps {\n  borderColors: typeof BorderColorEnum;\n  roundeds: typeof RoundedEnum;\n  shadows: typeof ShadowEnum;\n  margins: typeof MarginEnum;\n  marginXs: typeof MarginXEnum;\n  marginYs: typeof MarginYEnum;\n  marginTops: typeof MarginTopEnum;\n  marginEnds: typeof MarginEndEnum;\n  marginBottoms: typeof MarginBottomEnum;\n  marginStarts: typeof MarginStartEnum;\n  paddings: typeof PaddingEnum;\n  paddingXs: typeof PaddingXEnum;\n  paddingYs: typeof PaddingYEnum;\n  paddingTops: typeof PaddingTopEnum;\n  paddingEnds: typeof PaddingEndEnum;\n  paddingBottoms: typeof PaddingBottomEnum;\n  paddingStarts: typeof PaddingStartEnum;\n  backgroundColors: typeof BackgroundColorEnum;\n  textColors: typeof BoxTextColorEnum;\n}\n\nexport default withStaticProps<BoxProps, BoxStaticProps>(Box, {\n  borderColors: BorderColorEnum,\n  roundeds: RoundedEnum,\n  shadows: ShadowEnum,\n  margins: MarginEnum,\n  marginXs: MarginXEnum,\n  marginYs: MarginYEnum,\n  marginTops: MarginTopEnum,\n  marginEnds: MarginEndEnum,\n  marginBottoms: MarginBottomEnum,\n  marginStarts: MarginStartEnum,\n  paddings: PaddingEnum,\n  paddingXs: PaddingXEnum,\n  paddingYs: PaddingYEnum,\n  paddingTops: PaddingTopEnum,\n  paddingEnds: PaddingEndEnum,\n  paddingBottoms: PaddingBottomEnum,\n  paddingStarts: PaddingStartEnum,\n  backgroundColors: BackgroundColorEnum,\n  textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","dataTestId","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","BOX","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"q5BA+IA,IAuEeA,EAAAA,EAvEHC,GACV,SACEC,EAYAC,OAXEC,EAQyBF,EARzBE,UACAC,EAOyBH,EAPzBG,GAAEC,EAOuBJ,EANzBK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EACnBE,EAKyBN,EALzBM,SACAC,EAIyBP,EAJzBO,SACAC,EAGyBR,EAHzBQ,OACAC,EAEyBT,EAFzBS,WACAC,EACyBV,EADzBU,MACeC,EAAUX,EAAzB,eACGY,EAVLC,EAAAb,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,QAAA,gBAcMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAanC,OAAOI,EAAMC,cACXd,EACA,CACE,cAAeM,GAAcS,EAAUC,EAAuBC,IAAKnB,GACnEF,IAAKe,EACLd,UAAWqB,EAAEC,cACXC,EAAOC,IACPxB,EAASyB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBrB,GAAWkB,EAAOhB,WAAaA,GAAagB,EAAOjB,OAASA,IAAMqB,OAAAC,EAnB9E,SAACL,EAAgCb,GACrD,OAAOmB,OAAOC,KAAKpB,GAChBqB,QAAO,SAAAC,GAAI,OAAItB,EAAMsB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQxB,EAAMsB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAYHC,CAAchB,EAAQb,MAE3BT,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAyB4D,CAC5DoC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

package/dist/src/components/Box/Box.module.scss.js

@@ -0,0 +1,2 @@
+var n={box:"box_f8db4f4084",scrollable:"scrollable_b0e240aca4",opacityDisabled:"opacityDisabled_286bb59f77",border:"border_e87c603cee",borderColorUiBorderColor:"borderColorUiBorderColor_48c5cfa70a",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_11ae7e3963",rounded0:"rounded0_30bb1fb27b",roundedSmall:"roundedSmall_d79d873ad1",roundedMedium:"roundedMedium_a2d378d951",roundedBig:"roundedBig_0605f5a56f",shadowXs:"shadowXs_c4f04749b7",shadowSmall:"shadowSmall_f7d16ae43f",shadowMedium:"shadowMedium_8f56f37b88",shadowLarge:"shadowLarge_cda4e7d9e4",m0:"m0_a65635632a",mXs:"mXs_673cfdcfca",mSmall:"mSmall_9f82e5d17f",mMedium:"mMedium_1b9429092b",mLarge:"mLarge_14f347980c",mXl:"mXl_c30f290cf1",mXxl:"mXxl_3d481c2e2e",mXxxl:"mXxxl_401242f67a",mAuto:"mAuto_1c0e00fe1b",mx0:"mx0_7e1e3d3047",mxXs:"mxXs_41c2c9e55c",mxSmall:"mxSmall_77ebceda30",mxMedium:"mxMedium_484eb0b1c8",mxLarge:"mxLarge_38bed8a5bb",mxXl:"mxXl_08027f0eec",mxXxl:"mxXxl_b46b4a4549",mxXxxl:"mxXxxl_04856833e2",mxAuto:"mxAuto_c16e1982d8",my0:"my0_36d47dafa7",myXs:"myXs_2eb092ba85",mySmall:"mySmall_ff9fe9fe67",myMedium:"myMedium_9b417970bb",myLarge:"myLarge_75858bd40c",myXl:"myXl_d549d3a461",myXxl:"myXxl_23a5946175",myXxxl:"myXxxl_43e51be387",myAuto:"myAuto_4db8b9478e",mt0:"mt0_1104299a80",mtXs:"mtXs_4be094f7b8",mtSmall:"mtSmall_39f89a56cf",mtMedium:"mtMedium_aae3f6557c",mtLarge:"mtLarge_99a98260e1",mtXl:"mtXl_dafdbc4d94",mtXxl:"mtXxl_81f1f621bc",mtXxxl:"mtXxxl_c8be8f2dbc",mtAuto:"mtAuto_9d37d8c8b1",me0:"me0_2061324366",meXs:"meXs_4be27f2e9d",meSmall:"meSmall_b8c7d825f5",meMedium:"meMedium_e01702c43b",meLarge:"meLarge_e259ba19e2",meXl:"meXl_7edf08662a",meXxl:"meXxl_9cbecfc1dd",meXxxl:"meXxxl_1bb2fe87f3",meAuto:"meAuto_649ee1aaa7",mb0:"mb0_654bda51bc",mbXs:"mbXs_7fd52e3a83",mbSmall:"mbSmall_83a5c22196",mbMedium:"mbMedium_265d67aca7",mbLarge:"mbLarge_6b70d69557",mbXl:"mbXl_c21e6c500d",mbXxl:"mbXxl_5fb45841cd",mbXxxl:"mbXxxl_8e25cfe8db",mbAuto:"mbAuto_617c903d49",ms0:"ms0_d6f1596762",msXs:"msXs_de7fa1de89",msSmall:"msSmall_16c1d6026e",msMedium:"msMedium_413f055cc9",msLarge:"msLarge_a70a69aefd",msXl:"msXl_bbf9ce4aae",msXxl:"msXxl_81e122810b",msXxxl:"msXxxl_33436230a0",msAuto:"msAuto_810ed9edd5",p0:"p0_42d64f4eac",pXs:"pXs_64a4a4f6a4",pSmall:"pSmall_a3dc198437",pMedium:"pMedium_d54cb10396",pLarge:"pLarge_12069f1d14",pXl:"pXl_6fa6a76858",pXxl:"pXxl_2c8beb29c8",pXxxl:"pXxxl_0649892ada",px0:"px0_9b297da8a5",pxXs:"pxXs_7ef6fbf8f9",pxSmall:"pxSmall_8c56c755d4",pxMedium:"pxMedium_eddde49a2a",pxLarge:"pxLarge_e1d598a67f",pxXl:"pxXl_b2a6b5f880",pxXxl:"pxXxl_5f3e15f0a5",pxXxxl:"pxXxxl_23231da28f",py0:"py0_ec0b284e57",pyXs:"pyXs_ff047dc7dc",pySmall:"pySmall_351e07ab1f",pyMedium:"pyMedium_ecf5e4fb06",pyLarge:"pyLarge_54575398a6",pyXl:"pyXl_47666feea5",pyXxl:"pyXxl_ba394dcf49",pyXxxl:"pyXxxl_d1cb2b74df",pt0:"pt0_0dc0e4ab3d",ptXs:"ptXs_dc91b748b9",ptSmall:"ptSmall_d24bb736b5",ptMedium:"ptMedium_1d10434c7d",ptLarge:"ptLarge_600204af25",ptXl:"ptXl_29ddbe2c25",ptXxl:"ptXxl_82153581cf",ptXxxl:"ptXxxl_7fa21b3dda",pe0:"pe0_f1972d6a70",peXs:"peXs_217fda84a8",peSmall:"peSmall_bcca6963b6",peMedium:"peMedium_ed01b6331a",peLarge:"peLarge_96292ec15e",peXl:"peXl_2edc38e1b6",peXxl:"peXxl_1e55a95faf",peXxxl:"peXxxl_b684f95166",pb0:"pb0_c75734f973",pbXs:"pbXs_96ce5fc401",pbSmall:"pbSmall_a0cf568efa",pbMedium:"pbMedium_b4a56a84a1",pbLarge:"pbLarge_6c5328e29f",pbXl:"pbXl_92678eeef3",pbXxl:"pbXxl_02391831fe",pbXxxl:"pbXxxl_ecb2f302f2",ps0:"ps0_cfc6543875",psXs:"psXs_490b71ec77",psSmall:"psSmall_451ea07021",psMedium:"psMedium_2aa5b76caa",psLarge:"psLarge_8b340e811a",psXl:"psXl_8d17fc58e3",psXxl:"psXxl_f97f401bc9",psXxxl:"psXxxl_ebba09ddf7",textPrimaryTextColor:"textPrimaryTextColor_30e18aeada",textTextColorOnInverted:"textTextColorOnInverted_32654e985a",textSecondaryTextColor:"textSecondaryTextColor_9bb45503bf",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_f44145d03d",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_5064a54458",bgGreyBackgroundColor:"bgGreyBackgroundColor_d46e407a64",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_f7adedc9c7",bgInvertedColorBackground:"bgInvertedColorBackground_944bd1d223"};!function(n){const a="s_id-1ea68be2c9b7_3_58_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_f8db4f4084 {\n  overflow: hidden;\n}\n.box_f8db4f4084.scrollable_b0e240aca4 {\n  overflow: auto;\n}\n.box_f8db4f4084.scrollable_b0e240aca4::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_f8db4f4084.scrollable_b0e240aca4::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_286bb59f77 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_e87c603cee {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_48c5cfa70a {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_11ae7e3963 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_30bb1fb27b {\n  border-radius: 0 !important;\n}\n.roundedSmall_d79d873ad1 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_a2d378d951 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_0605f5a56f {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_c4f04749b7 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f7d16ae43f {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_8f56f37b88 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_cda4e7d9e4 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_a65635632a {\n  margin: 0 !important;\n}\n.mXs_673cfdcfca {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_9f82e5d17f {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_1b9429092b {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_14f347980c {\n  margin: var(--spacing-large) !important;\n}\n.mXl_c30f290cf1 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_3d481c2e2e {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_401242f67a {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_1c0e00fe1b {\n  margin: auto !important;\n}\n.mx0_7e1e3d3047 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_41c2c9e55c {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_77ebceda30 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_484eb0b1c8 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_38bed8a5bb {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_08027f0eec {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_b46b4a4549 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_04856833e2 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_c16e1982d8 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_36d47dafa7 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_2eb092ba85 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_ff9fe9fe67 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_9b417970bb {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_75858bd40c {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_d549d3a461 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_23a5946175 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_43e51be387 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_4db8b9478e {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_1104299a80 {\n  margin-top: 0 !important;\n}\n.mtXs_4be094f7b8 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_39f89a56cf {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_aae3f6557c {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_99a98260e1 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_dafdbc4d94 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_81f1f621bc {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_c8be8f2dbc {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_9d37d8c8b1 {\n  margin-top: auto !important;\n}\n.me0_2061324366 {\n  margin-inline-end: 0 !important;\n}\n.meXs_4be27f2e9d {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b8c7d825f5 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_e01702c43b {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_e259ba19e2 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_7edf08662a {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_9cbecfc1dd {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_1bb2fe87f3 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_649ee1aaa7 {\n  margin-inline-end: auto !important;\n}\n.mb0_654bda51bc {\n  margin-bottom: 0 !important;\n}\n.mbXs_7fd52e3a83 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_83a5c22196 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_265d67aca7 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_6b70d69557 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_c21e6c500d {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_5fb45841cd {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_8e25cfe8db {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_617c903d49 {\n  margin-bottom: auto !important;\n}\n.ms0_d6f1596762 {\n  margin-inline-start: 0 !important;\n}\n.msXs_de7fa1de89 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_16c1d6026e {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_413f055cc9 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_a70a69aefd {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_bbf9ce4aae {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_81e122810b {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_33436230a0 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_810ed9edd5 {\n  margin-inline-start: auto !important;\n}\n.p0_42d64f4eac {\n  padding: 0 !important;\n}\n.pXs_64a4a4f6a4 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_a3dc198437 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_d54cb10396 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_12069f1d14 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_6fa6a76858 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_2c8beb29c8 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_0649892ada {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_9b297da8a5 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_7ef6fbf8f9 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8c56c755d4 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_eddde49a2a {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_e1d598a67f {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_b2a6b5f880 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_5f3e15f0a5 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_23231da28f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_ec0b284e57 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_ff047dc7dc {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_351e07ab1f {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ecf5e4fb06 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_54575398a6 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_47666feea5 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_ba394dcf49 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_d1cb2b74df {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_0dc0e4ab3d {\n  padding-top: 0 !important;\n}\n.ptXs_dc91b748b9 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_d24bb736b5 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_1d10434c7d {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_600204af25 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_29ddbe2c25 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_82153581cf {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_7fa21b3dda {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_f1972d6a70 {\n  padding-inline-end: 0 !important;\n}\n.peXs_217fda84a8 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_bcca6963b6 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_ed01b6331a {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_96292ec15e {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_2edc38e1b6 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_1e55a95faf {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b684f95166 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_c75734f973 {\n  padding-bottom: 0 !important;\n}\n.pbXs_96ce5fc401 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_a0cf568efa {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_b4a56a84a1 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_6c5328e29f {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_92678eeef3 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_02391831fe {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_ecb2f302f2 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_cfc6543875 {\n  padding-inline-start: 0 !important;\n}\n.psXs_490b71ec77 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_451ea07021 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_2aa5b76caa {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_8b340e811a {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_8d17fc58e3 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_f97f401bc9 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_ebba09ddf7 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_30e18aeada {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_32654e985a {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_9bb45503bf {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_f44145d03d {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_5064a54458 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_d46e407a64 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_f7adedc9c7 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_944bd1d223 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+//# sourceMappingURL=Box.module.scss.js.map

package/dist/src/components/Box/Box.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Box/BoxConstants.js

@@ -0,0 +1,2 @@
+var l,x,L,X,o,a,n,r,m,i,e,d,u,t,A,M,E,R,g,O,s;!function(l){l.DISABLED="opacityDisabled"}(l||(l={})),function(l){l.DEFAULT="border"}(x||(x={})),function(l){l.UI_BORDER_COLOR="uiBorderColor",l.LAYOUT_BORDER_COLOR="layoutBorderColor"}(L||(L={})),function(l){l.SMALL="small",l.MEDIUM="medium",l.BIG="big"}(X||(X={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(o||(o={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(a||(a={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(n||(n={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(r||(r={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(m||(m={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(i||(i={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(e||(e={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(d||(d={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(u||(u={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(t||(t={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(A||(A={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(M||(M={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(E||(E={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(R||(R={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(g||(g={})),function(l){l.PRIMARY_BACKGROUND_COLOR="primaryBackgroundColor",l.SECONDARY_BACKGROUND_COLOR="secondaryBackgroundColor",l.GREY_BACKGROUND_COLOR="greyBackgroundColor",l.ALL_GREY_BACKGROUND_COLOR="allgreyBackgroundColor",l.INVERTED_COLOR_BACKGROUND="invertedColorBackground"}(O||(O={})),function(l){l.PRIMARY_TEXT_COLOR="primaryTextColor",l.TEXT_COLOR_ON_INVERTED="textColorOnInverted",l.SECONDARY_TEXT_COLOR="secondaryTextColor"}(s||(s={}));var S={margin:"m",marginX:"mx",marginY:"my",marginTop:"mt",marginEnd:"me",marginBottom:"mb",marginStart:"ms",padding:"p",paddingX:"px",paddingY:"py",paddingTop:"pt",paddingEnd:"pe",paddingBottom:"pb",paddingStart:"ps",shadow:"shadow",rounded:"rounded",borderColor:"borderColor",backgroundColor:"bg",textColor:"text"};export{O as BackgroundColor,x as Border,L as BorderColor,s as BoxTextColor,l as Disabled,a as Margin,e as MarginBottom,i as MarginEnd,d as MarginStart,m as MarginTop,n as MarginX,r as MarginY,u as Padding,R as PaddingBottom,E as PaddingEnd,g as PaddingStart,M as PaddingTop,t as PaddingX,A as PaddingY,X as Rounded,o as Shadow,S as SizePrefixMapping};
+//# sourceMappingURL=BoxConstants.js.map

package/dist/src/components/Box/BoxConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxConstants.js","sources":["../../../../src/components/Box/BoxConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum Disabled {\n  DISABLED = \"opacityDisabled\"\n}\n\n/**\n * @deprecated\n */\nexport enum Border {\n  DEFAULT = \"border\"\n}\n\n/**\n * @deprecated\n */\nexport enum BorderColor {\n  UI_BORDER_COLOR = \"uiBorderColor\",\n  LAYOUT_BORDER_COLOR = \"layoutBorderColor\"\n}\n\n/**\n * @deprecated\n */\nexport enum Rounded {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  BIG = \"big\"\n}\n\n/**\n * @deprecated\n */\nexport enum Shadow {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum Margin {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginX {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginY {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginTop {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginEnd {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginBottom {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginStart {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum Padding {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingX {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingY {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingTop {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingEnd {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingBottom {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingStart {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum BackgroundColor {\n  PRIMARY_BACKGROUND_COLOR = \"primaryBackgroundColor\",\n  SECONDARY_BACKGROUND_COLOR = \"secondaryBackgroundColor\",\n  GREY_BACKGROUND_COLOR = \"greyBackgroundColor\",\n  ALL_GREY_BACKGROUND_COLOR = \"allgreyBackgroundColor\",\n  INVERTED_COLOR_BACKGROUND = \"invertedColorBackground\"\n}\n\n/**\n * @deprecated\n */\nexport enum BoxTextColor {\n  PRIMARY_TEXT_COLOR = \"primaryTextColor\",\n  TEXT_COLOR_ON_INVERTED = \"textColorOnInverted\",\n  SECONDARY_TEXT_COLOR = \"secondaryTextColor\"\n}\n\nexport const SizePrefixMapping = {\n  margin: \"m\",\n  marginX: \"mx\",\n  marginY: \"my\",\n  marginTop: \"mt\",\n  marginEnd: \"me\",\n  marginBottom: \"mb\",\n  marginStart: \"ms\",\n  padding: \"p\",\n  paddingX: \"px\",\n  paddingY: \"py\",\n  paddingTop: \"pt\",\n  paddingEnd: \"pe\",\n  paddingBottom: \"pb\",\n  paddingStart: \"ps\",\n  shadow: \"shadow\",\n  rounded: \"rounded\",\n  borderColor: \"borderColor\",\n  backgroundColor: \"bg\",\n  textColor: \"text\"\n};\n"],"names":["Disabled","Border","BorderColor","Rounded","Shadow","Margin","MarginX","MarginY","MarginTop","MarginEnd","MarginBottom","MarginStart","Padding","PaddingX","PaddingY","PaddingTop","PaddingEnd","PaddingBottom","PaddingStart","BackgroundColor","BoxTextColor","SizePrefixMapping","margin","marginX","marginY","marginTop","marginEnd","marginBottom","marginStart","padding","paddingX","paddingY","paddingTop","paddingEnd","paddingBottom","paddingStart","shadow","rounded","borderColor","backgroundColor","textColor"],"mappings":"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"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useCallback as r,useMemo as n}from"react";import{keyCodes as c}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import s from"classnames";import i from"./BreadcrumbContent.module.scss.js";var o={className:i.breadcrumbIcon,size:14,clickable:!1},l=t((function(t,l){var m=t.className,b=t.isClickable,d=t.link,u=t.onClick,p=t.text,f=t.isCurrent,k=t.disabled,E=void 0!==k&&k,x=t.showText,C=void 0===x||x,N=t.icon,v=r((function(e){e.key!==c.ENTER&&e.key!==c.SPACE||(d?window.parent.location.href=d:u())}),[u,d]),w=n((function(){return E?-1:0}),[E]);return b&&(d||u)?d?a.createElement("a",{className:s(i.breadcrumbContent,m,e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.withoutText,!C)),href:d,onKeyDown:v,"aria-current":f?"page":void 0},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p)):a.createElement("span",{className:s(i.breadcrumbContent,m,e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.withoutText,!C)),onClick:u,onKeyDown:v,tabIndex:w,"aria-current":f?"page":void 0,role:"button"},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p)):a.createElement("span",{className:s(i.breadcrumbContent,m,e(e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.notClickable,!b),i.withoutText,!C)),"aria-disabled":"true",tabIndex:w,"aria-current":f?"page":void 0},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p))}));export{l as BreadcrumbContent};
+//# sourceMappingURL=BreadcrumbContent.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n  /**\n   * If true, the breadcrumb is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the breadcrumb links to.\n   */\n  link?: string;\n  /**\n   * Callback fired when the breadcrumb is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * The text displayed inside the breadcrumb.\n   */\n  text?: string;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb represents the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * If true, the breadcrumb is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n  forwardRef<unknown, BreadcrumbContentProps>(\n    (\n      { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n      ref: ForwardedRef<HTMLSpanElement>\n    ) => {\n      const Icon = icon;\n\n      const onKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n          if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n            link ? (window.parent.location.href = link) : onClick();\n          }\n        },\n        [onClick, link]\n      );\n\n      const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n      if (isClickable && (link || onClick)) {\n        if (link) {\n          return (\n            <a\n              className={cx(styles.breadcrumbContent, className, {\n                [styles.disabled]: disabled,\n                [styles.clickable]: isClickable,\n                [styles.current]: isCurrent,\n                [styles.withoutText]: !showText\n              })}\n              href={link}\n              onKeyDown={onKeyDown}\n              aria-current={isCurrent ? \"page\" : undefined}\n            >\n              {Icon && <Icon {...iconProps} />}\n              {showText && (\n                <span ref={ref} className={styles.breadcrumbText}>\n                  {text}\n                </span>\n              )}\n            </a>\n          );\n        }\n        return (\n          <span\n            className={cx(styles.breadcrumbContent, className, {\n              [styles.disabled]: disabled,\n              [styles.clickable]: isClickable,\n              [styles.current]: isCurrent,\n              [styles.withoutText]: !showText\n            })}\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            tabIndex={tabIndex}\n            aria-current={isCurrent ? \"page\" : undefined}\n            role=\"button\"\n          >\n            {Icon && <Icon {...iconProps} />}\n            {showText && (\n              <span ref={ref} className={styles.breadcrumbText}>\n                {text}\n              </span>\n            )}\n          </span>\n        );\n      }\n      return (\n        <span\n          className={cx(styles.breadcrumbContent, className, {\n            [styles.disabled]: disabled,\n            [styles.clickable]: isClickable,\n            [styles.current]: isCurrent,\n            [styles.notClickable]: !isClickable,\n            [styles.withoutText]: !showText\n          })}\n          aria-disabled=\"true\"\n          tabIndex={tabIndex}\n          aria-current={isCurrent ? \"page\" : undefined}\n        >\n          {Icon && <Icon {...iconProps} />}\n          {showText && (\n            <span ref={ref} className={styles.breadcrumbText}>\n              {text}\n            </span>\n          )}\n        </span>\n      );\n    }\n  );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UAyCA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js

@@ -0,0 +1,2 @@
+var e={breadcrumbContent:"breadcrumbContent_c0d8fd768f",withoutText:"withoutText_05e47fb93a",breadcrumbText:"breadcrumbText_169d7f41de",breadcrumbIcon:"breadcrumbIcon_f2fb6fa649",clickable:"clickable_9d7b9bfb78",current:"current_bab0cd6713",disabled:"disabled_d3eab3ac68",notClickable:"notClickable_6bc3cdbb05"};!function(e){const n="s_id-55ff70da99a4_3_58_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_c0d8fd768f {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_c0d8fd768f.withoutText_05e47fb93a {\n  padding: 4px;\n}\na.breadcrumbContent_c0d8fd768f:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_c0d8fd768f .breadcrumbText_169d7f41de {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_c0d8fd768f .breadcrumbIcon_f2fb6fa649 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_c0d8fd768f:focus {\n  outline: none;\n}\n.breadcrumbContent_c0d8fd768f.clickable_9d7b9bfb78 {\n  cursor: pointer;\n}\n.breadcrumbContent_c0d8fd768f.clickable_9d7b9bfb78:hover,\n.breadcrumbContent_c0d8fd768f:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_c0d8fd768f.current_bab0cd6713 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_c0d8fd768f.disabled_d3eab3ac68 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_c0d8fd768f.disabled_d3eab3ac68:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_c0d8fd768f.notClickable_6bc3cdbb05 {\n  pointer-events: none;\n}");export{e as default};
+//# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import o,{useRef as s}from"react";import a from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import l from"../../Tooltip/Tooltip.js";import{BreadcrumbContent as d}from"./BreadcrumbContent/BreadcrumbContent.js";import m from"./BreadcrumbItem.module.scss.js";var n=function(n){var c=n.className,u=n.text,f=void 0===u?"":u,p=n.disabled,b=n.isClickable,g=void 0!==b&&b,v=n.link,C=n.onClick,T=n.isCurrent,h=void 0!==T&&T,k=n.icon,w=n.id,B=n.showText,j=void 0===B||B,I=n["data-testid"],x=s(null),E=a({ref:x});return o.createElement(l,{disableDialogSlide:!0,withoutDialog:!1,content:(E||!j)&&f,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],addKeyboardHideShowTriggersByDefault:!j},o.createElement("li",{id:w,"data-testid":I||r(t.BREADCRUMB_ITEM,w),className:i(m.breadcrumbItemWrapper,c,e({},m.disabled,p))},o.createElement(d,{ref:x,isClickable:g,link:v,onClick:C,text:f,icon:k,isCurrent:h,disabled:p,showText:j})))};export{n as default};
+//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n  /**\n   * The display text of the breadcrumb item.\n   */\n  text?: string;\n  /**\n   * If true, the item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the item is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the item links to if navigation is handled via a link.\n   */\n  link?: string;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * If true, applies styling for the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n  className,\n  text = \"\",\n  disabled,\n  isClickable = false,\n  link,\n  onClick,\n  isCurrent = false,\n  icon,\n  id,\n  showText = true,\n  \"data-testid\": dataTestId\n}) => {\n  const componentRef = useRef<HTMLSpanElement>(null);\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      disableDialogSlide={true}\n      withoutDialog={false}\n      content={(isOverflowing || !showText) && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      addKeyboardHideShowTriggersByDefault={!showText}\n    >\n      <li\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n        className={cx(styles.breadcrumbItemWrapper, className, {\n          [styles.disabled]: disabled\n        })}\n      >\n        <BreadcrumbContent\n          ref={componentRef}\n          isClickable={isClickable}\n          link={link}\n          onClick={onClick}\n          text={text}\n          icon={icon}\n          isCurrent={isCurrent}\n          disabled={disabled}\n          showText={showText}\n        />\n      </li>\n    </Tooltip>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA4CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js

@@ -0,0 +1,2 @@
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_1e030f51c5",disabled:"disabled_b700685690"};!function(e){const t="s_id-03f482333e23_3_58_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_1e030f51c5 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_1e030f51c5.disabled_b700685690 {\n  cursor: not-allowed;\n}");export{e as default};
+//# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"../../MenuButton/MenuButton.js";import u from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{getTestId as s}from"../../../tests/testIds.js";var a=r((function(r,a){var o=r.children,d=r.id,M=r["data-testid"],c=e(r,["children","id","data-testid"]),l=d||"breadcrumb-menu-button",p="".concat(l,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},c),t.createElement(n,{id:l,size:"xxs",closeMenuOnItemClick:!0,ariaLabel:"Hidden breadcrumbs menu","data-testid":M||s(i.BREADCRUMB_MENU,d),ariaControls:p,ref:a},t.createElement(u,{id:p,size:"medium",focusItemIndexOnMount:0,ariaLabel:"Expanded breadcrumbs menu"},o)))}));export{a as default};
+//# sourceMappingURL=BreadcrumbMenu.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n  children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n  (\n    { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ) => {\n    const menuButtonId = id || \"breadcrumb-menu-button\";\n    const menuId = `${menuButtonId}-menu`;\n\n    return (\n      <li className={styles.breadcrumbMenuWrapper} {...props}>\n        <MenuButton\n          id={menuButtonId}\n          size={\"xxs\"}\n          closeMenuOnItemClick\n          ariaLabel={\"Hidden breadcrumbs menu\"}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n          ariaControls={menuId}\n          ref={ref}\n        >\n          <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} ariaLabel=\"Expanded breadcrumbs menu\">\n            {children}\n          </Menu>\n        </MenuButton>\n      </li>\n    );\n  }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","ariaLabel","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","ariaControls","Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBACA,EAAAC,UAAW,0BAAyB,cACvBd,GAAce,EAAUC,EAAuBC,gBAAiBlB,GAC7EmB,aAAcd,EACdP,IAAKA,GAELS,EAACI,cAAAS,GAAKpB,GAAIK,EAAQQ,KAAM,SAAUQ,sBAAuB,EAAGN,UAAU,6BACnEhB,IAKX"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as i}from"react";import"../../../Menu/Menu/Menu.js";import n from"../../../Menu/MenuItem/MenuItem.js";import"../../../Menu/MenuItemButton/MenuItemButton.js";import"../../../Menu/MenuDivider/MenuDivider.js";import"../../../Menu/MenuTitle/MenuTitle.js";import"../../../Menu/MenuGridItem/MenuGridItem.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";var s=i((function(i,s){var u=i.id,m=i["data-testid"],M=i.link,d=i.onClick,a=t(i,["id","data-testid","link","onClick"]);return e.createElement(n,Object.assign({id:u,onClick:M?function(t){d&&d(t),M&&window.open(M)}:d,"data-testid":m||r(o.BREADCRUMB_MENU_ITEM,u),ref:s},a))}));s.isMenuChild=!0,s.isSelectable=!0;export{s as default};
+//# sourceMappingURL=BreadcrumbMenuItem.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbMenuItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from \"react\";\nimport { MenuItem, type MenuItemProps } from \"../../../Menu\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport interface BreadcrumbMenuItemProps extends MenuItemProps {\n  /** Link to navigate to when item is clicked */\n  link?: string;\n}\n\ninterface BreadcrumbMenuItemComponent\n  extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {\n  isMenuChild?: boolean;\n  isSelectable?: boolean;\n}\n\nconst BreadcrumbMenuItem: BreadcrumbMenuItemComponent = forwardRef<unknown, BreadcrumbMenuItemProps>(\n  (\n    { id, \"data-testid\": dataTestId, link, onClick, ...rest }: BreadcrumbMenuItemProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ) => {\n    const handleClick = link\n      ? (event: React.MouseEvent | React.KeyboardEvent) => {\n          if (onClick) onClick(event);\n          if (link) window.open(link);\n        }\n      : onClick;\n\n    return (\n      <MenuItem\n        id={id}\n        onClick={handleClick}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU_ITEM, id)}\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n\nBreadcrumbMenuItem.isMenuChild = true;\nBreadcrumbMenuItem.isSelectable = true;\n\nexport default BreadcrumbMenuItem;\n"],"names":["BreadcrumbMenuItem","forwardRef","_a","ref","id","dataTestId","link","onClick","rest","__rest","React","createElement","MenuItem","Object","assign","event","window","open","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU_ITEM","isMenuChild","isSelectable"],"mappings":"+fAgBMA,IAAAA,EAAkDC,GACtD,SACEC,EACAC,GADA,IAAEC,EAAgFF,EAAhFE,GAAmBC,EAA6DH,EAA5E,eAA2BI,EAAiDJ,EAAjDI,KAAMC,EAA2CL,EAA3CK,QAAYC,EAAIC,EAAAP,EAAvD,uCAUA,OACEQ,EAAAC,cAACC,EAAQC,OAAAC,OAAA,CACPV,GAAIA,EACJG,QAVgBD,EAChB,SAACS,GACKR,GAASA,EAAQQ,GACjBT,GAAMU,OAAOC,KAAKX,EACvB,EACDC,EAKoB,cACPF,GAAca,EAAUC,EAAuBC,qBAAsBhB,GAClFD,IAAKA,GACDK,GAGV,IAGFR,EAAmBqB,aAAc,EACjCrB,EAAmBsB,cAAe"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js

@@ -0,0 +1,2 @@
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_1e030f51c5"};!function(e){const n="s_id-fc5ae89c4b65_3_58_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_1e030f51c5 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+//# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js

@@ -0,0 +1,2 @@
+import t from"react";import e from"classnames";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var m=i((function(s){var i=s.children,m=s.type,l=void 0===m?"indication":m,c=s.id,d=s["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},t.createElement("ol",null,i&&t.Children.map(i,(function(e,r){return t.isValidElement(e)?[r>0&&t.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
+//# sourceMappingURL=BreadcrumbsBar.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n  /**\n   * The type of the breadcrumb bar, determining if it is navigational or for indication only.\n   */\n  type: BreadcrumbsBarType;\n  /**\n   * The breadcrumb items displayed in the bar.\n   */\n  children:\n    | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>\n    | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n  className,\n  children,\n  type = \"indication\",\n  id,\n  \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n  <nav\n    aria-label=\"Breadcrumb\"\n    className={cx(styles.breadcrumbsBar, className)}\n    id={id}\n    data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n  >\n    <ol>\n      {children &&\n        React.Children.map(children, (child, index) =>\n          React.isValidElement(child)\n            ? [\n                index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n                React.cloneElement(child, {\n                  ...child?.props,\n                  isClickable: type !== \"indication\"\n                })\n              ]\n            : null\n        )}\n    </ol>\n  </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n  types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"waAwBA,IAkCeA,EAAAA,GAlCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAOuG,CAC7GyB,MAAOC"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js

@@ -0,0 +1,2 @@
+var e={breadcrumbsBar:"breadcrumbsBar_a759a88464",separatorIcon:"separatorIcon_28103c3c33"};!function(e){const a="s_id-24567fd55d40_3_58_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".breadcrumbsBar_a759a88464 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_a759a88464 ol .separatorIcon_28103c3c33 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+//# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsBar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbsConstants.js

@@ -0,0 +1,2 @@
+var i;!function(i){i.NAVIGATION="navigation",i.INDICATION="indication"}(i||(i={}));export{i as BreadcrumbsBarType};
+//# sourceMappingURL=BreadcrumbsConstants.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsConstants.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsConstants.ts"],"sourcesContent":["export enum BreadcrumbsBarType {\n  NAVIGATION = \"navigation\",\n  INDICATION = \"indication\"\n}\n"],"names":["BreadcrumbsBarType"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,WAAA,aACAA,EAAA,WAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Button/Button.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as t,useRef as i,useEffect as a,useCallback as r,useMemo as n}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import d from"../../hooks/useMergeRef.js";import{NOOP as u}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{ButtonColor as f,ButtonType as v,ButtonInputType as y,BUTTON_ICON_SIZE as g,SMALL_BUTTON_ICON_SIZE as b}from"./ButtonConstants.js";import{getParentBackgroundColorNotTransparent as h,TRANSPARENT_COLOR as j}from"./helper/dom-helpers.js";import{getTestId as N}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as C}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as E,ComponentVibeId as F}from"../../tests/constants.js";import k from"./Button.module.scss.js";import{useButtonLoading as B}from"./helper/useButtonLoading.js";var I=x(t((function(t,c){var f=t.className,v=t.children,y=t.kind,x=void 0===y?"primary":y,I=t.onClick,S=void 0===I?u:I,T=t.name,P=t.size,L=void 0===P?"medium":P,z=t.color,O=void 0===z?"primary":z,M=t.disabled,w=void 0!==M&&M,D=t.rightIcon,U=void 0===D?null:D,A=t.leftIcon,H=void 0===A?null:A,R=t.success,_=void 0!==R&&R,q=t.successText,G=void 0===q?"":q,J=t.successIcon,K=void 0===J?null:J,Q=t.style,V=t.loading,W=void 0!==V&&V,X=t.loaderClassName,Y=t.active,Z=void 0!==Y&&Y,$=t.activeButtonClassName,ee=t.id,oe=t.marginRight,te=void 0!==oe&&oe,ie=t.marginLeft,ae=void 0!==ie&&ie,re=t.type,ne=void 0===re?"button":re,se=t.onMouseDown,le=void 0===se?u:se,ce=t.ariaLabel,de=t.rightFlat,ue=void 0!==de&&de,me=t.leftFlat,pe=void 0!==me&&me,fe=t.preventClickAnimation,ve=void 0!==fe&&fe,ye=t.noSidePadding,ge=void 0!==ye&&ye,be=t.onFocus,he=void 0===be?u:be,je=t.onBlur,Ne=void 0===je?u:je,xe=t.ariaLabeledBy,Ce=t.defaultTextColorOnPrimaryColor,Ee=void 0===Ce?j:Ce,Fe=t.ariaHasPopup,ke=t.ariaExpanded,Be=t.ariaControls,Ie=t["aria-describedby"],Se=t["aria-hidden"],Te=t["aria-pressed"],Pe=t.blurOnMouseUp,Le=void 0===Pe||Pe,ze=t["data-testid"],Oe=t.insetFocus,Me=void 0!==Oe&&Oe,we=t.tabIndex,De=i(null),Ue=d(c,De),Ae=B({isLoading:W}).loading;a((function(){if(("on-primary-color"===O||"fixed-light"===O)&&"primary"===x&&De.current){var e=De.current;e.style.color=h(e,Ee)}}),[x,De,O,Ee]);var He=r((function(){var e=De.current;!w&&e&&Le&&e.blur()}),[w,De,Le]),Re=r((function(e){w||Ae||_?e.preventDefault():S&&S(e)}),[S,w,Ae,_]),_e=r((function(e){w||Ae||_?e.preventDefault():le&&le(e)}),[le,w,Ae,_]),qe=n((function(){var o,t=_?"positive":O;return l(f,k.button,C(k,s("size-"+L)),C(k,s("kind-"+x)),C(k,s("color-"+t)),(e(e(e(e(e(e(e(e(e(e(o={},k.success,_),C(k,s("color-"+t+"-active")),Z),$,Z),k.marginRight,te),k.marginLeft,ae),k.rightFlat,ue),k.leftFlat,pe),k.preventClickAnimation,ve),k.noSidePadding,ge),k.disabled,w),e(o,k.insetFocusStyle,Me)))}),[_,O,f,L,x,Z,$,te,ae,ue,pe,ve,ge,w,Me]),Ge=n((function(){return{ref:Ue,type:ne,className:qe,name:T,onMouseUp:He,style:Q,onClick:Re,id:ee,onFocus:he,onBlur:Ne,tabIndex:w||Se?-1:we,"data-testid":ze||N(E.BUTTON,ee),"data-vibe":F.BUTTON,onMouseDown:_e,"aria-disabled":w,"aria-busy":Ae,"aria-labelledby":xe,"aria-label":ce,"aria-haspopup":Fe,"aria-expanded":ke,"aria-controls":Be,"aria-describedby":Ie,"aria-hidden":Se,"aria-pressed":Te}}),[Ue,ne,qe,T,He,Q,Re,ee,he,Ne,we,ze,_e,w,Ae,xe,ce,Fe,ke,Be,Ie,Se,Te]),Je=r((function(e){if("function"==typeof e)switch(L){case"xxs":case"xs":return b;default:return g}}),[L]),Ke=n((function(){return o.Children.toArray(v).some(Boolean)}),[v]),Qe=n((function(){return o.createElement(o.Fragment,null,H?o.createElement(m,{iconType:"font",icon:H,iconSize:Je(H),className:l(e({},k.leftIcon,Ke)),ignoreFocusStyle:!0}):null,v,U?o.createElement(m,{iconType:"font",icon:U,iconSize:Je(U),className:l(e({},k.rightIcon,Ke)),ignoreFocusStyle:!0}):null)}),[v,Ke,Je,H,U]);return Ae?o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-loading")}),o.createElement("span",{className:l(k.loader,X)},o.createElement(p,{className:k.loaderSvg}),o.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},Qe))):_?o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-success")}),o.createElement("span",{className:k.successContent},K?o.createElement(m,{iconType:"font",icon:K,iconSize:Je(K),className:l(e({},k.leftIcon,!!G)),ignoreFocusStyle:!0}):null,G),o.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},Qe)):o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-button")}),Qe)})),{sizes:c,colors:f,kinds:v,types:y,inputTags:y});export{I as default};
+//# sourceMappingURL=Button.js.map

package/dist/src/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type */\nimport React, { type AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n  BUTTON_ICON_SIZE,\n  ButtonColor as ButtonColorEnum,\n  ButtonInputType as ButtonInputTypeEnum,\n  ButtonType as ButtonTypeEnum,\n  SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { type ButtonColor, type ButtonInputType, type ButtonType, type ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n  children: React.ReactNode;\n  /** Custom class names to pass to the component */\n  className?: string;\n  activeButtonClassName?: string;\n  /** The button's kind */\n  kind?: ButtonType;\n  /** Callback function to run when the button is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Blur on button click */\n  blurOnMouseUp?: boolean;\n  /** Name of the button - for form submit usages  */\n  name?: string;\n  /** The button's size */\n  size?: ButtonSize;\n  /** The button's color */\n  color?: ButtonColor;\n  /** The button's type */\n  type?: ButtonInputType;\n  /** Whether the button should be disabled or not */\n  disabled?: boolean;\n  /** Icon to place on the right */\n  rightIcon?: SubIcon;\n  /** Icon to place on the left */\n  leftIcon?: SubIcon;\n  /** the success props are used when you have async action and wants to display a success message */\n  success?: boolean;\n  /** Success icon name */\n  successIcon?: SubIcon;\n  /** Success text */\n  successText?: string;\n  /** loading boolean which switches the text to a loader */\n  loading?: boolean;\n  /** className which is applied to loader container **/\n  loaderClassName?: string;\n  style?: React.CSSProperties;\n  /** displays the active state */\n  active?: boolean;\n  /** id to pass to the button */\n  id?: string;\n  /** adds 8px margin to the right */\n  marginRight?: boolean;\n  /** adds 8px margin to the left */\n  marginLeft?: boolean;\n  /** element id to describe the button accordingly */\n  ariaLabeledBy?: string;\n  /** aria label to provide important when providing only Icon */\n  ariaLabel?: string;\n  /** aria for a button popup */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /** aria to be set if the popup is open */\n  ariaExpanded?: boolean;\n  /** aria controls - receives id for the controlled region */\n  ariaControls?: string;\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * aria to be used for screen reader to know if the button is hidden\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /** On Button Focus callback */\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  /** On Button Blur callback */\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  rightFlat?: boolean;\n  leftFlat?: boolean;\n  preventClickAnimation?: boolean;\n  noSidePadding?: boolean;\n  /** default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) */\n  defaultTextColorOnPrimaryColor?: string;\n  \"data-testid\"?: string;\n  /** Change the focus indicator from around the button to within it */\n  insetFocus?: boolean;\n  /** Specifies the tab order of an element */\n  tabIndex?: number;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      kind = \"primary\",\n      onClick = NOOP,\n      name,\n      size = \"medium\",\n      color = \"primary\",\n      disabled = false,\n      rightIcon = null,\n      leftIcon = null,\n      success = false,\n      successText = \"\",\n      successIcon = null,\n      style,\n      loading: isLoading = false,\n      loaderClassName,\n      active = false,\n      activeButtonClassName,\n      id,\n      marginRight = false,\n      marginLeft = false,\n      type = \"button\",\n      onMouseDown = NOOP,\n      ariaLabel,\n      rightFlat = false,\n      leftFlat = false,\n      preventClickAnimation = false,\n      noSidePadding = false,\n      onFocus = NOOP,\n      onBlur = NOOP,\n      ariaLabeledBy,\n      defaultTextColorOnPrimaryColor = TRANSPARENT_COLOR,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      blurOnMouseUp = true,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex\n    }: ButtonProps,\n    ref\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRef(ref, buttonRef);\n\n    const { loading } = useButtonLoading({ isLoading });\n\n    useEffect(() => {\n      if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n      if (kind !== \"primary\") return;\n      if (!buttonRef.current) return;\n\n      const buttonElement = buttonRef.current;\n      buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n    }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n    const onMouseUp = useCallback(() => {\n      const button = buttonRef.current;\n      if (disabled || !button) {\n        return;\n      }\n      if (blurOnMouseUp) {\n        button.blur();\n      }\n    }, [disabled, buttonRef, blurOnMouseUp]);\n\n    const onButtonClicked = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (disabled || loading || success) {\n          event.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(event);\n        }\n      },\n      [onClick, disabled, loading, success]\n    );\n\n    const onMouseDownClicked = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (disabled || loading || success) {\n          event.preventDefault();\n          return;\n        }\n\n        if (onMouseDown) {\n          onMouseDown(event);\n        }\n      },\n      [onMouseDown, disabled, loading, success]\n    );\n\n    const classNames = useMemo(() => {\n      const calculatedColor = success ? \"positive\" : color;\n      return cx(\n        className,\n        styles.button,\n        getStyle(styles, camelCase(\"size-\" + size)),\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n        {\n          [styles.success]: success,\n          [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n          [activeButtonClassName]: active,\n          [styles.marginRight]: marginRight,\n          [styles.marginLeft]: marginLeft,\n          [styles.rightFlat]: rightFlat,\n          [styles.leftFlat]: leftFlat,\n          [styles.preventClickAnimation]: preventClickAnimation,\n          [styles.noSidePadding]: noSidePadding,\n          [styles.disabled]: disabled,\n          [styles.insetFocusStyle]: insetFocus\n        }\n      );\n    }, [\n      success,\n      color,\n      className,\n      size,\n      kind,\n      active,\n      activeButtonClassName,\n      marginRight,\n      marginLeft,\n      rightFlat,\n      leftFlat,\n      preventClickAnimation,\n      noSidePadding,\n      disabled,\n      insetFocus\n    ]);\n\n    const buttonProps = useMemo(() => {\n      const props: Record<string, unknown> = {\n        ref: mergedRef,\n        type,\n        className: classNames,\n        name,\n        onMouseUp,\n        style,\n        onClick: onButtonClicked,\n        id,\n        onFocus,\n        onBlur,\n        tabIndex: disabled || ariaHidden ? -1 : tabIndex,\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BUTTON, id),\n        \"data-vibe\": ComponentVibeId.BUTTON,\n        onMouseDown: onMouseDownClicked,\n        \"aria-disabled\": disabled,\n        \"aria-busy\": loading,\n        \"aria-labelledby\": ariaLabeledBy,\n        \"aria-label\": ariaLabel,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": ariaExpanded,\n        \"aria-controls\": ariaControls,\n        \"aria-describedby\": ariaDescribedBy,\n        \"aria-hidden\": ariaHidden,\n        \"aria-pressed\": ariaPressed\n      };\n      return props;\n    }, [\n      mergedRef,\n      type,\n      classNames,\n      name,\n      onMouseUp,\n      style,\n      onButtonClicked,\n      id,\n      onFocus,\n      onBlur,\n      tabIndex,\n      dataTestId,\n      onMouseDownClicked,\n      disabled,\n      loading,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      ariaDescribedBy,\n      ariaHidden,\n      ariaPressed\n    ]);\n\n    const iconSize = useCallback(\n      (icon: SubIcon) => {\n        if (typeof icon !== \"function\") return;\n        switch (size) {\n          case \"xxs\":\n          case \"xs\":\n            return SMALL_BUTTON_ICON_SIZE;\n          default:\n            return BUTTON_ICON_SIZE;\n        }\n      },\n      [size]\n    );\n\n    const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n    const buttonContent = useMemo(\n      () => (\n        <>\n          {leftIcon ? (\n            <Icon\n              iconType=\"font\"\n              icon={leftIcon}\n              iconSize={iconSize(leftIcon)}\n              className={cx({\n                [styles.leftIcon]: hasRenderableChildren\n              })}\n              ignoreFocusStyle\n            />\n          ) : null}\n          {children}\n          {rightIcon ? (\n            <Icon\n              iconType=\"font\"\n              icon={rightIcon}\n              iconSize={iconSize(rightIcon)}\n              className={cx({\n                [styles.rightIcon]: hasRenderableChildren\n              })}\n              ignoreFocusStyle\n            />\n          ) : null}\n        </>\n      ),\n      [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n    );\n\n    if (loading) {\n      return (\n        <button {...buttonProps} key={`${id}-loading`}>\n          <span className={cx(styles.loader, loaderClassName)}>\n            <Loader className={styles.loaderSvg} />\n            <span aria-hidden className={styles.textPlaceholder}>\n              {buttonContent}\n            </span>\n          </span>\n        </button>\n      );\n    }\n\n    if (success) {\n      return (\n        <button {...buttonProps} key={`${id}-success`}>\n          <span className={styles.successContent}>\n            {successIcon ? (\n              <Icon\n                iconType=\"font\"\n                icon={successIcon}\n                iconSize={iconSize(successIcon)}\n                className={cx({\n                  [styles.leftIcon]: !!successText\n                })}\n                ignoreFocusStyle\n              />\n            ) : null}\n            {successText}\n          </span>\n          <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n            {buttonContent}\n          </span>\n        </button>\n      );\n    }\n\n    return (\n      <button {...buttonProps} key={`${id}-button`}>\n        {buttonContent}\n      </button>\n    );\n  }\n);\n\ninterface ButtonStaticProps {\n  sizes: typeof SIZES;\n  colors: typeof ButtonColorEnum;\n  kinds: typeof ButtonTypeEnum;\n  types: typeof ButtonInputTypeEnum;\n  inputTags: typeof ButtonInputTypeEnum;\n}\n\nexport default withStaticProps<ButtonProps, ButtonStaticProps>(Button, {\n  sizes: SIZES,\n  colors: ButtonColorEnum,\n  kinds: ButtonTypeEnum,\n  types: ButtonInputTypeEnum,\n  inputTags: ButtonInputTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","children","_ref$kind","kind","_ref$onClick","onClick","NOOP","name","_ref$size","size","_ref$color","color","_ref$disabled","disabled","_ref$rightIcon","rightIcon","_ref$leftIcon","leftIcon","_ref$success","success","_ref$successText","successText","_ref$successIcon","successIcon","style","_ref$loading","loading","isLoading","loaderClassName","_ref$active","active","activeButtonClassName","id","_ref$marginRight","marginRight","_ref$marginLeft","marginLeft","_ref$type","type","_ref$onMouseDown","onMouseDown","ariaLabel","_ref$rightFlat","rightFlat","_ref$leftFlat","leftFlat","_ref$preventClickAnim","preventClickAnimation","_ref$noSidePadding","noSidePadding","_ref$onFocus","onFocus","_ref$onBlur","onBlur","ariaLabeledBy","_ref$defaultTextColor","defaultTextColorOnPrimaryColor","TRANSPARENT_COLOR","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$blurOnMouseUp","blurOnMouseUp","dataTestId","_ref$insetFocus","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","ComponentVibeId","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

package/dist/src/components/Button/Button.module.scss.js

@@ -0,0 +1,2 @@
+var o={button:"button_724b4ce136","focus-visible":"focus-visible_8a4b653a5e",loader:"loader_707335eb0e",loaderSvg:"loaderSvg_5263bf8a1e",textPlaceholder:"textPlaceholder_268df54f5c",success:"success_fa51310bf9",successContent:"successContent_85a4570d88",marginRight:"marginRight_3805ae6acc",marginLeft:"marginLeft_d8a528e074",rightFlat:"rightFlat_62b1dabfb5",leftFlat:"leftFlat_7f1bc613e1",preventClickAnimation:"preventClickAnimation_7a58b52b3e",leftIcon:"leftIcon_3805ae6acc",rightIcon:"rightIcon_d8a528e074",sizeXxs:"sizeXxs_6a495d49d8",sizeXs:"sizeXs_0a0032ada9",sizeSmall:"sizeSmall_efd8676302",sizeMedium:"sizeMedium_cda905c753",sizeLarge:"sizeLarge_09255cec69",kindPrimary:"kindPrimary_e27860911c",colorPrimary:"colorPrimary_8659c8b686",colorBrand:"colorBrand_a088cf75c9",colorPrimaryActive:"colorPrimaryActive_a49ed1400f",colorBrandActive:"colorBrandActive_ff2c7e4cd4",colorPositive:"colorPositive_32ed4ad952",colorPositiveActive:"colorPositiveActive_348bb6bd52",colorNegative:"colorNegative_b794c9ef4f",colorNegativeActive:"colorNegativeActive_348bb6bd52",colorInverted:"colorInverted_e37aea7e10",colorInvertedActive:"colorInvertedActive_348bb6bd52",disabled:"disabled_190298741b",colorOnPrimaryColor:"colorOnPrimaryColor_561f169c16",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_c0d6b8cf58",colorFixedLight:"colorFixedLight_7d26b7aff5",colorFixedLightActive:"colorFixedLightActive_7a58b52b3e",colorFixedDark:"colorFixedDark_bf54bd6ffe",colorFixedDarkActive:"colorFixedDarkActive_8a62ea096a",colorOnInvertedBackground:"colorOnInvertedBackground_89663930d9",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_5a6e05b644",kindSecondary:"kindSecondary_a363a85809",kindTertiary:"kindTertiary_209266047e",noSidePadding:"noSidePadding_028b433215",insetFocusStyle:"insetFocusStyle_fe2eb06e99"};!function(o){const r="s_id-f5db469b1a79_3_58_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.button_724b4ce136 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_724b4ce136:focus-visible, .button_724b4ce136.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_724b4ce136:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.button_724b4ce136 .loader_707335eb0e {\n  height: 100%;\n}\n.button_724b4ce136 .loader_707335eb0e .loaderSvg_5263bf8a1e {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_724b4ce136 .textPlaceholder_268df54f5c {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_724b4ce136.success_fa51310bf9 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_724b4ce136.success_fa51310bf9 .successContent_85a4570d88 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_3805ae6acc {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_d8a528e074 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_62b1dabfb5 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_7f1bc613e1 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_724b4ce136:active:not(.preventClickAnimation_7a58b52b3e) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_724b4ce136 .leftIcon_3805ae6acc {\n  margin-right: var(--spacing-small);\n}\n.button_724b4ce136 .rightIcon_d8a528e074 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_6a495d49d8 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_0a0032ada9 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_efd8676302 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_efd8676302 .loader_707335eb0e {\n  top: 7px;\n}\n.sizeMedium_cda905c753 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_09255cec69 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_e27860911c {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_e27860911c.colorPrimary_8659c8b686 {\n  background: var(--primary-color);\n}\n.kindPrimary_e27860911c.colorBrand_a088cf75c9 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_e27860911c.colorPrimaryActive_a49ed1400f,\n.kindPrimary_e27860911c.colorPrimary_8659c8b686:hover,\n.kindPrimary_e27860911c.colorPrimary_8659c8b686:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_e27860911c.colorBrandActive_ff2c7e4cd4,\n.kindPrimary_e27860911c.colorBrand_a088cf75c9:hover,\n.kindPrimary_e27860911c.colorBrand_a088cf75c9:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_e27860911c.colorPositive_32ed4ad952 {\n  background: var(--positive-color);\n}\n.kindPrimary_e27860911c.colorPositiveActive_348bb6bd52,\n.kindPrimary_e27860911c.colorPositive_32ed4ad952:hover,\n.kindPrimary_e27860911c.colorPositive_32ed4ad952:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_e27860911c.colorNegative_b794c9ef4f {\n  background: var(--negative-color);\n}\n.kindPrimary_e27860911c.colorNegativeActive_348bb6bd52,\n.kindPrimary_e27860911c.colorNegative_b794c9ef4f:hover,\n.kindPrimary_e27860911c.colorNegative_b794c9ef4f:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_e27860911c.colorInverted_e37aea7e10 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_e27860911c.colorInvertedActive_348bb6bd52,\n.kindPrimary_e27860911c.colorInverted_e37aea7e10:hover,\n.kindPrimary_e27860911c.colorInverted_e37aea7e10:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_e27860911c.button_724b4ce136.colorInverted_e37aea7e10.disabled_190298741b {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_e27860911c.colorOnPrimaryColorActive_c0d6b8cf58,\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:hover,\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_e27860911c.colorOnPrimaryColorActive_c0d6b8cf58:focus-visible, .kindPrimary_e27860911c.colorOnPrimaryColorActive_c0d6b8cf58.focus-visible_8a4b653a5e,\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:hover:focus-visible,\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:hover.focus-visible_8a4b653a5e,\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:focus:focus-visible,\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_e27860911c.colorOnPrimaryColorActive_c0d6b8cf58:focus:not(.focus-visible_8a4b653a5e),\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindPrimary_e27860911c.colorOnPrimaryColor_561f169c16.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_e27860911c.colorFixedLightActive_7a58b52b3e,\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:hover,\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_e27860911c.colorFixedLightActive_7a58b52b3e:focus-visible, .kindPrimary_e27860911c.colorFixedLightActive_7a58b52b3e.focus-visible_8a4b653a5e,\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:hover:focus-visible,\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:hover.focus-visible_8a4b653a5e,\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:focus:focus-visible,\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_e27860911c.colorFixedLightActive_7a58b52b3e:focus:not(.focus-visible_8a4b653a5e),\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindPrimary_e27860911c.colorFixedLight_7d26b7aff5.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_e27860911c.colorFixedDarkActive_8a62ea096a,\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:hover,\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_e27860911c.colorFixedDarkActive_8a62ea096a:focus-visible, .kindPrimary_e27860911c.colorFixedDarkActive_8a62ea096a.focus-visible_8a4b653a5e,\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:hover:focus-visible,\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:hover.focus-visible_8a4b653a5e,\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:focus:focus-visible,\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_e27860911c.colorFixedDarkActive_8a62ea096a:focus:not(.focus-visible_8a4b653a5e),\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindPrimary_e27860911c.colorFixedDark_bf54bd6ffe.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_e27860911c.colorOnInvertedBackground_89663930d9 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_e27860911c.colorOnInvertedBackgroundActive_5a6e05b644,\n.kindPrimary_e27860911c.colorOnInvertedBackground_89663930d9:hover,\n.kindPrimary_e27860911c.colorOnInvertedBackground_89663930d9:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_e27860911c.button_724b4ce136.colorOnInvertedBackground_89663930d9.disabled_190298741b {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_e27860911c.button_724b4ce136.disabled_190298741b {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_a363a85809 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_a363a85809.sizeSmall_efd8676302 {\n  line-height: 22px;\n}\n.kindSecondary_a363a85809.sizeMedium_cda905c753 {\n  line-height: 22px;\n}\n.kindSecondary_a363a85809.sizeLarge_09255cec69 {\n  line-height: 22px;\n}\n.kindSecondary_a363a85809.colorPrimaryActive_a49ed1400f {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_a363a85809.colorPrimaryActive_a49ed1400f:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_a363a85809.colorBrandActive_ff2c7e4cd4 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_a363a85809.colorBrandActive_ff2c7e4cd4,\n.kindSecondary_a363a85809.colorBrandActive_ff2c7e4cd4:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_a363a85809.colorPrimary_8659c8b686:hover:not(.colorPrimaryActive_a49ed1400f),\n.kindSecondary_a363a85809.colorPrimary_8659c8b686:focus:not(.colorPrimaryActive_a49ed1400f) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a363a85809.colorBrand_a088cf75c9:hover:not(.colorBrandActive_ff2c7e4cd4),\n.kindSecondary_a363a85809.colorBrand_a088cf75c9:focus:not(.colorBrandActive_ff2c7e4cd4) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a363a85809.colorPositive_32ed4ad952 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_a363a85809.colorPositiveActive_348bb6bd52,\n.kindSecondary_a363a85809.colorPositive_32ed4ad952:hover,\n.kindSecondary_a363a85809.colorPositive_32ed4ad952:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_a363a85809.colorNegative_b794c9ef4f {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_a363a85809.colorNegativeActive_348bb6bd52,\n.kindSecondary_a363a85809.colorNegative_b794c9ef4f:hover,\n.kindSecondary_a363a85809.colorNegative_b794c9ef4f:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_a363a85809.colorInverted_e37aea7e10 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_a363a85809.colorInvertedActive_348bb6bd52,\n.kindSecondary_a363a85809.colorInverted_e37aea7e10:hover,\n.kindSecondary_a363a85809.colorInverted_e37aea7e10:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a363a85809.colorInverted_e37aea7e10.disabled_190298741b {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_a363a85809.colorOnPrimaryColorActive_c0d6b8cf58,\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:hover,\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_a363a85809.colorOnPrimaryColorActive_c0d6b8cf58:focus-visible, .kindSecondary_a363a85809.colorOnPrimaryColorActive_c0d6b8cf58.focus-visible_8a4b653a5e,\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:hover:focus-visible,\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:hover.focus-visible_8a4b653a5e,\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:focus:focus-visible,\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_a363a85809.colorOnPrimaryColorActive_c0d6b8cf58:focus:not(.focus-visible_8a4b653a5e),\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindSecondary_a363a85809.colorOnPrimaryColor_561f169c16.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_a363a85809.colorFixedLightActive_7a58b52b3e,\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:hover,\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_a363a85809.colorFixedLightActive_7a58b52b3e:focus-visible, .kindSecondary_a363a85809.colorFixedLightActive_7a58b52b3e.focus-visible_8a4b653a5e,\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:hover:focus-visible,\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:hover.focus-visible_8a4b653a5e,\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:focus:focus-visible,\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_a363a85809.colorFixedLightActive_7a58b52b3e:focus:not(.focus-visible_8a4b653a5e),\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_a363a85809.colorFixedDarkActive_8a62ea096a,\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:hover,\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_a363a85809.colorFixedDarkActive_8a62ea096a:focus-visible, .kindSecondary_a363a85809.colorFixedDarkActive_8a62ea096a.focus-visible_8a4b653a5e,\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:hover:focus-visible,\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:hover.focus-visible_8a4b653a5e,\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:focus:focus-visible,\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_a363a85809.colorFixedDarkActive_8a62ea096a:focus:not(.focus-visible_8a4b653a5e),\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindSecondary_a363a85809.colorOnInvertedBackground_89663930d9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_a363a85809.colorOnInvertedBackgroundActive_5a6e05b644,\n.kindSecondary_a363a85809.colorOnInvertedBackground_89663930d9:hover,\n.kindSecondary_a363a85809.colorOnInvertedBackground_89663930d9:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_a363a85809.colorOnInvertedBackground_89663930d9.disabled_190298741b {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_a363a85809.colorFixedLight_7d26b7aff5.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_a363a85809.colorFixedDark_bf54bd6ffe.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_a363a85809.disabled_190298741b {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_a363a85809.disabled_190298741b:hover {\n  background-color: transparent;\n}\n.kindTertiary_209266047e {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_209266047e.colorPrimaryActive_a49ed1400f {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_209266047e.colorPrimaryActive_a49ed1400f:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_209266047e.colorBrandActive_ff2c7e4cd4 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_209266047e.colorBrandActive_ff2c7e4cd4,\n.kindTertiary_209266047e.colorBrandActive_ff2c7e4cd4:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_209266047e.colorPrimary_8659c8b686:hover:not(.colorPrimaryActive_a49ed1400f),\n.kindTertiary_209266047e.colorPrimary_8659c8b686:focus:not(.colorPrimaryActive_a49ed1400f) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_209266047e.colorBrand_a088cf75c9:hover:not(.colorBrandActive_ff2c7e4cd4),\n.kindTertiary_209266047e.colorBrand_a088cf75c9:focus:not(.colorBrandActive_ff2c7e4cd4) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_209266047e.colorPositive_32ed4ad952 {\n  color: var(--positive-color);\n}\n.kindTertiary_209266047e.colorPositiveActive_348bb6bd52,\n.kindTertiary_209266047e.colorPositive_32ed4ad952:hover,\n.kindTertiary_209266047e.colorPositive_32ed4ad952:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_209266047e.colorNegative_b794c9ef4f {\n  color: var(--negative-color);\n}\n.kindTertiary_209266047e.colorNegativeActive_348bb6bd52,\n.kindTertiary_209266047e.colorNegative_b794c9ef4f:hover,\n.kindTertiary_209266047e.colorNegative_b794c9ef4f:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_209266047e.colorInverted_e37aea7e10 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_209266047e.colorInvertedActive_348bb6bd52,\n.kindTertiary_209266047e.colorInverted_e37aea7e10:hover,\n.kindTertiary_209266047e.colorInverted_e37aea7e10:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_209266047e.colorInverted_e37aea7e10.disabled_190298741b {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_209266047e.colorOnPrimaryColorActive_c0d6b8cf58,\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:hover,\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_209266047e.colorOnPrimaryColorActive_c0d6b8cf58:focus-visible, .kindTertiary_209266047e.colorOnPrimaryColorActive_c0d6b8cf58.focus-visible_8a4b653a5e,\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:hover:focus-visible,\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:hover.focus-visible_8a4b653a5e,\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:focus:focus-visible,\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_209266047e.colorOnPrimaryColorActive_c0d6b8cf58:focus:not(.focus-visible_8a4b653a5e),\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindTertiary_209266047e.colorOnPrimaryColor_561f169c16.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_209266047e.colorFixedLightActive_7a58b52b3e,\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:hover,\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_209266047e.colorFixedLightActive_7a58b52b3e:focus-visible, .kindTertiary_209266047e.colorFixedLightActive_7a58b52b3e.focus-visible_8a4b653a5e,\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:hover:focus-visible,\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:hover.focus-visible_8a4b653a5e,\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:focus:focus-visible,\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_209266047e.colorFixedLightActive_7a58b52b3e:focus:not(.focus-visible_8a4b653a5e),\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindTertiary_209266047e.colorFixedLight_7d26b7aff5.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_209266047e.colorFixedDarkActive_8a62ea096a,\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:hover,\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_209266047e.colorFixedDarkActive_8a62ea096a:focus-visible, .kindTertiary_209266047e.colorFixedDarkActive_8a62ea096a.focus-visible_8a4b653a5e,\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:hover:focus-visible,\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:hover.focus-visible_8a4b653a5e,\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:focus:focus-visible,\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:focus.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_209266047e.colorFixedDarkActive_8a62ea096a:focus:not(.focus-visible_8a4b653a5e),\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:hover:focus:not(.focus-visible_8a4b653a5e),\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe:focus:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}\n.kindTertiary_209266047e.colorFixedDark_bf54bd6ffe.disabled_190298741b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_209266047e.colorOnInvertedBackground_89663930d9 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_209266047e.colorOnInvertedBackgroundActive_5a6e05b644,\n.kindTertiary_209266047e.colorOnInvertedBackground_89663930d9:hover,\n.kindTertiary_209266047e.colorOnInvertedBackground_89663930d9:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_209266047e.colorOnInvertedBackground_89663930d9.disabled_190298741b {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_209266047e.disabled_190298741b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_209266047e.disabled_190298741b:hover {\n  background-color: transparent;\n}\n.noSidePadding_028b433215 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_724b4ce136.insetFocusStyle_fe2eb06e99:focus-visible, .button_724b4ce136.insetFocusStyle_fe2eb06e99.focus-visible_8a4b653a5e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_724b4ce136.insetFocusStyle_fe2eb06e99:focus:not(.focus-visible_8a4b653a5e) {\n  outline: none;\n}");export{o as default};
+//# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/Button/Button.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Button/ButtonConstants.js

@@ -0,0 +1,2 @@
+var r,i;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.TERTIARY="tertiary"}(r||(r={})),function(r){r.PRIMARY="primary",r.POSITIVE="positive",r.NEGATIVE="negative",r.INVERTED="inverted",r.ON_PRIMARY_COLOR="on-primary-color",r.ON_INVERTED_BACKGROUND="on-inverted-background",r.BRAND="brand",r.FIXED_LIGHT="fixed-light",r.FIXED_DARK="fixed-dark"}(i||(i={}));var R,n=16,t=20;!function(r){r.BUTTON="button",r.SUBMIT="submit",r.RESET="reset"}(R||(R={}));export{t as BUTTON_ICON_SIZE,i as ButtonColor,R as ButtonInputType,r as ButtonType,n as SMALL_BUTTON_ICON_SIZE};
+//# sourceMappingURL=ButtonConstants.js.map

package/dist/src/components/Button/ButtonConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { type SIZES } from \"../../constants/sizes\";\n\n/**\n * @deprecated\n */\nexport enum ButtonType {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\"\n}\n\n/**\n * @deprecated\n */\nexport enum ButtonColor {\n  PRIMARY = \"primary\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  INVERTED = \"inverted\",\n  ON_PRIMARY_COLOR = \"on-primary-color\",\n  ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n  BRAND = \"brand\",\n  FIXED_LIGHT = \"fixed-light\",\n  FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n  PRIMARY: \"\"\n};\n\nexport const SMALL_BUTTON_ICON_SIZE = 16;\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/**\n * @deprecated\n */\nexport enum ButtonInputType {\n  BUTTON = \"button\",\n  SUBMIT = \"submit\",\n  RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,IAOKC,EAPCC,EAAyB,GAEzBC,EAAmB,IAKhC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Button/helper/dom-helpers.js

@@ -0,0 +1,2 @@
+var r="rgba(0, 0, 0, 0)";function e(t,n){var o=t.parentElement;if(t===t.parentElement)return t?window.getComputedStyle(t).backgroundColor:n;if(!o)return n;var a=window.getComputedStyle(o).backgroundColor;return a&&a!==n?a===r?n:a:e(o,n)}export{r as TRANSPARENT_COLOR,e as getParentBackgroundColorNotTransparent};
+//# sourceMappingURL=dom-helpers.js.map

package/dist/src/components/Button/helper/dom-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-helpers.js","sources":["../../../../../src/components/Button/helper/dom-helpers.js"],"sourcesContent":["export const TRANSPARENT_COLOR = \"rgba(0, 0, 0, 0)\";\n\nexport function getParentBackgroundColorNotTransparent(element, defaultColor) {\n  const parentElement = element.parentElement;\n  if (element === element.parentElement) {\n    if (!element) {\n      return defaultColor;\n    }\n\n    return window.getComputedStyle(element).backgroundColor;\n  }\n\n  if (!parentElement) {\n    return defaultColor;\n  }\n\n  const backgroundColor = window.getComputedStyle(parentElement).backgroundColor;\n  if (!backgroundColor || backgroundColor === defaultColor) {\n    return getParentBackgroundColorNotTransparent(parentElement, defaultColor);\n  }\n\n  return backgroundColor === TRANSPARENT_COLOR ? defaultColor : backgroundColor;\n}\n"],"names":["TRANSPARENT_COLOR","getParentBackgroundColorNotTransparent","element","defaultColor","parentElement","window","getComputedStyle","backgroundColor"],"mappings":"AAAO,IAAMA,EAAoB,mBAE1B,SAASC,EAAuCC,EAASC,GAC9D,IAAMC,EAAgBF,EAAQE,cAC9B,GAAIF,IAAYA,EAAQE,cACtB,OAAKF,EAIEG,OAAOC,iBAAiBJ,GAASK,gBAH/BJ,EAMX,IAAKC,EACH,OAAOD,EAGT,IAAMI,EAAkBF,OAAOC,iBAAiBF,GAAeG,gBAC/D,OAAKA,GAAmBA,IAAoBJ,EAIrCI,IAAoBP,EAAoBG,EAAeI,EAHrDN,EAAuCG,EAAeD,EAIjE"}

package/dist/src/components/Button/helper/useButtonLoading.js

@@ -0,0 +1,2 @@
+import{slicedToArray as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as r,useEffect as i}from"react";function o(o){var a=o.isLoading,t=r(a),e=n(t,2),u=e[0],l=e[1];return i((function(){var n=window.requestAnimationFrame((function(){l(a)}));return function(){window.cancelAnimationFrame(n)}}),[a]),{loading:u}}export{o as useButtonLoading};
+//# sourceMappingURL=useButtonLoading.js.map

package/dist/src/components/Button/helper/useButtonLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonLoading.js","sources":["../../../../../src/components/Button/helper/useButtonLoading.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport function useButtonLoading({ isLoading }: { isLoading: boolean }): { loading: boolean } {\n  const [loading, setLoading] = useState(isLoading);\n\n  useEffect(() => {\n    const frameId = window.requestAnimationFrame(() => {\n      setLoading(isLoading);\n    });\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [isLoading]);\n\n  return { loading };\n}\n"],"names":["useButtonLoading","_ref","isLoading","_useState","useState","_useState2","_slicedToArray","loading","setLoading","useEffect","frameId","window","requestAnimationFrame","cancelAnimationFrame"],"mappings":"kIAEgB,SAAAA,EAAgBC,GAAsC,IAAnCC,EAASD,EAATC,UACjCC,EAA8BC,EAASF,GAAUG,EAAAC,EAAAH,EAAA,GAA1CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAW1B,OATAI,GAAU,WACR,IAAMC,EAAUC,OAAOC,uBAAsB,WAC3CJ,EAAWN,EACb,IACA,OAAO,WACLS,OAAOE,qBAAqBH,GAEhC,GAAG,CAACR,IAEG,CAAEK,QAAAA,EACX"}

package/dist/src/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,2 @@
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useCallback as l,useMemo as a,useEffect as n}from"react";import{camelCase as d}from"lodash-es";import u from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as h}from"../../tests/testIds.js";import{ComponentDefaultTestId as y,ComponentVibeId as B}from"../../tests/constants.js";import j from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,C=i.name,T=void 0===C?"":C,g=i.disabled,N=void 0!==g&&g,P=i.value,x=void 0===P?"":P,M=i.onSelect,O=i.size,S=void 0===O?"small":O,U=i.kind,D=void 0===U?"secondary":U,W=i.groupAriaLabel,z=void 0===W?"":W,E=i.tooltipPosition,G=i.tooltipHideDelay,H=i.tooltipShowDelay,I=i.tooltipContainerSelector,_=i.tooltipMoveBy,w=i.blurOnMouseUp,A=void 0===w||w,L=i.id,R=i["data-testid"],F=i.fullWidth,q=void 0!==F&&F,J=r(),K=f(m,J),Q=s(x),V=t(Q,2),X=V[0],Y=V[1],Z=c(x),$=l((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,T))}),[M,N,T]),tt=function(t){return(null==t?void 0:t.value)===X},et=a((function(){return k.find((function(t){return tt(t)}))}),[k,X]),ot=a((function(){return k.map((function(t,i){var r=tt(t),s=0===i,l=i===k.length-1,a=tt(k[i+1]);return o.createElement(v,{key:t.value,size:S,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:E,tooltipHideDelay:G,tooltipShowDelay:H,tooltipContainerSelector:I,tooltipMoveBy:_,blurOnMouseUp:A,fullWidth:q,className:u(j.button,j.optionText,e(e(e(e(e(e({},j.selected,r),j.disabled,N),j.buttonDisabled,t.disabled),j.fullWidth,q),j.startBorder,s),j.endBorder,l||!a)),activeButtonClassName:j.activeButton},t.text)}))}),[k,X,S,E,G,H,I,_,A,N,q,$]);return n((function(){x!==Z&&x!==X&&Y(x)}),[x,Z,X,Y]),o.createElement("div",{className:u(j.buttonGroup,b,p(j,d("kind-"+D)),e({},j.disabled,N)),id:L,"data-testid":R||h(y.BUTTON_GROUP,L),"data-vibe":B.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":z,className:u(j.buttonsContainer,e({},j.fullWidth,q)),"aria-disabled":N},ot),et&&et.subText&&o.createElement("div",{className:u(j.subTextContainer)},et.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
+//# sourceMappingURL=ButtonGroup.js.map