@vibe/core 4.5.9-alpha-0c988.0 → 4.5.10

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\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} size={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","size","indent","Text","color","style","maxWidth","render"],"mappings":"oOAOgBA,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,KAAM,KAElE,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"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/BaseItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseItem.types\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport React from \"react\";\nimport { Avatar } from \"@vibe/avatar\";\nimport styles from \"./BaseItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\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} size={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","size","indent","Text","color","style","maxWidth","render"],"mappings":"iQAOgBA,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,KAAM,KAElE,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/BaseList/BaseList.module.scss.js

@@ -1,2 +1,2 @@
-var e={baseList:"baseList_0ddf6900d8"};!function(e){const t="s_id-97ac9c3bb99a_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_0ddf6900d8 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_0ddf6900d8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_0ddf6900d8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList_020e0b3912"};!function(e){const t="s_id-97ac9c3bb99a_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_020e0b3912 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_020e0b3912::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_020e0b3912::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_36d85878de",withoutText:"withoutText_c7e5596f59",breadcrumbText:"breadcrumbText_985bee5779",breadcrumbIcon:"breadcrumbIcon_f91fa22656",clickable:"clickable_3f1262670a",current:"current_d71de81170",disabled:"disabled_5639ba9a40",notClickable:"notClickable_359968fe72"};!function(e){const n="s_id-6512392a70ad_4_5_8";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 */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_36d85878de {\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_36d85878de.withoutText_c7e5596f59 {\n  padding: 4px;\n}\na.breadcrumbContent_36d85878de:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_36d85878de .breadcrumbText_985bee5779 {\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_36d85878de .breadcrumbIcon_f91fa22656 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_36d85878de:focus {\n  outline: none;\n}\n.breadcrumbContent_36d85878de.clickable_3f1262670a {\n  cursor: pointer;\n}\n.breadcrumbContent_36d85878de.clickable_3f1262670a:hover,\n.breadcrumbContent_36d85878de:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_36d85878de.current_d71de81170 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_36d85878de.disabled_5639ba9a40 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_36d85878de.disabled_5639ba9a40:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_36d85878de.notClickable_359968fe72 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_c4ad8e4944",withoutText:"withoutText_68faf787e5",breadcrumbText:"breadcrumbText_bf38d441bb",breadcrumbIcon:"breadcrumbIcon_89f75fc03c",clickable:"clickable_cb63bf2039",current:"current_23908cb3fe",disabled:"disabled_05ad15b3d8",notClickable:"notClickable_c3659538db"};!function(e){const n="s_id-6512392a70ad_4_5_9";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 */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_c4ad8e4944 {\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_c4ad8e4944.withoutText_68faf787e5 {\n  padding: 4px;\n}\na.breadcrumbContent_c4ad8e4944:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_c4ad8e4944 .breadcrumbText_bf38d441bb {\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_c4ad8e4944 .breadcrumbIcon_89f75fc03c {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_c4ad8e4944:focus {\n  outline: none;\n}\n.breadcrumbContent_c4ad8e4944.clickable_cb63bf2039 {\n  cursor: pointer;\n}\n.breadcrumbContent_c4ad8e4944.clickable_cb63bf2039:hover,\n.breadcrumbContent_c4ad8e4944:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_c4ad8e4944.current_23908cb3fe {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_c4ad8e4944.disabled_05ad15b3d8 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_c4ad8e4944.disabled_05ad15b3d8:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_c4ad8e4944.notClickable_c3659538db {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_cb8e1a1d78"};!function(e){const n="s_id-fc5ae89c4b65_4_5_8";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_cb8e1a1d78 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_310e942fff"};!function(e){const n="s_id-fc5ae89c4b65_4_5_9";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_310e942fff {\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/BreadcrumbsBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_d854963180",separatorIcon:"separatorIcon_c1bdfbaee0"};!function(e){const n="s_id-24567fd55d40_4_5_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_d854963180 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_d854963180 ol .separatorIcon_c1bdfbaee0 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_6fc383f7e7",separatorIcon:"separatorIcon_fc5d5b4b0e"};!function(e){const n="s_id-24567fd55d40_4_5_9";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_6fc383f7e7 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_6fc383f7e7 ol .separatorIcon_fc5d5b4b0e {\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/Chips/Chips.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as a,useState as s,useCallback as r,useMemo as n}from"react";import l from"classnames";import{getCSSVar as c}from"../../services/themes.js";import{getElementColor as d}from"../../types/Colors.js";import m from"../Avatar/Avatar.js";import{getTestId as u,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"../../hooks/useSetFocus/index.js";import v from"./Chips.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";import g from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import h from"../../../components/icon/dist/Icon/Icon.js";import y from"../../../components/typography/dist/Text/Text.js";import j from"../../../components/icon-button/dist/IconButton/IconButton.js";import k from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as x}from"../../../shared/dist/hooks/useMergeRef.js";var C=i((function(i,C){var N=i.className,E=i.avatarClassName,S=i.iconClassName,A=i.id,M=i.label,I=void 0===M?"":M,w=i.leftIcon,T=void 0===w?null:w,z=i.rightIcon,B=void 0===z?null:z,P=i.leftAvatar,O=void 0===P?null:P,R=i.rightAvatar,D=void 0===R?null:R,F=i.disabled,H=void 0!==F&&F,L=i.readOnly,_=void 0!==L&&L,U=i.allowTextSelection,q=void 0!==U&&U,G=i.color,J=void 0===G?"primary":G,K=i.iconSize,Q=void 0===K?18:K,V=i.onDelete,W=void 0===V?function(e,o){}:V,X=i.onMouseDown,Y=i.onClick,Z=i.noAnimation,$=void 0===Z||Z,ee=i["aria-label"],oe=i["aria-haspopup"],te=void 0!==oe&&oe,ie=i.leftAvatarType,ae=void 0===ie?"img":ie,se=i.rightAvatarType,re=void 0===se?"img":se,ne=i.showBorder,le=void 0!==ne&&ne,ce=i.leftRenderer,de=i.rightRenderer,me=i.closeButtonAriaLabel,ue=void 0===me?"Remove":me,pe=i.noMargin,fe=void 0!==pe&&pe,ve=i.size,be=void 0===ve?"medium":ve,ge=i["data-testid"]||u(p.CHIP,A),he=!!Y||!!X,ye=!_&&!H,je=ee||"string"==typeof I&&I||"",ke=a(null),xe=a(null),Ce=s(!1),Ne=e(Ce,2),Ee=Ne[0],Se=Ne[1],Ae=r((function(){return Se(!0)}),[]),Me=r((function(){return Se(!1)}),[]),Ie=f({ref:xe}).isFocused,we=x(C,xe),Te=l(v.chips,N,o(o(o(o(o(o({},v.disabled,H),v.noAnimation,$),v.withUserSelect,q),v.border,le),v.noMargin,fe),v.small,"small"===be)),ze=l(v.clickable,Te,o(o({},v.disabled,H),v.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:H?c("disabled-background-color"):he&&(Ee||Ie)?d(J,!0,!0):d(J,!0)}}),[H,he,Ee,Ie,J]),Pe=r((function(e){e.stopPropagation(),W&&W(A,e)}),[A,W]),Oe=r((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Re=g({onClick:Oe,onMouseDown:X,disabled:H,id:A,"data-testid":ge,"aria-label":je,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},we),De=he?Object.assign(Object.assign({},Re),{ref:we,className:ze,style:Be,onMouseEnter:Ae,onMouseLeave:Me}):{className:Te,"aria-label":je,style:Be,ref:we,onClick:Oe,onMouseDown:X,id:A,"data-testid":ge,onMouseEnter:Ae,onMouseLeave:Me},Fe="text"===ae?{text:O}:{src:O},He="text"===ae?{text:D}:{src:D};return t.createElement("div",Object.assign({},De,{"data-vibe":b.CHIPS}),O?t.createElement(m,Object.assign({withoutBorder:!0,className:l(v.avatar,v.left,E),customSize:18,type:ae,key:A},Fe)):null,T?t.createElement(h,{className:l(v.icon,v.left,S),type:"font",icon:T,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:l(v.customRenderer,v.left)},ce),t.createElement(y,{type:"text2",className:v.label},I),B?t.createElement(h,{className:l(v.icon,v.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,D?t.createElement(m,Object.assign({withoutBorder:!0,className:l(v.avatar,v.right,E),customSize:18,type:re,key:A},He)):null,de&&t.createElement("div",{className:l(v.customRenderer,v.right)},de),ye&&t.createElement(j,{size:"xxs",color:"on-primary-color",className:l(v.icon,v.close),"aria-label":ue,hideTooltip:!0,icon:k,onClick:Pe,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{C as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as s,useCallback as r,useMemo as n}from"react";import l from"classnames";import{getCSSVar as c}from"../../services/themes.js";import{getElementColor as d}from"../../types/Colors.js";import{getTestId as m,ComponentDefaultTestId as u}from"../../tests/testIds.js";import p from"../../hooks/useSetFocus/index.js";import v from"./Chips.module.scss.js";import{ComponentVibeId as f}from"../../tests/constants.js";import b from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import g from"../../../components/avatar/dist/Avatar/Avatar.js";import h from"../../../components/icon/dist/Icon/Icon.js";import y from"../../../components/typography/dist/Text/Text.js";import j from"../../../components/icon-button/dist/IconButton/IconButton.js";import k from"../../../icons/dist/react/CloseSmall.js";import{useMergeRef as x}from"../../../shared/dist/hooks/useMergeRef.js";var C=a((function(a,C){var N=a.className,E=a.avatarClassName,S=a.iconClassName,A=a.id,M=a.label,I=void 0===M?"":M,w=a.leftIcon,T=void 0===w?null:w,z=a.rightIcon,B=void 0===z?null:z,P=a.leftAvatar,O=void 0===P?null:P,R=a.rightAvatar,D=void 0===R?null:R,F=a.disabled,H=void 0!==F&&F,L=a.readOnly,_=void 0!==L&&L,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a["aria-label"],oe=a["aria-haspopup"],te=void 0!==oe&&oe,ae=a.leftAvatarType,ie=void 0===ae?"img":ae,se=a.rightAvatarType,re=void 0===se?"img":se,ne=a.showBorder,le=void 0!==ne&&ne,ce=a.leftRenderer,de=a.rightRenderer,me=a.closeButtonAriaLabel,ue=void 0===me?"Remove":me,pe=a.noMargin,ve=void 0!==pe&&pe,fe=a.size,be=void 0===fe?"medium":fe,ge=a["data-testid"]||m(u.CHIP,A),he=!!Y||!!X,ye=!_&&!H,je=ee||"string"==typeof I&&I||"",ke=i(null),xe=i(null),Ce=s(!1),Ne=e(Ce,2),Ee=Ne[0],Se=Ne[1],Ae=r((function(){return Se(!0)}),[]),Me=r((function(){return Se(!1)}),[]),Ie=p({ref:xe}).isFocused,we=x(C,xe),Te=l(v.chips,N,o(o(o(o(o(o({},v.disabled,H),v.noAnimation,$),v.withUserSelect,q),v.border,le),v.noMargin,ve),v.small,"small"===be)),ze=l(v.clickable,Te,o(o({},v.disabled,H),v.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:H?c("disabled-background-color"):he&&(Ee||Ie)?d(J,!0,!0):d(J,!0)}}),[H,he,Ee,Ie,J]),Pe=r((function(e){e.stopPropagation(),W&&W(A,e)}),[A,W]),Oe=r((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Re=b({onClick:Oe,onMouseDown:X,disabled:H,id:A,"data-testid":ge,"aria-label":je,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},we),De=he?Object.assign(Object.assign({},Re),{ref:we,className:ze,style:Be,onMouseEnter:Ae,onMouseLeave:Me}):{className:Te,"aria-label":je,style:Be,ref:we,onClick:Oe,onMouseDown:X,id:A,"data-testid":ge,onMouseEnter:Ae,onMouseLeave:Me},Fe="text"===ie?{text:O}:{src:O},He="text"===ie?{text:D}:{src:D};return t.createElement("div",Object.assign({},De,{"data-vibe":f.CHIPS}),O?t.createElement(g,Object.assign({withoutBorder:!0,className:l(v.avatar,v.left,E),customSize:18,type:ie,key:A},Fe)):null,T?t.createElement(h,{className:l(v.icon,v.left,S),type:"font",icon:T,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:l(v.customRenderer,v.left)},ce),t.createElement(y,{type:"text2",className:v.label},I),B?t.createElement(h,{className:l(v.icon,v.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,D?t.createElement(g,Object.assign({withoutBorder:!0,className:l(v.avatar,v.right,E),customSize:18,type:re,key:A},He)):null,de&&t.createElement("div",{className:l(v.customRenderer,v.right)},de),ye&&t.createElement(j,{size:"xxs",color:"on-primary-color",className:l(v.icon,v.close),"aria-label":ue,hideTooltip:!0,icon:k,onClick:Pe,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{C as default};
 //# sourceMappingURL=Chips.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  \"aria-haspopup\"?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n  /**\n   * The size of the chip.\n   */\n  size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      \"aria-label\": ariaLabel,\n      \"aria-haspopup\": ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false,\n      size = \"medium\"\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = !!onClick || !!onMouseDown;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: size === \"small\"\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        \"aria-label\": overrideAriaLabel,\n        \"aria-hidden\": false,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            type=\"font\"\n            icon={leftIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            type=\"font\"\n            icon={rightIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            aria-label={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}
+{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { Avatar, type AvatarType } from \"@vibe/avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  \"aria-haspopup\"?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n  /**\n   * The size of the chip.\n   */\n  size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      \"aria-label\": ariaLabel,\n      \"aria-haspopup\": ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false,\n      size = \"medium\"\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = !!onClick || !!onMouseDown;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: size === \"small\"\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        \"aria-label\": overrideAriaLabel,\n        \"aria-hidden\": false,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            type=\"font\"\n            icon={leftIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            type=\"font\"\n            icon={rightIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            aria-label={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={chips:"chips_78cdec77e5","chips-pop-in-emphasized":"chips-pop-in-emphasized_789f451031",border:"border_2cd9296c80",withUserSelect:"withUserSelect_1529a966c9",noMargin:"noMargin_47250ce34d",small:"small_d3aec2237a",icon:"icon_3953e91d92",left:"left_15164e4276",avatar:"avatar_53db07912f",customRenderer:"customRenderer_cee38d4821",right:"right_e10612683c",close:"close_e10612683c",label:"label_339dffd114",noAnimation:"noAnimation_fa5852be69",disabled:"disabled_4a5c5fb762",defaultCursor:"defaultCursor_4a5c5fb762",clickable:"clickable_3f1262670a","focus-visible":"focus-visible_15a8b9e5d5",disableTextSelection:"disableTextSelection_7f5e069479"};!function(e){const c="s_id-e473288e58ea_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const i=document.createElement("style");i.id=c,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_78cdec77e5 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--space-4));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_789f451031 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_78cdec77e5.border_2cd9296c80 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_78cdec77e5.withUserSelect_1529a966c9 {\n  user-select: text;\n  cursor: text;\n}\n.chips_78cdec77e5.noMargin_47250ce34d {\n  margin: 0;\n}\n.chips_78cdec77e5.small_d3aec2237a {\n  height: 20px;\n  padding: 0 4px;\n}\n.chips_78cdec77e5.small_d3aec2237a .icon_3953e91d92.left_15164e4276,\n.chips_78cdec77e5.small_d3aec2237a .avatar_53db07912f.left_15164e4276,\n.chips_78cdec77e5.small_d3aec2237a .customRenderer_cee38d4821.left_15164e4276 {\n  margin-inline-end: var(--space-2);\n}\n.chips_78cdec77e5.small_d3aec2237a .icon_3953e91d92.right_e10612683c,\n.chips_78cdec77e5.small_d3aec2237a .avatar_53db07912f.right_e10612683c,\n.chips_78cdec77e5.small_d3aec2237a .customRenderer_cee38d4821.right_e10612683c {\n  margin-inline-start: var(--space-2);\n}\n.chips_78cdec77e5.small_d3aec2237a .icon_3953e91d92.close_e10612683c,\n.chips_78cdec77e5.small_d3aec2237a .avatar_53db07912f.close_e10612683c,\n.chips_78cdec77e5.small_d3aec2237a .customRenderer_cee38d4821.close_e10612683c {\n  margin-inline-start: var(--space-2);\n}\n.chips_78cdec77e5 .label_339dffd114 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_78cdec77e5.noAnimation_fa5852be69 {\n  animation: none;\n}\n.chips_78cdec77e5 .icon_3953e91d92,\n.chips_78cdec77e5 .avatar_53db07912f,\n.chips_78cdec77e5 .customRenderer_cee38d4821 {\n  min-width: 18px;\n}\n.chips_78cdec77e5 .icon_3953e91d92.left_15164e4276,\n.chips_78cdec77e5 .avatar_53db07912f.left_15164e4276,\n.chips_78cdec77e5 .customRenderer_cee38d4821.left_15164e4276 {\n  margin-inline-end: var(--space-4);\n}\n.chips_78cdec77e5 .icon_3953e91d92.right_e10612683c,\n.chips_78cdec77e5 .avatar_53db07912f.right_e10612683c,\n.chips_78cdec77e5 .customRenderer_cee38d4821.right_e10612683c {\n  margin-inline-start: var(--space-4);\n}\n.chips_78cdec77e5 .icon_3953e91d92.close_e10612683c,\n.chips_78cdec77e5 .avatar_53db07912f.close_e10612683c,\n.chips_78cdec77e5 .customRenderer_cee38d4821.close_e10612683c {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips_78cdec77e5.disabled_4a5c5fb762 .icon_3953e91d92 {\n  color: var(--disabled-text-color);\n}\n.chips_78cdec77e5.disabled_4a5c5fb762 .label_339dffd114 {\n  color: var(--disabled-text-color);\n}\n.chips_78cdec77e5.defaultCursor_4a5c5fb762 {\n  cursor: default;\n}\n.chips_78cdec77e5.clickable_3f1262670a {\n  cursor: pointer;\n}\n.chips_78cdec77e5.clickable_3f1262670a:focus-visible, .chips_78cdec77e5.clickable_3f1262670a.focus-visible_15a8b9e5d5 {\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.chips_78cdec77e5.clickable_3f1262670a:focus:not(.focus-visible_15a8b9e5d5) {\n  outline: none;\n}\n.chips_78cdec77e5.clickable_3f1262670a.disabled_4a5c5fb762 {\n  cursor: default;\n}\n.chips_78cdec77e5.clickable_3f1262670a.disableTextSelection_7f5e069479 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_789f451031 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={chips:"chips_0864fc410e","chips-pop-in-emphasized":"chips-pop-in-emphasized_df025d3239",border:"border_a92530910f",withUserSelect:"withUserSelect_6a90bcef62",noMargin:"noMargin_6f04deb1b5",small:"small_ee2612b83f",icon:"icon_333d9c2fa9",left:"left_a01f0cc309",avatar:"avatar_f41ec930f9",customRenderer:"customRenderer_1293cd5b51",right:"right_be333265bb",close:"close_be333265bb",label:"label_3a5b569172",noAnimation:"noAnimation_d9e3aaf60b",disabled:"disabled_ed88434a2c",defaultCursor:"defaultCursor_ed88434a2c",clickable:"clickable_cb63bf2039","focus-visible":"focus-visible_a3a9d0fd78",disableTextSelection:"disableTextSelection_b0b12385c7"};!function(e){const n="s_id-e473288e58ea_4_5_9";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_0864fc410e {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--space-4));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_df025d3239 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_0864fc410e.border_a92530910f {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_0864fc410e.withUserSelect_6a90bcef62 {\n  user-select: text;\n  cursor: text;\n}\n.chips_0864fc410e.noMargin_6f04deb1b5 {\n  margin: 0;\n}\n.chips_0864fc410e.small_ee2612b83f {\n  height: 20px;\n  padding: 0 4px;\n}\n.chips_0864fc410e.small_ee2612b83f .icon_333d9c2fa9.left_a01f0cc309,\n.chips_0864fc410e.small_ee2612b83f .avatar_f41ec930f9.left_a01f0cc309,\n.chips_0864fc410e.small_ee2612b83f .customRenderer_1293cd5b51.left_a01f0cc309 {\n  margin-inline-end: var(--space-2);\n}\n.chips_0864fc410e.small_ee2612b83f .icon_333d9c2fa9.right_be333265bb,\n.chips_0864fc410e.small_ee2612b83f .avatar_f41ec930f9.right_be333265bb,\n.chips_0864fc410e.small_ee2612b83f .customRenderer_1293cd5b51.right_be333265bb {\n  margin-inline-start: var(--space-2);\n}\n.chips_0864fc410e.small_ee2612b83f .icon_333d9c2fa9.close_be333265bb,\n.chips_0864fc410e.small_ee2612b83f .avatar_f41ec930f9.close_be333265bb,\n.chips_0864fc410e.small_ee2612b83f .customRenderer_1293cd5b51.close_be333265bb {\n  margin-inline-start: var(--space-2);\n}\n.chips_0864fc410e .label_3a5b569172 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_0864fc410e.noAnimation_d9e3aaf60b {\n  animation: none;\n}\n.chips_0864fc410e .icon_333d9c2fa9,\n.chips_0864fc410e .avatar_f41ec930f9,\n.chips_0864fc410e .customRenderer_1293cd5b51 {\n  min-width: 18px;\n}\n.chips_0864fc410e .icon_333d9c2fa9.left_a01f0cc309,\n.chips_0864fc410e .avatar_f41ec930f9.left_a01f0cc309,\n.chips_0864fc410e .customRenderer_1293cd5b51.left_a01f0cc309 {\n  margin-inline-end: var(--space-4);\n}\n.chips_0864fc410e .icon_333d9c2fa9.right_be333265bb,\n.chips_0864fc410e .avatar_f41ec930f9.right_be333265bb,\n.chips_0864fc410e .customRenderer_1293cd5b51.right_be333265bb {\n  margin-inline-start: var(--space-4);\n}\n.chips_0864fc410e .icon_333d9c2fa9.close_be333265bb,\n.chips_0864fc410e .avatar_f41ec930f9.close_be333265bb,\n.chips_0864fc410e .customRenderer_1293cd5b51.close_be333265bb {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips_0864fc410e.disabled_ed88434a2c .icon_333d9c2fa9 {\n  color: var(--disabled-text-color);\n}\n.chips_0864fc410e.disabled_ed88434a2c .label_3a5b569172 {\n  color: var(--disabled-text-color);\n}\n.chips_0864fc410e.defaultCursor_ed88434a2c {\n  cursor: default;\n}\n.chips_0864fc410e.clickable_cb63bf2039 {\n  cursor: pointer;\n}\n.chips_0864fc410e.clickable_cb63bf2039:focus-visible, .chips_0864fc410e.clickable_cb63bf2039.focus-visible_a3a9d0fd78 {\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.chips_0864fc410e.clickable_cb63bf2039:focus:not(.focus-visible_a3a9d0fd78) {\n  outline: none;\n}\n.chips_0864fc410e.clickable_cb63bf2039.disabled_ed88434a2c {\n  cursor: default;\n}\n.chips_0864fc410e.clickable_cb63bf2039.disableTextSelection_b0b12385c7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_df025d3239 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_49a8f5eff9",colorPickerDialogContent:"colorPickerDialogContent_27cb46da8a"};!function(e){const t="s_id-ffacbf9b6446_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_49a8f5eff9.colorPickerDialogContent_27cb46da8a {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker_16e635e166",colorPickerDialogContent:"colorPickerDialogContent_c117be67e2"};!function(e){const t="s_id-ffacbf9b6446_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_16e635e166.colorPickerDialogContent_c117be67e2 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_b387694c25",clearColorButton:"clearColorButton_c769bb8cea"};!function(e){const n="s_id-745441469971_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_b387694c25 {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_c769bb8cea {\n  margin-top: var(--space-8);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_8513babfff",clearColorButton:"clearColorButton_cddbe52a74"};!function(e){const n="s_id-745441469971_4_5_9";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_8513babfff {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_cddbe52a74 {\n  margin-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_bac8588d31"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_bac8588d31 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_4561d0fd99"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_4561d0fd99 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_8731b429a7",circle:"circle_298ec80ca1",feedbackIndicator:"feedbackIndicator_72653b4932",active:"active_ca4881d1b4",selectedColor:"selectedColor_5f7d981ffa",colorItem:"colorItem_4e66920c7a",colorIndicatorWrapper:"colorIndicatorWrapper_16ed1b9fee",colorItemSizeSmall:"colorItemSizeSmall_697e7e4ee1",colorItemSizeMedium:"colorItemSizeMedium_f7d924406e",colorItemSizeLarge:"colorItemSizeLarge_f74a06d3af",colorItemTextMode:"colorItemTextMode_9bd7cee85b",colorIconWhite:"colorIconWhite_745e1b865c"};!function(e){const r="s_id-4f41e3ef6859_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_8731b429a7.circle_298ec80ca1 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_8731b429a7 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_8731b429a7 .feedbackIndicator_72653b4932 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_8731b429a7:focus,\n.itemWrapper_8731b429a7:focus-visible,\n.itemWrapper_8731b429a7.active_ca4881d1b4 {\n  outline: none;\n}\n\n.itemWrapper_8731b429a7:focus .feedbackIndicator_72653b4932:before,\n.itemWrapper_8731b429a7:focus-visible .feedbackIndicator_72653b4932:before,\n.itemWrapper_8731b429a7.active_ca4881d1b4 .feedbackIndicator_72653b4932:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_8731b429a7:focus .feedbackIndicator_72653b4932:after,\n.itemWrapper_8731b429a7:focus-visible .feedbackIndicator_72653b4932:after,\n.itemWrapper_8731b429a7.active_ca4881d1b4 .feedbackIndicator_72653b4932:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_8731b429a7:hover:not(.active_ca4881d1b4):not(.selectedColor_5f7d981ffa) .feedbackIndicator_72653b4932 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_8731b429a7 .colorItem_4e66920c7a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_8731b429a7 .colorItem_4e66920c7a .colorIndicatorWrapper_16ed1b9fee {\n  display: flex;\n}\n\n.itemWrapper_8731b429a7 .colorItem_4e66920c7a.colorItemSizeSmall_697e7e4ee1 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_8731b429a7 .colorItem_4e66920c7a.colorItemSizeMedium_f7d924406e {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_8731b429a7 .colorItem_4e66920c7a.colorItemSizeLarge_f74a06d3af {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_8731b429a7.selectedColor_5f7d981ffa {\n  position: relative;\n}\n\n.itemWrapper_8731b429a7.selectedColor_5f7d981ffa:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_8731b429a7.selectedColor_5f7d981ffa .feedbackIndicator_72653b4932:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_8731b429a7 .colorItemTextMode_9bd7cee85b:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_8731b429a7 .colorIconWhite_745e1b865c {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_2d655f059c",circle:"circle_970f14c728",feedbackIndicator:"feedbackIndicator_0ed601f757",active:"active_36d7e569e7",selectedColor:"selectedColor_7c43c08f56",colorItem:"colorItem_a190980296",colorIndicatorWrapper:"colorIndicatorWrapper_9bf7e37b09",colorItemSizeSmall:"colorItemSizeSmall_76eef6d17d",colorItemSizeMedium:"colorItemSizeMedium_b4b9b85462",colorItemSizeLarge:"colorItemSizeLarge_d90483142a",colorItemTextMode:"colorItemTextMode_6aa842444c",colorIconWhite:"colorIconWhite_847a57d05e"};!function(e){const r="s_id-4f41e3ef6859_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_2d655f059c.circle_970f14c728 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_2d655f059c {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_2d655f059c .feedbackIndicator_0ed601f757 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_2d655f059c:focus,\n.itemWrapper_2d655f059c:focus-visible,\n.itemWrapper_2d655f059c.active_36d7e569e7 {\n  outline: none;\n}\n\n.itemWrapper_2d655f059c:focus .feedbackIndicator_0ed601f757:before,\n.itemWrapper_2d655f059c:focus-visible .feedbackIndicator_0ed601f757:before,\n.itemWrapper_2d655f059c.active_36d7e569e7 .feedbackIndicator_0ed601f757:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2d655f059c:focus .feedbackIndicator_0ed601f757:after,\n.itemWrapper_2d655f059c:focus-visible .feedbackIndicator_0ed601f757:after,\n.itemWrapper_2d655f059c.active_36d7e569e7 .feedbackIndicator_0ed601f757:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_2d655f059c:hover:not(.active_36d7e569e7):not(.selectedColor_7c43c08f56) .feedbackIndicator_0ed601f757 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2d655f059c .colorItem_a190980296 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_2d655f059c .colorItem_a190980296 .colorIndicatorWrapper_9bf7e37b09 {\n  display: flex;\n}\n\n.itemWrapper_2d655f059c .colorItem_a190980296.colorItemSizeSmall_76eef6d17d {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_2d655f059c .colorItem_a190980296.colorItemSizeMedium_b4b9b85462 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_2d655f059c .colorItem_a190980296.colorItemSizeLarge_d90483142a {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_2d655f059c.selectedColor_7c43c08f56 {\n  position: relative;\n}\n\n.itemWrapper_2d655f059c.selectedColor_7c43c08f56:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_2d655f059c.selectedColor_7c43c08f56 .feedbackIndicator_0ed601f757:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_2d655f059c .colorItemTextMode_6aa842444c:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_2d655f059c .colorIconWhite_847a57d05e {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_7ac18d919d",stickyCategory:"stickyCategory_dbe4325374",comboboxCategory:"comboboxCategory_82fd5e387d",sizeSmall:"sizeSmall_a5b8c0038a",sizeMedium:"sizeMedium_e93360f1a3",sizeLarge:"sizeLarge_a5b8c0038a",empty:"empty_16b096c7ff",comboboxSearchWrapper:"comboboxSearchWrapper_e40a462880",comboboxNoResults:"comboboxNoResults_2915bddce4",comboboxMessageWrapper:"comboboxMessageWrapper_a2ea93cd1f",comboboxMessage:"comboboxMessage_339dffd114",addNewButton:"addNewButton_6555e7b0de",buttonLabel:"buttonLabel_339dffd114",comboboxList:"comboboxList_40e1af2f8a"};!function(o){const e="s_id-5bf292a5a8b0_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_7ac18d919d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_7ac18d919d.stickyCategory_dbe4325374 .comboboxCategory_82fd5e387d {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_7ac18d919d.stickyCategory_dbe4325374.sizeSmall_a5b8c0038a .comboboxCategory_82fd5e387d {\n  top: 32px;\n}\n.combobox_7ac18d919d.stickyCategory_dbe4325374.sizeMedium_e93360f1a3 .comboboxCategory_82fd5e387d {\n  top: 40px;\n}\n.combobox_7ac18d919d.stickyCategory_dbe4325374.sizeLarge_a5b8c0038a .comboboxCategory_82fd5e387d {\n  top: 48px;\n}\n.combobox_7ac18d919d.empty_16b096c7ff {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_e40a462880 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_2915bddce4 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_2915bddce4 .comboboxMessageWrapper_a2ea93cd1f {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_2915bddce4 .comboboxMessageWrapper_a2ea93cd1f .comboboxMessage_339dffd114 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_2915bddce4 .addNewButton_6555e7b0de {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_2915bddce4 .addNewButton_6555e7b0de .buttonLabel_339dffd114 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_40e1af2f8a {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_1547956019",stickyCategory:"stickyCategory_296748d7dd",comboboxCategory:"comboboxCategory_d40553d1d8",sizeSmall:"sizeSmall_7ceb096727",sizeMedium:"sizeMedium_6ed76caba6",sizeLarge:"sizeLarge_7ceb096727",empty:"empty_362514e761",comboboxSearchWrapper:"comboboxSearchWrapper_6d60cf8832",comboboxNoResults:"comboboxNoResults_0776dfb7a5",comboboxMessageWrapper:"comboboxMessageWrapper_9b723cb855",comboboxMessage:"comboboxMessage_3a5b569172",addNewButton:"addNewButton_dcd97f0a88",buttonLabel:"buttonLabel_3a5b569172",comboboxList:"comboboxList_548378ef89"};!function(o){const e="s_id-5bf292a5a8b0_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_1547956019 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_1547956019.stickyCategory_296748d7dd .comboboxCategory_d40553d1d8 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_1547956019.stickyCategory_296748d7dd.sizeSmall_7ceb096727 .comboboxCategory_d40553d1d8 {\n  top: 32px;\n}\n.combobox_1547956019.stickyCategory_296748d7dd.sizeMedium_6ed76caba6 .comboboxCategory_d40553d1d8 {\n  top: 40px;\n}\n.combobox_1547956019.stickyCategory_296748d7dd.sizeLarge_7ceb096727 .comboboxCategory_d40553d1d8 {\n  top: 48px;\n}\n.combobox_1547956019.empty_362514e761 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_6d60cf8832 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_0776dfb7a5 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_0776dfb7a5 .comboboxMessageWrapper_9b723cb855 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_0776dfb7a5 .comboboxMessageWrapper_9b723cb855 .comboboxMessage_3a5b569172 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_0776dfb7a5 .addNewButton_dcd97f0a88 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_0776dfb7a5 .addNewButton_dcd97f0a88 .buttonLabel_3a5b569172 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_548378ef89 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_82bec4f166",dividerContainer:"dividerContainer_cdf0488c39",divider:"divider_8e97039430",sticky:"sticky_849b710b90"};!function(e){const n="s_id-cfec7f62c06c_4_5_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_82bec4f166 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_cdf0488c39 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_8e97039430 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_849b710b90 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_9756716557",dividerContainer:"dividerContainer_8a9b415616",divider:"divider_ce5ad61318",sticky:"sticky_3f0b28bea5"};!function(e){const n="s_id-cfec7f62c06c_4_5_9";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_9756716557 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_8a9b415616 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_ce5ad61318 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_3f0b28bea5 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_f0f83e39a1"};!function(e){const t="s_id-ddc89c066e12_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_f0f83e39a1 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_bf81d97f66"};!function(e){const t="s_id-ddc89c066e12_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_bf81d97f66 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_ecb7fd840d",optionsContainer:"optionsContainer_1a07817d1d",categoryWithOptions:"categoryWithOptions_1c6b06c990",firstCategory:"firstCategory_a3197d2af1",categoryWithoutOptions:"categoryWithoutOptions_6eed24f946"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_ecb7fd840d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_ecb7fd840d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_1a07817d1d {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_1c6b06c990.firstCategory_a3197d2af1,\n.categoryWithoutOptions_6eed24f946.firstCategory_a3197d2af1 {\n  padding-top: 0;\n}\n.categoryWithOptions_1c6b06c990 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_6eed24f946 {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_e190bd8ca2",optionsContainer:"optionsContainer_657f744b27",categoryWithOptions:"categoryWithOptions_105a6bcef9",firstCategory:"firstCategory_9d39a5e8e6",categoryWithoutOptions:"categoryWithoutOptions_eb938127cd"};!function(e){const t="s_id-9dc0ac18aa3d_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_e190bd8ca2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_e190bd8ca2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_657f744b27 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_105a6bcef9.firstCategory_9d39a5e8e6,\n.categoryWithoutOptions_eb938127cd.firstCategory_9d39a5e8e6 {\n  padding-top: 0;\n}\n.categoryWithOptions_105a6bcef9 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_eb938127cd {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_37c871075b",disabled:"disabled_df42ac7d97",selected:"selected_e04dab3efd",active:"active_9f020720e7",activeOutline:"activeOutline_59d7ad4731",optionLabel:"optionLabel_d646e7b33d",optionIcon:"optionIcon_45a9a16eba",left:"left_04f48bb728"};!function(o){const e="s_id-3db504899945_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_37c871075b {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_37c871075b.disabled_df42ac7d97 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_37c871075b.disabled_df42ac7d97:hover {\n  background-color: transparent;\n}\n.comboboxOption_37c871075b.selected_e04dab3efd {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_37c871075b:hover:not(.disabled_df42ac7d97):not(.selected_e04dab3efd),\n.comboboxOption_37c871075b.active_9f020720e7 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_37c871075b.activeOutline_59d7ad4731 {\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  background-color: var(--secondary-background-color);\n}\n.comboboxOption_37c871075b .optionLabel_d646e7b33d {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_37c871075b .optionIcon_45a9a16eba {\n  flex: 0 0 auto;\n}\n.comboboxOption_37c871075b .optionIcon_45a9a16eba.left_04f48bb728 {\n  margin-inline-end: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_630890edb8",disabled:"disabled_0cd3291f61",selected:"selected_bc311732b5",active:"active_63aefafd3b",activeOutline:"activeOutline_9d084e4455",optionLabel:"optionLabel_abb8a63987",optionIcon:"optionIcon_c2093878f1",left:"left_0a32122e75"};!function(o){const e="s_id-3db504899945_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_630890edb8 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_630890edb8.disabled_0cd3291f61 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_630890edb8.disabled_0cd3291f61:hover {\n  background-color: transparent;\n}\n.comboboxOption_630890edb8.selected_bc311732b5 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_630890edb8:hover:not(.disabled_0cd3291f61):not(.selected_bc311732b5),\n.comboboxOption_630890edb8.active_63aefafd3b {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_630890edb8.activeOutline_9d084e4455 {\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  background-color: var(--secondary-background-color);\n}\n.comboboxOption_630890edb8 .optionLabel_abb8a63987 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_630890edb8 .optionIcon_c2093878f1 {\n  flex: 0 0 auto;\n}\n.comboboxOption_630890edb8 .optionIcon_c2093878f1.left_0a32122e75 {\n  margin-inline-end: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_cc1c76510a"};!function(e){const t="s_id-c981e92fbca0_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_cc1c76510a {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_5be91fa020"};!function(e){const t="s_id-c981e92fbca0_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_5be91fa020 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_ea9e101be1",datePickerMonths:"datePickerMonths_13dbd9c48a",withWeekNumber:"withWeekNumber_01c9191f63",datePickerHead:"datePickerHead_346c3fdbed",datePickerBody:"datePickerBody_346c3fdbed",datePickerTable:"datePickerTable_9f10566ef7",datePickerDay:"datePickerDay_1ed26ad7b9",datePickerDayContent:"datePickerDayContent_51b30839fc",datePickerDayDisabled:"datePickerDayDisabled_c8501107ad",datePickerAddToRangeStart:"datePickerAddToRangeStart_f05be42a1f",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_f1deed0bf1",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_40eae1734f",datePickerDayRangeStart:"datePickerDayRangeStart_308318add9",datePickerDayRangeEnd:"datePickerDayRangeEnd_d52c3d594e",datePickerDayOutside:"datePickerDayOutside_3953e91d92",datePickerDaySelected:"datePickerDaySelected_d52c3d594e",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_adf3c76284",datePickerRemoveFromRange:"datePickerRemoveFromRange_2ac5e781b1",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_74e2af7427"};!function(e){const d="s_id-601bce29f4a5_4_5_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_ea9e101be1 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_ea9e101be1 .datePickerMonths_13dbd9c48a {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_ea9e101be1.withWeekNumber_01c9191f63 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_ea9e101be1.withWeekNumber_01c9191f63 .datePickerHead_346c3fdbed td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_ea9e101be1.withWeekNumber_01c9191f63 .datePickerHead_346c3fdbed td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_ea9e101be1.withWeekNumber_01c9191f63 .datePickerBody_346c3fdbed td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_ea9e101be1.withWeekNumber_01c9191f63 .datePickerBody_346c3fdbed tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_ea9e101be1 .datePickerTable_9f10566ef7 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_ea9e101be1 .datePickerHead_346c3fdbed th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9 .datePickerDayContent_51b30839fc {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9:focus-visible {\n  outline: none;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9:focus-visible .datePickerDayContent_51b30839fc {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayDisabled_c8501107ad {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9:not(.datePickerDayDisabled_c8501107ad):not(.datePickerAddToRangeStart_f05be42a1f):not(.datePickerAddToRangeEnd_f1deed0bf1):not(.datePickerAddToRangeMiddle_40eae1734f):not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e) .datePickerDayContent_51b30839fc:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayOutside_3953e91d92 {\n  color: var(--disabled-text-color);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDaySelected_d52c3d594e:not(.datePickerDayRangeMiddle_adf3c76284):not(.datePickerRemoveFromRange_2ac5e781b1) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeStart_308318add9:not(.datePickerDayRangeEnd_d52c3d594e):not(.datePickerRemoveFromRange_2ac5e781b1), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeEnd_d52c3d594e:not(.datePickerDayRangeStart_308318add9):not(.datePickerRemoveFromRange_2ac5e781b1) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeStart_308318add9.datePickerRemoveFromRange_2ac5e781b1, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeEnd_d52c3d594e.datePickerRemoveFromRange_2ac5e781b1 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeStart_308318add9.datePickerRemoveFromRange_2ac5e781b1:not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeEnd_d52c3d594e.datePickerRemoveFromRange_2ac5e781b1:not(.datePickerDayRangeStart_308318add9) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeStart_308318add9:not(.datePickerDayRangeEnd_d52c3d594e) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeEnd_d52c3d594e:not(.datePickerDayRangeStart_308318add9) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeMiddle_adf3c76284:not(.datePickerAddToRangeStart_f05be42a1f):not(.datePickerAddToRangeEnd_f1deed0bf1) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerDayRangeMiddle_adf3c76284:not(.datePickerAddToRangeStart_f05be42a1f):not(.datePickerAddToRangeEnd_f1deed0bf1) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerRemoveFromRange_2ac5e781b1:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f:not(.datePickerDayRangeMiddle_adf3c76284):not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerDayRangeMiddle_adf3c76284):not(.datePickerDayRangeStart_308318add9), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerDayRangeMiddle_adf3c76284, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerRemoveFromRange_2ac5e781b1 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerDayRangeEnd_d52c3d594e:not(.datePickerDayRangeStart_308318add9) {\n  margin-inline-end: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerDayRangeMiddle_adf3c76284, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerDayRangeStart_308318add9):not(.datePickerDayRangeEnd_d52c3d594e) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerRemoveFromRange_2ac5e781b1 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerDayRangeStart_308318add9:not(.datePickerDayRangeEnd_d52c3d594e) {\n  margin-inline-start: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f:not(.datePickerDayRangeMiddle_adf3c76284), .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f, .datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerDayRangeMiddle_adf3c76284),\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeStart_f05be42a1f:not(.datePickerDayRangeMiddle_adf3c76284),\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeMiddle_40eae1734f,\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerDayRangeMiddle_adf3c76284) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerDaySelected_d52c3d594e.datePickerDayRangeEnd_d52c3d594e.datePickerAddToRangeStart_f05be42a1f,\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerDaySelected_d52c3d594e.datePickerDayRangeEnd_d52c3d594e.datePickerAddToRangeStart_f05be42a1f {\n  border-inline-start-width: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:first-child .datePickerDay_1ed26ad7b9.datePickerDaySelected_d52c3d594e.datePickerDayRangeStart_308318add9.datePickerAddToRangeEnd_f1deed0bf1,\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed tr td:last-child .datePickerDay_1ed26ad7b9.datePickerDaySelected_d52c3d594e.datePickerDayRangeStart_308318add9.datePickerAddToRangeEnd_f1deed0bf1 {\n  border-inline-end-width: 0;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDaySelected_d52c3d594e.datePickerDayRangeEnd_d52c3d594e.datePickerAddToRangeStart_f05be42a1f {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDaySelected_d52c3d594e.datePickerDayRangeEnd_d52c3d594e.datePickerAddToRangeStart_f05be42a1f:not(.datePickerHalfRangeSelected_74e2af7427) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDaySelected_d52c3d594e.datePickerDayRangeStart_308318add9.datePickerAddToRangeEnd_f1deed0bf1 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_ea9e101be1 .datePickerBody_346c3fdbed .datePickerDaySelected_d52c3d594e.datePickerDayRangeStart_308318add9.datePickerAddToRangeEnd_f1deed0bf1:not(.datePickerHalfRangeSelected_74e2af7427) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_76a29af5d9",datePickerMonths:"datePickerMonths_1b92d37485",withWeekNumber:"withWeekNumber_9bf2ba8549",datePickerHead:"datePickerHead_2986399108",datePickerBody:"datePickerBody_2986399108",datePickerTable:"datePickerTable_a2e193cfd1",datePickerDay:"datePickerDay_daeffe04d2",datePickerDayContent:"datePickerDayContent_c0ccf38f28",datePickerDayDisabled:"datePickerDayDisabled_4dcd65c9cd",datePickerAddToRangeStart:"datePickerAddToRangeStart_6cd28272c4",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_f1a498f137",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_e7da03bc3a",datePickerDayRangeStart:"datePickerDayRangeStart_2fc5c6ae52",datePickerDayRangeEnd:"datePickerDayRangeEnd_d9ba996b89",datePickerDayOutside:"datePickerDayOutside_333d9c2fa9",datePickerDaySelected:"datePickerDaySelected_d9ba996b89",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_7df2b4e730",datePickerRemoveFromRange:"datePickerRemoveFromRange_2b3061f1e4",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_d72e553a82"};!function(e){const a="s_id-601bce29f4a5_4_5_9";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_76a29af5d9 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_76a29af5d9 .datePickerMonths_1b92d37485 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_76a29af5d9.withWeekNumber_9bf2ba8549 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_76a29af5d9.withWeekNumber_9bf2ba8549 .datePickerHead_2986399108 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_76a29af5d9.withWeekNumber_9bf2ba8549 .datePickerHead_2986399108 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_76a29af5d9.withWeekNumber_9bf2ba8549 .datePickerBody_2986399108 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_76a29af5d9.withWeekNumber_9bf2ba8549 .datePickerBody_2986399108 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_76a29af5d9 .datePickerTable_a2e193cfd1 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_76a29af5d9 .datePickerHead_2986399108 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2 .datePickerDayContent_c0ccf38f28 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2:focus-visible {\n  outline: none;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2:focus-visible .datePickerDayContent_c0ccf38f28 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayDisabled_4dcd65c9cd {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2:not(.datePickerDayDisabled_4dcd65c9cd):not(.datePickerAddToRangeStart_6cd28272c4):not(.datePickerAddToRangeEnd_f1a498f137):not(.datePickerAddToRangeMiddle_e7da03bc3a):not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89) .datePickerDayContent_c0ccf38f28:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayOutside_333d9c2fa9 {\n  color: var(--disabled-text-color);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDaySelected_d9ba996b89:not(.datePickerDayRangeMiddle_7df2b4e730):not(.datePickerRemoveFromRange_2b3061f1e4) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeStart_2fc5c6ae52:not(.datePickerDayRangeEnd_d9ba996b89):not(.datePickerRemoveFromRange_2b3061f1e4), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeEnd_d9ba996b89:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerRemoveFromRange_2b3061f1e4) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeStart_2fc5c6ae52.datePickerRemoveFromRange_2b3061f1e4, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeEnd_d9ba996b89.datePickerRemoveFromRange_2b3061f1e4 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeStart_2fc5c6ae52.datePickerRemoveFromRange_2b3061f1e4:not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeEnd_d9ba996b89.datePickerRemoveFromRange_2b3061f1e4:not(.datePickerDayRangeStart_2fc5c6ae52) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeStart_2fc5c6ae52:not(.datePickerDayRangeEnd_d9ba996b89) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeEnd_d9ba996b89:not(.datePickerDayRangeStart_2fc5c6ae52) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeMiddle_7df2b4e730:not(.datePickerAddToRangeStart_6cd28272c4):not(.datePickerAddToRangeEnd_f1a498f137) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a, .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerDayRangeMiddle_7df2b4e730:not(.datePickerAddToRangeStart_6cd28272c4):not(.datePickerAddToRangeEnd_f1a498f137) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerRemoveFromRange_2b3061f1e4:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4:not(.datePickerDayRangeMiddle_7df2b4e730):not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137:not(.datePickerDayRangeMiddle_7df2b4e730):not(.datePickerDayRangeStart_2fc5c6ae52), .datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerDayRangeMiddle_7df2b4e730, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerRemoveFromRange_2b3061f1e4 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerDayRangeEnd_d9ba996b89:not(.datePickerDayRangeStart_2fc5c6ae52) {\n  margin-inline-end: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerDayRangeMiddle_7df2b4e730, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89), .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137:not(.datePickerDayRangeStart_2fc5c6ae52):not(.datePickerDayRangeEnd_d9ba996b89) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerRemoveFromRange_2b3061f1e4 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerDayRangeStart_2fc5c6ae52:not(.datePickerDayRangeEnd_d9ba996b89) {\n  margin-inline-start: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4:not(.datePickerDayRangeMiddle_7df2b4e730), .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a, .datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137:not(.datePickerDayRangeMiddle_7df2b4e730),\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeStart_6cd28272c4:not(.datePickerDayRangeMiddle_7df2b4e730),\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeMiddle_e7da03bc3a,\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerAddToRangeEnd_f1a498f137:not(.datePickerDayRangeMiddle_7df2b4e730) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerDaySelected_d9ba996b89.datePickerDayRangeEnd_d9ba996b89.datePickerAddToRangeStart_6cd28272c4,\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerDaySelected_d9ba996b89.datePickerDayRangeEnd_d9ba996b89.datePickerAddToRangeStart_6cd28272c4 {\n  border-inline-start-width: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:first-child .datePickerDay_daeffe04d2.datePickerDaySelected_d9ba996b89.datePickerDayRangeStart_2fc5c6ae52.datePickerAddToRangeEnd_f1a498f137,\n.datePicker_76a29af5d9 .datePickerBody_2986399108 tr td:last-child .datePickerDay_daeffe04d2.datePickerDaySelected_d9ba996b89.datePickerDayRangeStart_2fc5c6ae52.datePickerAddToRangeEnd_f1a498f137 {\n  border-inline-end-width: 0;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDaySelected_d9ba996b89.datePickerDayRangeEnd_d9ba996b89.datePickerAddToRangeStart_6cd28272c4 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDaySelected_d9ba996b89.datePickerDayRangeEnd_d9ba996b89.datePickerAddToRangeStart_6cd28272c4:not(.datePickerHalfRangeSelected_d72e553a82) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDaySelected_d9ba996b89.datePickerDayRangeStart_2fc5c6ae52.datePickerAddToRangeEnd_f1a498f137 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_76a29af5d9 .datePickerBody_2986399108 .datePickerDaySelected_d9ba996b89.datePickerDayRangeStart_2fc5c6ae52.datePickerAddToRangeEnd_f1a498f137:not(.datePickerHalfRangeSelected_d72e553a82) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_588bc0fa6c",yearButtonDropdown:"yearButtonDropdown_633e11dcd9",datePickerHeader:"datePickerHeader_4b22ae8478"};!function(e){const t="s_id-a12251d5376d_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_588bc0fa6c {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_633e11dcd9 {\n  justify-content: space-between;\n}\n.datePickerHeader_4b22ae8478 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_4b22ae8478 button:focus:not(:active), .datePickerHeader_4b22ae8478 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_4eb73ce109",yearButtonDropdown:"yearButtonDropdown_99c46f8bd7",datePickerHeader:"datePickerHeader_a781a4afe4"};!function(e){const t="s_id-a12251d5376d_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_4eb73ce109 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_99c46f8bd7 {\n  justify-content: space-between;\n}\n.datePickerHeader_a781a4afe4 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_a781a4afe4 button:focus:not(:active), .datePickerHeader_a781a4afe4 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_3244d9f50d",wrapper:"wrapper_4ede3419db",active:"active_02871d196f",disabled:"disabled_0b40ac4b0d",readOnly:"readOnly_45502598ab",error:"error_0ada3ea0cf",boxMode:"boxMode_e0969028ae",borderless:"borderless_93a8760020",helperText:"helperText_bf6c3d5bf6"};!function(r){const e="s_id-8dd14e35d33c_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_3244d9f50d {\n  width: 100%;\n}\n\n.wrapper_4ede3419db {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_4ede3419db:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4ede3419db.active_02871d196f, .wrapper_4ede3419db:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_4ede3419db.disabled_0b40ac4b0d {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_4ede3419db.readOnly_45502598ab {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_4ede3419db.error_0ada3ea0cf {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_4ede3419db.boxMode_e0969028ae {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_4ede3419db.borderless_93a8760020 {\n  --border-color: transparent;\n}\n\n.wrapper_4ede3419db.borderless_93a8760020:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4ede3419db.borderless_93a8760020.active_02871d196f, .wrapper_4ede3419db.borderless_93a8760020:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_bf6c3d5bf6 {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_91e387bab7",wrapper:"wrapper_5da7c9f3b9",active:"active_3fde9dd3f6",disabled:"disabled_9357ceaa14",readOnly:"readOnly_4dc2fd97cf",error:"error_0ac9f9d3de",boxMode:"boxMode_a4389f8c3c",borderless:"borderless_03c3bc9ad3",helperText:"helperText_1320e704ef"};!function(r){const e="s_id-8dd14e35d33c_4_5_9";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_91e387bab7 {\n  width: 100%;\n}\n\n.wrapper_5da7c9f3b9 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_5da7c9f3b9:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_5da7c9f3b9.active_3fde9dd3f6, .wrapper_5da7c9f3b9:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_5da7c9f3b9.disabled_9357ceaa14 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_5da7c9f3b9.readOnly_4dc2fd97cf {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_5da7c9f3b9.error_0ac9f9d3de {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_5da7c9f3b9.boxMode_a4389f8c3c {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_5da7c9f3b9.borderless_03c3bc9ad3 {\n  --border-color: transparent;\n}\n\n.wrapper_5da7c9f3b9.borderless_03c3bc9ad3:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_5da7c9f3b9.borderless_03c3bc9ad3.active_3fde9dd3f6, .wrapper_5da7c9f3b9.borderless_03c3bc9ad3:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_1320e704ef {\n  margin-top: var(--space-4);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_cbffb4286c",groupTitle:"groupTitle_ae86e4042e",sticky:"sticky_6a9b286a0e"};!function(e){const n="s_id-87eb930dd60f_4_5_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_cbffb4286c {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_cbffb4286c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_cbffb4286c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_cbffb4286c .groupTitle_ae86e4042e {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_cbffb4286c .groupTitle_ae86e4042e.sticky_6a9b286a0e {\n  position: sticky;\n  top: 0;\n}\n.wrapper_cbffb4286c > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_b1671a384b",groupTitle:"groupTitle_9fd3f37268",sticky:"sticky_b8111a546c"};!function(e){const n="s_id-87eb930dd60f_4_5_9";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_b1671a384b {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_b1671a384b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_b1671a384b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_b1671a384b .groupTitle_9fd3f37268 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_b1671a384b .groupTitle_9fd3f37268.sticky_b8111a546c {\n  position: sticky;\n  top: 0;\n}\n.wrapper_b1671a384b > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_cb69c227dd",inputContainer:"inputContainer_84b36f112a",disabled:"disabled_097548ab3a",readOnly:"readOnly_c61211ee30",error:"error_0ada3ea0cf",menuContainer:"menuContainer_3244d9f50d"};!function(n){const r="s_id-f92aa28952f8_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_cb69c227dd {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_84b36f112a {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_84b36f112a:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_84b36f112a:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_84b36f112a.disabled_097548ab3a {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_84b36f112a.readOnly_c61211ee30 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_84b36f112a.error_0ada3ea0cf {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_3244d9f50d {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_77eeca343c",inputContainer:"inputContainer_b8a6c2310c",disabled:"disabled_01792326e0",readOnly:"readOnly_5c75c61114",error:"error_0ac9f9d3de",menuContainer:"menuContainer_91e387bab7"};!function(n){const r="s_id-f92aa28952f8_4_5_9";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_77eeca343c {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_b8a6c2310c {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_b8a6c2310c:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_b8a6c2310c:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_b8a6c2310c.disabled_01792326e0 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_b8a6c2310c.readOnly_5c75c61114 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_b8a6c2310c.error_0ac9f9d3de {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_91e387bab7 {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownPopup/DropdownPopup.js

@@ -1,2 +1,2 @@
-import e from"react";import{matchWidthMiddleware as r}from"../../utils/dropdown-modifiers.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import t from"../Menu/Menu.js";import i from"../Trigger/SingleSelectTrigger.js";import n from"../Trigger/MultiSelectTrigger.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";var s=function(){var s=o(),l=s.multi;return e.createElement(m,{open:!0,useDerivedStateFromProps:!0,positioningActive:s.isOpen,position:"bottom-start",moveBy:{main:4,secondary:0},observeContentResize:!0,showTrigger:[],hideTrigger:[],middleware:[r],content:e.createElement(t,null),referenceWrapperElement:"div"},e.createElement(l?n:i,null))};export{s as default};
+import e from"react";import{matchWidthMiddleware as r}from"../../utils/dropdown-modifiers.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import t from"../Menu/Menu.js";import i from"../Trigger/SingleSelectTrigger.js";import n from"../Trigger/MultiSelectTrigger.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";var l=function(){var l=o().multi;return e.createElement(m,{open:!0,useDerivedStateFromProps:!0,position:"bottom-start",moveBy:{main:4,secondary:0},observeContentResize:!0,showTrigger:[],hideTrigger:[],middleware:[r],content:e.createElement(t,null),referenceWrapperElement:"div"},e.createElement(l?n:i,null))};export{l as default};
 //# sourceMappingURL=DropdownPopup.js.map

package/dist/src/components/Dropdown/components/DropdownPopup/DropdownPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownPopup.js","sources":["../../../../../../src/components/Dropdown/components/DropdownPopup/DropdownPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@vibe/dialog\";\nimport { matchWidthMiddleware } from \"../../utils/dropdown-modifiers\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport Menu from \"../Menu/Menu\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\n\nconst DropdownPopup = () => {\n  const { multi, isOpen } = useDropdownContext();\n\n  return (\n    <Dialog\n      open\n      useDerivedStateFromProps\n      // Perf-only: the menu Dialog is always mounted (`open`) so downshift's menu element stays in\n      // the DOM. `positioningActive` gates Floating UI so autoUpdate/ResizeObserver run only while\n      // the menu is actually open, instead of always — critical when many dropdowns render together\n      // (e.g. a virtualized table). This does not affect the dialog's open/close behavior.\n      positioningActive={isOpen}\n      position=\"bottom-start\"\n      moveBy={{ main: 4, secondary: 0 }}\n      observeContentResize={true}\n      showTrigger={[]}\n      hideTrigger={[]}\n      middleware={[matchWidthMiddleware]}\n      content={<Menu />}\n      referenceWrapperElement=\"div\"\n    >\n      {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n    </Dialog>\n  );\n};\n\nexport default DropdownPopup;\n"],"names":["DropdownPopup","_useDropdownContext","useDropdownContext","multi","React","createElement","Dialog","open","useDerivedStateFromProps","positioningActive","isOpen","position","moveBy","main","secondary","observeContentResize","showTrigger","hideTrigger","middleware","matchWidthMiddleware","content","Menu","referenceWrapperElement","MultiSelectTrigger","SingleSelectTrigger"],"mappings":"0WAQA,IAAMA,EAAgB,WACpB,IAAAC,EAA0BC,IAAlBC,EAAKF,EAALE,MAER,OACEC,EAACC,cAAAC,EACC,CAAAC,QACAC,0BAAwB,EAKxBC,kBAViBR,EAANS,OAWXC,SAAS,eACTC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,sBAAsB,EACtBC,YAAa,GACbC,YAAa,GACbC,WAAY,CAACC,GACbC,QAAShB,EAACC,cAAAgB,EAAO,MACjBC,wBAAwB,OAEflB,EAACC,cAATF,EAASoB,EAAyBC,EAAJ,MAGrC"}
+{"version":3,"file":"DropdownPopup.js","sources":["../../../../../../src/components/Dropdown/components/DropdownPopup/DropdownPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@vibe/dialog\";\nimport { matchWidthMiddleware } from \"../../utils/dropdown-modifiers\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport Menu from \"../Menu/Menu\";\nimport SingleSelectTrigger from \"../Trigger/SingleSelectTrigger\";\nimport MultiSelectTrigger from \"../Trigger/MultiSelectTrigger\";\n\nconst DropdownPopup = () => {\n  const { multi } = useDropdownContext();\n\n  return (\n    <Dialog\n      open\n      useDerivedStateFromProps\n      position=\"bottom-start\"\n      moveBy={{ main: 4, secondary: 0 }}\n      observeContentResize={true}\n      showTrigger={[]}\n      hideTrigger={[]}\n      middleware={[matchWidthMiddleware]}\n      content={<Menu />}\n      referenceWrapperElement=\"div\"\n    >\n      {multi ? <MultiSelectTrigger /> : <SingleSelectTrigger />}\n    </Dialog>\n  );\n};\n\nexport default DropdownPopup;\n"],"names":["DropdownPopup","multi","useDropdownContext","React","createElement","Dialog","open","useDerivedStateFromProps","position","moveBy","main","secondary","observeContentResize","showTrigger","hideTrigger","middleware","matchWidthMiddleware","content","Menu","referenceWrapperElement","MultiSelectTrigger","SingleSelectTrigger"],"mappings":"0WAQA,IAAMA,EAAgB,WACpB,IAAQC,EAAUC,IAAVD,MAER,OACEE,EAAAC,cAACC,EAAM,CACLC,MAAI,EACJC,0BAAwB,EACxBC,SAAS,eACTC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,sBAAsB,EACtBC,YAAa,GACbC,YAAa,GACbC,WAAY,CAACC,GACbC,QAASd,EAACC,cAAAc,EAAO,MACjBC,wBAAwB,OAEfhB,EAAAC,cAARH,EAASmB,EAAyBC,EAAJ,MAGrC"}

package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_3fd2f95aea",menuHidden:"menuHidden_15936e546f"};!function(e){const i="s_id-448dc11ee0f4_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_3fd2f95aea {\n  visibility: visible;\n}\n\n.menuHidden_15936e546f {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_61262c899a",menuHidden:"menuHidden_ab2ecb5a75"};!function(e){const i="s_id-448dc11ee0f4_4_5_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_61262c899a {\n  visibility: visible;\n}\n\n.menuHidden_ab2ecb5a75 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_8243ef52eb",singleChip:"singleChip_b3130a3ec3",measuring:"measuring_bd82b4280d",hiddenChip:"hiddenChip_185023f53d",inputAndCounterWrapper:"inputAndCounterWrapper_30a138edca",inputWrapper:"inputWrapper_c1e0e9c026",chipWrapperWithOverflow:"chipWrapperWithOverflow_2b1528077b",visibleChip:"visibleChip_ed94379741",hiddenChipsDialog:"hiddenChipsDialog_f1d81b2c28",dialogChip:"dialogChip_ed94379741"};!function(e){const n="s_id-a777ca35d111_4_5_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_8243ef52eb {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_8243ef52eb.singleChip_b3130a3ec3 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_8243ef52eb.singleChip_b3130a3ec3 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_8243ef52eb.measuring_bd82b4280d > div:not(.hiddenChip_185023f53d) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_30a138edca {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_c1e0e9c026 {\n  flex-grow: 1;\n}\n.inputWrapper_c1e0e9c026 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_2b1528077b {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_2b1528077b .visibleChip_ed94379741 {\n  max-width: 100%;\n}\n.hiddenChip_185023f53d {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_f1d81b2c28 {\n  max-width: 192px;\n}\n.dialogChip_ed94379741 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_960e963a7b",singleChip:"singleChip_b132f8ade3",measuring:"measuring_44701c2d00",hiddenChip:"hiddenChip_d523324919",inputAndCounterWrapper:"inputAndCounterWrapper_0b0b2e3ed4",inputWrapper:"inputWrapper_0fad0e50d0",chipWrapperWithOverflow:"chipWrapperWithOverflow_b4937cfde5",visibleChip:"visibleChip_7cb12277c5",hiddenChipsDialog:"hiddenChipsDialog_28d9cdd43a",dialogChip:"dialogChip_7cb12277c5"};!function(e){const n="s_id-a777ca35d111_4_5_9";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_960e963a7b {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_960e963a7b.singleChip_b132f8ade3 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_960e963a7b.singleChip_b132f8ade3 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_960e963a7b.measuring_44701c2d00 > div:not(.hiddenChip_d523324919) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_0b0b2e3ed4 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_0fad0e50d0 {\n  flex-grow: 1;\n}\n.inputWrapper_0fad0e50d0 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_b4937cfde5 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_b4937cfde5 .visibleChip_7cb12277c5 {\n  max-width: 100%;\n}\n.hiddenChip_d523324919 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_28d9cdd43a {\n  max-width: 192px;\n}\n.dialogChip_7cb12277c5 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_29181fc07d",small:"small_879644aa2b",placeholderText:"placeholderText_64280ee92a",medium:"medium_c45a45f083",large:"large_56e4b24429",inputWrapper:"inputWrapper_7b428c88aa",multiSelected:"multiSelected_ed041ff04c",fullWidth:"fullWidth_8758ae390d",hasSelected:"hasSelected_494e47e87b",selectedItem:"selectedItem_e1d5cafcbb",faded:"faded_4708002e0e",disabled:"disabled_3953e91d92",multiWrapper:"multiWrapper_de3db0bd1c",actionsWrapper:"actionsWrapper_0f8b1d855d",visuallyHidden:"visuallyHidden_25c6f7a6e4"};!function(e){const n="s_id-e51df68c2f8a_4_5_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_29181fc07d {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_29181fc07d.small_879644aa2b {\n  min-height: 32px;\n}\n.triggerWrapper_29181fc07d.small_879644aa2b .placeholderText_64280ee92a {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_29181fc07d.medium_c45a45f083 {\n  min-height: 40px;\n}\n.triggerWrapper_29181fc07d.large_56e4b24429 {\n  min-height: 48px;\n}\n.triggerWrapper_29181fc07d .inputWrapper_7b428c88aa {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_29181fc07d .inputWrapper_7b428c88aa.small_879644aa2b {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_29181fc07d .inputWrapper_7b428c88aa.multiSelected_ed041ff04c {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_29181fc07d .inputWrapper_7b428c88aa.multiSelected_ed041ff04c.fullWidth_8758ae390d {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_29181fc07d .inputWrapper_7b428c88aa.hasSelected_494e47e87b {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_29181fc07d .selectedItem_e1d5cafcbb {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_29181fc07d .selectedItem_e1d5cafcbb.small_879644aa2b {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_29181fc07d .selectedItem_e1d5cafcbb.medium_c45a45f083 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_29181fc07d .selectedItem_e1d5cafcbb.large_56e4b24429 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_29181fc07d .selectedItem_e1d5cafcbb.faded_4708002e0e {\n  opacity: 0.6;\n}\n.triggerWrapper_29181fc07d .placeholderText_64280ee92a {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_29181fc07d .placeholderText_64280ee92a.disabled_3953e91d92 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_de3db0bd1c {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_0f8b1d855d {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_25c6f7a6e4 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_0b8296fbf5",small:"small_0770ba3c0e",placeholderText:"placeholderText_e9cb2f82c7",medium:"medium_171305651a",large:"large_6c08a0ff11",inputWrapper:"inputWrapper_a026e59d2d",multiSelected:"multiSelected_e107bb0bd0",fullWidth:"fullWidth_bbffd3a73a",hasSelected:"hasSelected_8a6ae440f5",selectedItem:"selectedItem_7d1b0f1b51",faded:"faded_2f7f03316b",disabled:"disabled_333d9c2fa9",multiWrapper:"multiWrapper_a33ee88ce6",actionsWrapper:"actionsWrapper_7c61129d05",visuallyHidden:"visuallyHidden_59e9469bac"};!function(e){const n="s_id-e51df68c2f8a_4_5_9";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_0b8296fbf5 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_0b8296fbf5.small_0770ba3c0e {\n  min-height: 32px;\n}\n.triggerWrapper_0b8296fbf5.small_0770ba3c0e .placeholderText_e9cb2f82c7 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_0b8296fbf5.medium_171305651a {\n  min-height: 40px;\n}\n.triggerWrapper_0b8296fbf5.large_6c08a0ff11 {\n  min-height: 48px;\n}\n.triggerWrapper_0b8296fbf5 .inputWrapper_a026e59d2d {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_0b8296fbf5 .inputWrapper_a026e59d2d.small_0770ba3c0e {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_0b8296fbf5 .inputWrapper_a026e59d2d.multiSelected_e107bb0bd0 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_0b8296fbf5 .inputWrapper_a026e59d2d.multiSelected_e107bb0bd0.fullWidth_bbffd3a73a {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_0b8296fbf5 .inputWrapper_a026e59d2d.hasSelected_8a6ae440f5 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_0b8296fbf5 .selectedItem_7d1b0f1b51 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_0b8296fbf5 .selectedItem_7d1b0f1b51.small_0770ba3c0e {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_0b8296fbf5 .selectedItem_7d1b0f1b51.medium_171305651a {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_0b8296fbf5 .selectedItem_7d1b0f1b51.large_6c08a0ff11 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_0b8296fbf5 .selectedItem_7d1b0f1b51.faded_2f7f03316b {\n  opacity: 0.6;\n}\n.triggerWrapper_0b8296fbf5 .placeholderText_e9cb2f82c7 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_0b8296fbf5 .placeholderText_e9cb2f82c7.disabled_333d9c2fa9 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_a33ee88ce6 {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_7c61129d05 {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden_59e9469bac {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map