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

package/dist/src/components/Tabs/TabPanels/TabPanels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, { forwardRef, ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { VibeComponentProps, withStaticProps } from \"../../../types\";\nimport styles from \"./TabPanels.module.scss\";\n\nexport interface TabPanelsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active tab panel.\n   */\n  activeTabId?: number;\n  /**\n   * The animation direction when switching between tab panels.\n   */\n  animationDirection?: TabPanelsAnimationDirection;\n  /**\n   * The child elements representing tab panels.\n   */\n  children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];\n}\n\nconst TabPanels = forwardRef(\n  (\n    { className, id, activeTabId = 0, animationDirection = \"rtl\", children, \"data-testid\": dataTestId }: TabPanelsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const renderedTabs = useMemo(() => {\n      return React.Children.map(children, (child, index) => {\n        const isActiveTab = activeTabId === index;\n        if (!isActiveTab) return null;\n        const activeClass = isActiveTab ? \"active\" : \"non-active\";\n        const animationClass = isActiveTab ? `animation-direction-${animationDirection}` : \"\";\n        return React.cloneElement(child, {\n          index,\n          ...child.props,\n          className: cx(\n            styles.tabPanel,\n            [getStyle(styles, activeClass)],\n            [getStyle(styles, camelCase(animationClass))],\n            child.props.className\n          )\n        });\n      }).filter(Boolean);\n    }, [children, activeTabId, animationDirection]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabPanelsWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_PANELS, id)}\n      >\n        {renderedTabs}\n      </div>\n    );\n  }\n);\n\nObject.assign(TabPanels, {\n  isTabPanels: true\n});\n\ninterface TabPanelsStaticProps {\n  animationDirections: typeof TabPanelsAnimationDirectionEnum;\n}\n\nexport default withStaticProps<TabPanelsProps, TabPanelsStaticProps>(TabPanels, {\n  animationDirections: TabPanelsAnimationDirectionEnum\n});\n"],"names":["TabPanels","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","_ref$animationDirecti","animationDirection","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","renderedTabs","useMemo","React","Children","map","child","index","isActiveTab","activeClass","animationClass","concat","cloneElement","Object","assign","props","cx","styles","tabPanel","getStyle","camelCase","filter","Boolean","createElement","tabPanelsWrapper","getTestId","ComponentDefaultTestId","TAB_PANELS","isTabPanels","withStaticProps","animationDirections","TabPanelsAnimationDirectionEnum"],"mappings":"qiBA2BA,IAAMA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAN,EAAEO,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAEE,EAAQR,EAARQ,SAAyBC,EAAUT,EAAzB,eAGlEU,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAC7BI,EAAeC,GAAQ,WAC3B,OAAOC,EAAMC,SAASC,IAAIV,GAAU,SAACW,EAAOC,GAC1C,IAAMC,EAAchB,IAAgBe,EACpC,IAAKC,EAAa,OAAO,KACzB,IAAMC,EAAcD,EAAc,SAAW,aACvCE,EAAiBF,EAAW,uBAAAG,OAA0BjB,GAAuB,GACnF,OAAOS,EAAMS,aAAaN,EACxBO,OAAAC,OAAAD,OAAAC,OAAA,CAAAP,MAAAA,GACGD,EAAMS,QACT1B,UAAW2B,EACTC,EAAOC,SACP,CAACC,EAASF,EAAQR,IAClB,CAACU,EAASF,EAAQG,EAAUV,KAC5BJ,EAAMS,MAAM1B,aAGlB,IAAGgC,OAAOC,QACX,GAAE,CAAC3B,EAAUH,EAAaE,IAE3B,OACES,EAAAoB,cAAA,MAAA,CACEnC,IAAKW,EACLV,UAAW2B,EAAGC,EAAOO,iBAAkBnC,GACvCC,GAAIA,EACS,cAAAM,GAAc6B,EAAUC,EAAuBC,WAAYrC,IAEvEW,EAGP,IAGFY,OAAOC,OAAO7B,EAAW,CACvB2C,aAAa,IAOf,IAAeC,EAAAA,EAAsD5C,EAAW,CAC9E6C,oBAAqBC"}

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js

@@ -1,2 +0,0 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_4209e50f6c",tabPanel:"tabPanel_002de5307a",animationDirectionRtl:"animationDirectionRtl_fc3763f824",animationDirectionLtr:"animationDirectionLtr_937c07c826",active:"active_90ef573330",panelSlideIn:"panelSlideIn_50271be7d0"};!function(e){const n="s_id-078bacbdb1e4_3_58_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tabPanelsWrapper_4209e50f6c .tabPanel_002de5307a {\n  display: none;\n}\n\n.tabPanelsWrapper_4209e50f6c .tabPanel_002de5307a.animationDirectionRtl_fc3763f824 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_4209e50f6c .tabPanel_002de5307a.animationDirectionLtr_937c07c826 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_4209e50f6c .tabPanel_002de5307a.active_90ef573330 {\n  display: block;\n  animation: panelSlideIn_50271be7d0 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_50271be7d0 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
-//# sourceMappingURL=TabPanels.module.scss.js.map

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js.map

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

package/dist/src/components/Tabs/TabPanels/TabPanelsConstants.js

@@ -1,2 +0,0 @@
-var r;!function(r){r.RTL="rtl",r.LTR="ltr"}(r||(r={}));export{r as TabPanelsAnimationDirection};
-//# sourceMappingURL=TabPanelsConstants.js.map

package/dist/src/components/Tabs/TabPanels/TabPanelsConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanelsConstants.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanelsConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\n\nexport enum TabPanelsAnimationDirection {\n  RTL = \"rtl\",\n  LTR = \"ltr\"\n}\n"],"names":["TabPanelsAnimationDirection"],"mappings":"IAIYA,GAAZ,SAAYA,GACVA,EAAA,IAAA,MACAA,EAAA,IAAA,KACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Tabs/TabsContext/TabsContext.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useState as i,useEffect as n,useCallback as o}from"react";import s from"../../../hooks/useMergeRef.js";import l from"../../../hooks/usePrevious/index.js";import{getTestId as c,ComponentDefaultTestId as d}from"../../../tests/testIds.js";var m=r((function(r,m){var u=r.className,f=r.id,p=r.activeTabId,v=void 0===p?0:p,T=r.children,b=r["data-testid"],h=a(null),g=s(m,h),j=i(v),C=e(j,2),E=C[0],I=C[1],y=i(v),N=e(y,2),P=N[0],_=N[1],k=l(v);n((function(){v!==k&&v!==P&&(I(P),_(v))}),[v,P,k]);var x=o((function(e){I(P),_(e)}),[P]);return t.createElement("div",{ref:g,className:u,id:f,"data-testid":b||c(d.TABS_CONTEXT,f)},t.Children.map(T,(function(e){if(e.type.isTabList){var r=e.props.onTabChange;return t.cloneElement(e,{activeTabId:P,onTabChange:function(e){x(e),null==r||r(e)}})}return e.type.isTabPanels?t.cloneElement(e,{activeTabId:P,animationDirection:P>E?"ltr":"rtl"}):e})))}));export{m as default};
-//# sourceMappingURL=TabsContext.js.map

package/dist/src/components/Tabs/TabsContext/TabsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface TabsContextProps extends VibeComponentProps {\n  /**\n   * The index of the currently active tab.\n   */\n  activeTabId?: number;\n  /**\n   * The child elements representing the tab list and tab panels.\n   */\n  children?: ReactElement | ReactElement[];\n}\n\ntype TabsChild = ReactElement & {\n  type: Record<string, unknown>;\n};\n\nconst TabsContext: FC<TabsContextProps> = forwardRef(\n  ({ className, id, activeTabId = 0, children, \"data-testid\": dataTestId }, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [previousActiveTabIdState, setPreviousActiveTabIdState] = useState(activeTabId);\n    const [activeTabIdState, setActiveTabIdState] = useState(activeTabId);\n    const prevActiveTabIdProp = usePrevious(activeTabId);\n\n    useEffect(() => {\n      // Update active tab if changed from props\n      if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabIdState) {\n        setPreviousActiveTabIdState(activeTabIdState);\n        setActiveTabIdState(activeTabId);\n      }\n    }, [activeTabId, activeTabIdState, prevActiveTabIdProp]);\n\n    const onTabClick = useCallback(\n      (tabId: number) => {\n        setPreviousActiveTabIdState(activeTabIdState);\n        setActiveTabIdState(tabId);\n      },\n      [activeTabIdState]\n    );\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABS_CONTEXT, id)}\n      >\n        {React.Children.map(children, (child: TabsChild) => {\n          if (child.type.isTabList) {\n            const originalOnTabChange = child.props.onTabChange;\n            const onTabChange = (tabId: number) => {\n              onTabClick(tabId);\n              originalOnTabChange?.(tabId);\n            };\n            return React.cloneElement(child, { activeTabId: activeTabIdState, onTabChange });\n          }\n          if (child.type.isTabPanels) {\n            const animationDirection = previousActiveTabIdState < activeTabIdState ? \"ltr\" : \"rtl\";\n            return React.cloneElement(child, { activeTabId: activeTabIdState, animationDirection });\n          }\n          return child;\n        })}\n      </div>\n    );\n  }\n);\n\nexport default TabsContext;\n"],"names":["TabsContext","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","previousActiveTabIdState","setPreviousActiveTabIdState","_useState3","_useState4","activeTabIdState","setActiveTabIdState","prevActiveTabIdProp","usePrevious","useEffect","onTabClick","useCallback","tabId","React","createElement","getTestId","ComponentDefaultTestId","TABS_CONTEXT","Children","map","child","type","isTabList","originalOnTabChange","props","onTabChange","cloneElement","isTabPanels","animationDirection"],"mappings":"oWAqBMA,IAAAA,EAAoCC,GACxC,SAAAC,EAA0EC,GAAO,IAA9EC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAEE,EAAQN,EAARM,SAAyBC,EAAUP,EAAzB,eACrCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnCI,EAAgEC,EAASR,GAAYS,EAAAC,EAAAH,EAAA,GAA9EI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GAC5DI,EAAgDL,EAASR,GAAYc,EAAAJ,EAAAG,EAAA,GAA9DE,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GACtCG,EAAsBC,EAAYlB,GAExCmB,GAAU,WAEJnB,IAAgBiB,GAAuBjB,IAAgBe,IACzDH,EAA4BG,GAC5BC,EAAoBhB,GAEvB,GAAE,CAACA,EAAae,EAAkBE,IAEnC,IAAMG,EAAaC,GACjB,SAACC,GACCV,EAA4BG,GAC5BC,EAAoBM,EACtB,GACA,CAACP,IAGH,OACEQ,EACEC,cAAA,MAAA,CAAA5B,IAAKS,EACLR,UAAWA,EACXC,GAAIA,EACS,cAAAI,GAAcuB,EAAUC,EAAuBC,aAAc7B,IAEzEyB,EAAMK,SAASC,IAAI5B,GAAU,SAAC6B,GAC7B,GAAIA,EAAMC,KAAKC,UAAW,CACxB,IAAMC,EAAsBH,EAAMI,MAAMC,YAKxC,OAAOZ,EAAMa,aAAaN,EAAO,CAAE9B,YAAae,EAAkBoB,YAJ9C,SAACb,GACnBF,EAAWE,GACXW,SAAAA,EAAsBX,KAGzB,CACD,OAAIQ,EAAMC,KAAKM,YAENd,EAAMa,aAAaN,EAAO,CAAE9B,YAAae,EAAkBuB,mBADZvB,EAA3BJ,EAA8C,MAAQ,QAG5EmB,CACR,IAGP"}

package/dist/src/components/Text/Text.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"../../../_virtual/_tslib.js";import e,{forwardRef as t}from"react";import r from"classnames";import{camelCase as o}from"lodash-es";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{TextType as p,TextWeight as m}from"./TextConstants.js";import l from"../Typography/Typography.js";import{TypographyColor as a,TypographyAlign as n}from"../Typography/TypographyConstants.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"./Text.module.scss.js";var y=c(t((function(t,p){var m=t.className,a=t.type,n=void 0===a?"text2":a,c=t.weight,y=void 0===c?"normal":c,h=t.ellipsis,d=t.element,g=void 0===d?"div":d,j=t.children,u=s(t,["className","type","weight","ellipsis","element","children"]),v=null!=h?h:"p"!==g;return e.createElement(l,Object.assign({ref:p,className:r(f.text,i(f,o(n+"-"+y)),m),ellipsis:v,element:g},u),j)})),{types:p,weights:m,colors:a,align:n});export{y as default};
-//# sourceMappingURL=Text.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { TextType, TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * The content inside the text component.\n   */\n  children: ReactNode;\n}\n\nconst Text = forwardRef(\n  (\n    {\n      className,\n      type = \"text2\",\n      weight = \"normal\",\n      ellipsis,\n      element = \"div\",\n      children,\n      ...typographyProps\n    }: TextProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const overrideEllipsis = ellipsis ?? element !== \"p\";\n    return (\n      <Typography\n        ref={ref}\n        className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        ellipsis={overrideEllipsis}\n        element={element}\n        {...typographyProps}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\ninterface TextStaticProps {\n  types: typeof TextTypeEnum;\n  weights: typeof TextWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<TextProps, TextStaticProps>(Text, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum,\n  colors: TypographyColorEnum,\n  align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"mjBA6BA,IAmCeA,EAAAA,EAnCFC,GACX,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAU+D,CAC/Da,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +0,0 @@
-var t={text1Bold:"text1Bold_6ee79b33bb",text1Medium:"text1Medium_0a9e262430",text1Normal:"text1Normal_7ce8ea78cd",text2Bold:"text2Bold_6035860aad",text2Medium:"text2Medium_6fef174a1b",text2Normal:"text2Normal_1d4a0b75e2",text3Bold:"text3Bold_128b846988",text3Medium:"text3Medium_19cf03b6e1",text3Normal:"text3Normal_daf1e09838",text:"text_c91e6868a3"};!function(t){const e="s_id-0b8dab5fe88c_3_58_0";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)}(".text1Bold_6ee79b33bb {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_0a9e262430 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7ce8ea78cd {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_6035860aad {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_6fef174a1b {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_1d4a0b75e2 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_128b846988 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_19cf03b6e1 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_daf1e09838 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_c91e6868a3 {\n  margin-block: 0;\n}\n\np.text_c91e6868a3 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
-//# sourceMappingURL=Text.module.scss.js.map

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

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

package/dist/src/components/Text/TextConstants.js

@@ -1,2 +0,0 @@
-var t,T;!function(t){t.TEXT1="text1",t.TEXT2="text2",t.TEXT3="text3"}(t||(t={})),function(t){t.BOLD="bold",t.MEDIUM="medium",t.NORMAL="normal"}(T||(T={}));export{t as TextType,T as TextWeight};
-//# sourceMappingURL=TextConstants.js.map

package/dist/src/components/Text/TextConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextConstants.js","sources":["../../../../src/components/Text/TextConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TextType {\n  TEXT1 = \"text1\",\n  TEXT2 = \"text2\",\n  TEXT3 = \"text3\"\n}\n\n/**\n * @deprecated\n */\nexport enum TextWeight {\n  BOLD = \"bold\",\n  MEDIUM = \"medium\",\n  NORMAL = \"normal\"\n}\n"],"names":["TextType","TextWeight"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,QACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/TextArea/TextArea.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as i,useCallback as n}from"react";import o from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d,ComponentVibeId as c}from"../../tests/constants.js";import u from"./TextArea.module.scss.js";import x from"../Text/Text.js";import p from"../Flex/Flex.js";import f from"../HiddenText/HiddenText.js";var h={small:3,large:4},g=s((function(s,g){var b=s.size,v=void 0===b?"small":b,T=s.rows,E=s.label,j=s.helpText,y=s.success,w=s.error,A=s.className,C=s["data-testid"],N=s.id,_=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,q=s.allowExceedingMaxLength,F=s.onChange,H=s.value,M=s.resize,P=void 0===M||M,R=s.showCharCount,X=void 0!==R&&R,B=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),I=T||h[v],W=j&&"".concat(N,"-help-text"),k=q&&"".concat(N,"-allow-exceeding-max-length"),D=l((function(){return[W,k].filter((function(e){return!!e})).join(" ")||void 0}),[W,k]),G=i((null==H?void 0:H.length)||0),J=e(G,2),K=J[0],Q=J[1],S=w||"number"==typeof O&&K>O,U=n((function(e){Q(e.target.value.length),null==F||F(e)}),[F]);return r.createElement("div",{className:o(u.textAreaWrapper,t(t(t(t({},u.error,S),u.success,y),u.disabled,_),u.readOnly,z),A),"data-testid":C||m(d.TEXT_AREA,N),"data-vibe":c.TEXT_AREA},E&&r.createElement("label",{className:o(u.label,t({},u.required,L)),htmlFor:N},E),r.createElement("textarea",Object.assign({},B,{id:N,maxLength:"number"!=typeof O||q?void 0:O,ref:g,value:H,disabled:_,readOnly:z,required:L,rows:I,className:o(u.textArea,[u[v]],t({},u.resize,P)),"aria-invalid":S,"aria-describedby":D,onChange:U})),(X||j)&&r.createElement(p,{gap:"xs",justify:"space-between",className:o(u.subTextContainer)},j&&r.createElement(x,{className:o(u.helpText),color:"inherit",id:W},j),X&&r.createElement(r.Fragment,null,r.createElement(x,{className:u.limitText},K,"number"==typeof O&&"/".concat(O)),r.createElement(f,{id:k,text:"Maximum of ".concat(O," characters")}))))}));export{g as default};
-//# sourceMappingURL=TextArea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\nimport { Flex } from \"../Flex\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n  small: 3,\n  large: 4\n};\n\nconst TextArea = forwardRef(\n  (\n    {\n      size = \"small\",\n      rows,\n      label,\n      helpText,\n      success,\n      error,\n      className,\n      \"data-testid\": dataTestId,\n      id,\n      disabled,\n      readOnly,\n      required,\n      maxLength,\n      allowExceedingMaxLength,\n      onChange,\n      value,\n      resize = true,\n      showCharCount = false,\n      ...rest\n    }: TextAreaProps,\n    ref: React.ForwardedRef<HTMLTextAreaElement>\n  ) => {\n    const numRows = rows || DEFAULT_ROWS[size];\n    const helpTextId = helpText && `${id}-help-text`;\n    const allowExceedingMaxLengthTextId = allowExceedingMaxLength && `${id}-allow-exceeding-max-length`;\n\n    const ariaDescribedby = useMemo(\n      () => [helpTextId, allowExceedingMaxLengthTextId].filter(id => !!id).join(\" \") || undefined,\n      [helpTextId, allowExceedingMaxLengthTextId]\n    );\n\n    const [characterCount, setCharacterCount] = useState(value?.length || 0);\n    const isErrorState = error || (typeof maxLength === \"number\" && characterCount > maxLength);\n\n    const handleOnChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setCharacterCount(event.target.value.length);\n        onChange?.(event);\n      },\n      [onChange]\n    );\n\n    return (\n      <div\n        className={cx(\n          styles.textAreaWrapper,\n          {\n            [styles.error]: isErrorState,\n            [styles.success]: success,\n            [styles.disabled]: disabled,\n            [styles.readOnly]: readOnly\n          },\n          className\n        )}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n        data-vibe={ComponentVibeId.TEXT_AREA}\n      >\n        {label && (\n          <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <textarea\n          {...rest}\n          id={id}\n          maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          rows={numRows}\n          className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n          aria-invalid={isErrorState}\n          aria-describedby={ariaDescribedby}\n          onChange={handleOnChange}\n        />\n        {(showCharCount || helpText) && (\n          <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n            {helpText && (\n              <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n                {helpText}\n              </Text>\n            )}\n            {showCharCount && (\n              <>\n                <Text className={styles.limitText}>\n                  {characterCount}\n                  {typeof maxLength === \"number\" && `/${maxLength}`}\n                </Text>\n                <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n              </>\n            )}\n          </Flex>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","allowExceedingMaxLengthTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","ComponentVibeId","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"giBAUA,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAqBAC,WApBEC,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EACdC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACeC,IAAf,eACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,MAAKC,IACLC,OAAAA,OAAS,IAAHD,GAAOA,EAAAE,IACbC,cAAAA,OAAgB,IAAHD,GAAQA,EAClBE,EAnBLC,EAAAxB,EAAA,CAAA,OAAA,OAAA,QAAA,WAAA,UAAA,QAAA,YAAA,cAAA,KAAA,WAAA,WAAA,WAAA,YAAA,0BAAA,WAAA,QAAA,SAAA,kBAuBMyB,EAAUrB,GAAQT,EAAaO,GAC/BwB,EAAapB,MAAQqB,OAAOhB,EAAc,cAC1CiB,EAAgCZ,MAAuBW,OAAOhB,EAA+B,+BAE7FkB,EAAkBC,GACtB,WAAA,MAAM,CAACJ,EAAYE,GAA+BG,QAAO,SAAApB,GAAE,QAAMA,CAAE,IAAEqB,KAAK,WAAQC,CAAS,GAC3F,CAACP,EAAYE,IAGfM,EAA4CC,GAASjB,eAAAA,EAAOkB,SAAU,GAAEC,EAAAC,EAAAJ,EAAA,GAAjEK,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAClCI,EAAejC,GAA+B,iBAAdO,GAA0BwB,EAAiBxB,EAE3E2B,EAAiBC,GACrB,SAACC,GACCJ,EAAkBI,EAAMC,OAAO3B,MAAMkB,QACrCnB,SAAAA,EAAW2B,EACb,GACA,CAAC3B,IAGH,OACE6B,uBACErC,UAAWsC,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOxC,MAAQiC,GACfO,EAAOzC,QAAUA,GACjByC,EAAOpC,SAAWA,GAClBoC,EAAOnC,SAAWA,GAErBJ,GACD,cACYC,GAAcyC,EAAUC,EAAuBC,UAAW1C,GAC5D,YAAA2C,EAAgBD,WAE1BhD,GACCyC,EAAOS,cAAA,QAAA,CAAA9C,UAAWsC,EAAGC,EAAO3C,MAAK6C,EAAA,CAAA,EAAKF,EAAOlC,SAAWA,IAAa0C,QAAS7C,GAC3EN,GAGLyC,EAAAS,cAAA,WAAAE,OAAAC,OAAA,CAAA,EACMnC,EACJ,CAAAZ,GAAIA,EACJI,UAAgC,iBAAdA,GAA2BC,OAAsCiB,EAAZlB,EACvEd,IAAKA,EACLiB,MAAOA,EACPN,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMqB,EACNhB,UAAWsC,EAAGC,EAAOW,SAAU,CAACX,EAAO9C,IAAMgD,EAAKF,CAAAA,EAAAA,EAAO5B,OAASA,IAAS,eAC7DqB,EACI,mBAAAZ,EAClBZ,SAAUyB,MAEVpB,GAAiBhB,IACjBwC,EAACS,cAAAK,EAAK,CAAAC,IAAI,KAAKC,QAAQ,gBAAgBrD,UAAWsC,EAAGC,EAAOe,mBACzDzD,GACCwC,EAAAS,cAACS,EAAI,CAACvD,UAAWsC,EAAGC,EAAO1C,UAAW2D,MAAM,UAAUtD,GAAIe,GACvDpB,GAGJgB,GACCwB,EAAAS,cAAAT,EAAAoB,SAAA,KACEpB,EAAAS,cAACS,EAAK,CAAAvD,UAAWuC,EAAOmB,WACrB5B,EACqB,iBAAdxB,GAAsBY,IAAAA,OAAQZ,IAExC+B,EAAAS,cAACa,EAAW,CAAAzD,GAAIiB,EAA+ByC,KAAI,cAAA1C,OAAgBZ,EAAS,mBAO1F"}

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

@@ -1,2 +0,0 @@
-var e={textAreaWrapper:"textAreaWrapper_82d0322fca",label:"label_9ceba743c5",required:"required_fe24e9a171",subTextContainer:"subTextContainer_a1310ee841",helpText:"helpText_5d3ad716de",limitText:"limitText_37d0c59ea0",textArea:"textArea_47cf9b360e",small:"small_1d4a0b75e2",large:"large_7ce8ea78cd",resize:"resize_5d97eda82f",success:"success_2d4ff2e135",error:"error_3bb6ac90e0",disabled:"disabled_fe24e9a171",readOnly:"readOnly_fe24e9a171"};!function(e){const r="s_id-c3fc7910bb37_3_58_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_82d0322fca {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_82d0322fca .label_9ceba743c5 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_82d0322fca .label_9ceba743c5.required_fe24e9a171::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_82d0322fca .subTextContainer_a1310ee841 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_82d0322fca .subTextContainer_a1310ee841 .helpText_5d3ad716de {\n  display: flex;\n}\n.textAreaWrapper_82d0322fca .subTextContainer_a1310ee841 .limitText_37d0c59ea0 {\n  margin-left: auto;\n}\n.textAreaWrapper_82d0322fca .textArea_47cf9b360e {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_82d0322fca .textArea_47cf9b360e:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_82d0322fca .textArea_47cf9b360e:active, .textAreaWrapper_82d0322fca .textArea_47cf9b360e:focus, .textAreaWrapper_82d0322fca .textArea_47cf9b360e:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_82d0322fca .textArea_47cf9b360e.small_1d4a0b75e2 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_82d0322fca .textArea_47cf9b360e.large_7ce8ea78cd {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_82d0322fca .textArea_47cf9b360e:not(.resize_5d97eda82f) {\n  resize: none;\n}\n.textAreaWrapper_82d0322fca.success_2d4ff2e135 .textArea_47cf9b360e {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_82d0322fca.success_2d4ff2e135 .helpText_5d3ad716de {\n  color: var(--color-success);\n}\n.textAreaWrapper_82d0322fca.error_3bb6ac90e0 .textArea_47cf9b360e {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_82d0322fca.error_3bb6ac90e0 .helpText_5d3ad716de,\n.textAreaWrapper_82d0322fca.error_3bb6ac90e0 .limitText_37d0c59ea0 {\n  color: var(--color-error);\n}\n.textAreaWrapper_82d0322fca.disabled_fe24e9a171 .textArea_47cf9b360e,\n.textAreaWrapper_82d0322fca.disabled_fe24e9a171 .textArea_47cf9b360e:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_82d0322fca.disabled_fe24e9a171 .helpText_5d3ad716de {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_82d0322fca.readOnly_fe24e9a171 .textArea_47cf9b360e,\n.textAreaWrapper_82d0322fca.readOnly_fe24e9a171 .textArea_47cf9b360e:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
-//# sourceMappingURL=TextArea.module.scss.js.map

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

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

package/dist/src/components/TextField/TextField.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I,ComponentVibeId as j}from"../../tests/constants.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import L from"./TextField.module.scss.js";import k from"../Tooltip/Tooltip.js";import D from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},H=F(n((function(n,f){var C=n.className,E=void 0===C?"":C,F=n.placeholder,H=void 0===F?"":F,A=n.autoComplete,S=void 0===A?"off":A,_=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,z=void 0===W?g:W,B=n.onFocus,O=void 0===B?g:B,K=n.onKeyDown,M=void 0===K?g:K,P=n.onWheel,V=void 0===P?g:P,X=n.debounceRate,U=void 0===X?0:X,Y=n.autoFocus,G=void 0!==Y&&Y,J=n.disabled,Q=void 0!==J&&J,Z=n.readonly,$=void 0!==Z&&Z,ee=n.setRef,te=void 0===ee?g:ee,oe=n.iconName,ae=n.secondaryIconName,ne=n.id,re=void 0===ne?"input":ne,ie=n.title,le=void 0===ie?"":ie,se=n.size,ce=void 0===se?"small":se,de=n.validation,me=void 0===de?null:de,ue=n.wrapperClassName,pe=void 0===ue?"":ue,ve=n.onIconClick,fe=void 0===ve?g:ve,Ce=n.clearOnIconClick,be=void 0!==Ce&&Ce,xe=n.labelIconName,ye=n.showCharCount,Ee=void 0!==ye&&ye,Te=n.inputAriaLabel,Ne=n.searchResultsContainerId,he=void 0===Ne?"":Ne,ge=n.activeDescendant,Ie=void 0===ge?"":ge,je=n.iconsNames,Fe=void 0===je?w:je,Le=n.type,ke=void 0===Le?"text":Le,De=n.maxLength,we=void 0===De?null:De,He=n.allowExceedingMaxLength,Ae=void 0!==He&&He,Se=n.trim,_e=void 0!==Se&&Se,qe=n.role,Re=void 0===qe?"":qe,We=n.required,ze=void 0!==We&&We,Be=n.requiredErrorText,Oe=void 0===Be?"":Be,Ke=n.loading,Me=void 0!==Ke&&Ke,Pe=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Ue=n.underline,Ye=void 0!==Ue&&Ue,Ge=n.name,Je=n.controlled,Qe=void 0!==Je&&Je,Ze=n.iconTooltipContent,$e=n.secondaryTooltipContent,et=n.dir,tt=r(!1),ot=e(tt,2),at=ot[0],nt=ot[1],rt=i(null),it=T(f,rt,te),lt=l((function(e){ze&&!e.target.value&&nt(!0),z(e)}),[z,ze]),st=l((function(e,t){at&&e&&nt(!1),R(e,t||{target:rt.current})}),[R,at]),ct=d({delay:U,onChange:st,initialStateValue:_,trim:_e}),dt=ct.inputValue,mt=ct.onEventChanged,ut=ct.clearValue,pt=s((function(){return Qe?_:dt}),[Qe,_,dt]),vt=l((function(e){Qe?st(e.target.value,e):mt(e)}),[Qe,st,mt]),ft=s((function(){return ae&&pt?ae:oe}),[oe,ae,pt]),Ct=l((function(){Q||(be&&(rt.current&&rt.current.focus(),rt.current.value="",Qe?st(""):ut()),fe(ft))}),[Q,be,fe,ft,Qe,st,ut]),bt=s((function(){return"number"==typeof we&&pt&&pt.length>we?b.error:me&&me.status||at?b[at?"error":me.status]:""}),[we,me,at,pt]),xt=oe||ae,yt=Ee||me&&me.text||at&&Oe,Et=ae===ft,Tt=oe===ft,Nt=(fe!==g||Fe.primary||Ze)&&pt&&oe.length&&Tt,ht=(ae||$e)&&Et&&!!pt,gt=Ae?"".concat(re,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==rt?void 0:rt.current)&&G){var e=requestAnimationFrame((function(){return rt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[rt,G]);var It=fe!==g||be,jt=Fe.primary||Ze,Ft=Fe.secondary||$e;return a.createElement("div",{className:o(L.textField,pe,t(t({},L.disabled,Q),L.onlyUnderline,Ye)),role:Re,"aria-busy":Me},a.createElement("div",{className:o(L.labelWrapper)},a.createElement(v,{labelText:le,icon:xe,labelFor:re,required:ze}),a.createElement("div",{className:o(L.inputWrapper,x[ce],bt)},a.createElement("input",{className:o(E,L.input,t(t({},L.inputHasIcon,!!xt),L.readOnly,$)),placeholder:H,autoComplete:S,value:pt,onChange:vt,disabled:Q,readOnly:$,ref:it,type:ke,id:re,"data-testid":Pe||h(I.TEXT_FIELD,re),"data-vibe":j.TEXT_FIELD,name:Ge,onBlur:lt,onFocus:O,onKeyDown:M,onWheel:V,maxLength:"number"!=typeof we||Ae?void 0:we,role:he&&"combobox","aria-label":Te||H,"aria-invalid":me&&"error"===me.status||at,"aria-owns":he,"aria-activedescendant":Ie,"aria-required":ze,"aria-describedby":gt,required:ze,tabIndex:Xe,dir:et}),Me&&a.createElement("div",{className:o(L.loaderContainer,t({},L.loaderContainerHasIcon,xt))},a.createElement("div",{className:o(L.loader)},a.createElement(u,{className:o(L.loaderSvg)}))),a.createElement(k,{content:Tt?Ze:void 0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Tt),L.iconContainerClickable,It)),onClick:Ct,tabIndex:Nt?"0":"-1",ariaLabel:jt},a.createElement(m,{icon:oe,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"}))),a.createElement(k,{content:Et?$e:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:L.tooltipContainer},a.createElement(N,{className:o(L.iconContainer,t(t(t({},L.iconContainerHasIcon,xt),L.iconContainerActive,Et),L.iconContainerClickable,It)),onClick:Ct,tabIndex:ht?"0":"-1","data-testid":Ve||h(I.TEXT_FIELD_SECONDARY_BUTTON,re),ariaLabel:Ft},a.createElement(m,{icon:ae,className:o(L.icon),iconType:"font",iconSize:"small"===ce?"16px":"18px"})))),yt&&a.createElement(p,{type:"text2",color:"secondary",className:o(L.subTextContainer)},(me&&me.text||at&&Oe)&&a.createElement("span",{className:o(L.subTextContainerStatus)},at?Oe:me.text),Ee&&a.createElement("span",{className:o(L.counter),"aria-label":y.CHAR},pt&&pt.length||0,"number"==typeof we&&"/".concat(we),a.createElement(D,{id:gt,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{H as default};
-//# sourceMappingURL=TextField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  ChangeEvent,\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n  FEEDBACK_CLASSES,\n  SIZE_MAPPER,\n  TextFieldAriaLabel,\n  TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n  TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n  /**\n   * The placeholder text displayed when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * Configures the browser's autocomplete behavior.\n   */\n  autoComplete?: string;\n  /**\n   * The current value of the text field.\n   */\n  value?: string;\n  /**\n   * Callback fired when the text field value changes.\n   */\n  onChange?: (\n    value: string,\n    event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n  ) => void;\n  /**\n   * Callback fired when the text field loses focus.\n   */\n  onBlur?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when the text field gains focus.\n   */\n  onFocus?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when a key is pressed inside the text field.\n   */\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  /**\n   * Callback fired when the mouse wheel is used inside the text field.\n   */\n  onWheel?: (event: React.WheelEvent) => void;\n  /**\n   * The debounce rate for input value changes.\n   */\n  debounceRate?: number;\n  /**\n   * If true, the input is automatically focused on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, disables the text field.\n   */\n  disabled?: boolean;\n  /**\n   * If true, makes the text field read-only.\n   */\n  readonly?: boolean;\n  /**\n   * A function to set a reference to the input element.\n   */\n  setRef?: (node: HTMLElement) => void;\n  /**\n   * The primary icon displayed inside the text field.\n   */\n  iconName?: string | React.FunctionComponent | null;\n  /**\n   * The secondary icon displayed inside the text field.\n   */\n  secondaryIconName?: string | React.FunctionComponent | null;\n  /**\n   * The label displayed above the text field.\n   */\n  title?: string;\n  /**\n   * The size of the text field.\n   */\n  size?: TextFieldSize;\n  /**\n   * Validation state for the text field.\n   */\n  validation?: { status?: \"error\" | \"success\"; text?: string | React.ReactNode };\n  /**\n   * Class name applied to the text field wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Callback fired when the icon inside the text field is clicked.\n   */\n  onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n  /**\n   * If true, clears the input when the icon is clicked.\n   */\n  clearOnIconClick?: boolean;\n  /**\n   * The icon displayed inside the label.\n   */\n  labelIconName?: string | React.FunctionComponent | null;\n  /**\n   * If true, displays the character count.\n   */\n  showCharCount?: boolean;\n  /**\n   * The ARIA label for the input field.\n   */\n  inputAriaLabel?: string;\n  /**\n   * The ID of the container where search results are displayed.\n   */\n  searchResultsContainerId?: string;\n  /**\n   * The ID of the currently active search result.\n   */\n  activeDescendant?: string;\n  /**\n   * Icon labels for accessibility.\n   */\n  iconsNames?: {\n    primary: string;\n    secondary: string;\n  };\n  /**\n   * The type of the text field.\n   */\n  type?: TextFieldType;\n  /**\n   * The maximum number of characters allowed.\n   */\n  maxLength?: number;\n  /**\n   * If true, allows the user to exceed the character limit set by `maxLength`.\n   */\n  allowExceedingMaxLength?: boolean;\n  /**\n   * If true, trims whitespace from the input value.\n   */\n  trim?: boolean;\n  /**\n   * The ARIA role of the text field.\n   */\n  role?: string;\n  /**\n   * If true, marks the input as required.\n   */\n  required?: boolean;\n  /**\n   * The error message displayed when a required field is left empty.\n   */\n  requiredErrorText?: string;\n  /**\n   * If true, displays a loading indicator inside the text field.\n   */\n  loading?: boolean;\n  /**\n   * Test ID for the secondary icon.\n   */\n  secondaryDataTestId?: string;\n  /**\n   * The tab order of the input field.\n   */\n  tabIndex?: number;\n  /**\n   * The name attribute for the input field.\n   */\n  name?: string;\n  /**\n   * If true, renders only an underline style for the text field.\n   */\n  underline?: boolean;\n  /**\n   * If true, the component is controlled by an external state.\n   */\n  controlled?: boolean;\n  /**\n   * Tooltip content for the primary icon.\n   */\n  iconTooltipContent?: string;\n  /**\n   * Tooltip content for the secondary icon.\n   */\n  secondaryTooltipContent?: string;\n  /**\n   * The text direction of the input.\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\nconst TextField = forwardRef(\n  (\n    {\n      className = \"\",\n      placeholder = \"\",\n      autoComplete = \"off\",\n      value,\n      onChange = NOOP,\n      onBlur = NOOP,\n      onFocus = NOOP,\n      onKeyDown = NOOP,\n      onWheel = NOOP,\n      debounceRate = 0,\n      autoFocus = false,\n      disabled = false,\n      readonly = false,\n      setRef = NOOP,\n      iconName,\n      secondaryIconName,\n      id = \"input\",\n      title = \"\",\n      size = \"small\",\n      validation = null,\n      wrapperClassName = \"\",\n      onIconClick = NOOP,\n      clearOnIconClick = false,\n      labelIconName,\n      showCharCount = false,\n      inputAriaLabel,\n      searchResultsContainerId = \"\",\n      activeDescendant = \"\",\n      iconsNames = EMPTY_OBJECT,\n      type = \"text\",\n      maxLength = null,\n      allowExceedingMaxLength = false,\n      trim = false,\n      role = \"\",\n      required = false,\n      requiredErrorText = \"\",\n      loading = false,\n      \"data-testid\": dataTestId,\n      secondaryDataTestId,\n      tabIndex,\n      underline = false,\n      name,\n      controlled = false,\n      iconTooltipContent,\n      secondaryTooltipContent,\n      dir\n    }: TextFieldProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n    const onBlurCallback = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        if (required && !e.target.value) {\n          setIsRequiredAndEmpty(true);\n        }\n        onBlur(e);\n      },\n      [onBlur, required]\n    );\n\n    const onChangeCallback = useCallback(\n      (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n        if (isRequiredAndEmpty && value) {\n          setIsRequiredAndEmpty(false);\n        }\n        const event = e || { target: inputRef.current };\n        onChange(value, event);\n      },\n      [onChange, isRequiredAndEmpty]\n    );\n\n    const {\n      inputValue: uncontrolledInput,\n      onEventChanged,\n      clearValue\n    } = useDebounceEvent({\n      delay: debounceRate,\n      onChange: onChangeCallback,\n      initialStateValue: value,\n      trim\n    });\n\n    const inputValue = useMemo(() => {\n      return controlled ? value : uncontrolledInput;\n    }, [controlled, value, uncontrolledInput]);\n\n    const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n      event => {\n        controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n      },\n      [controlled, onChangeCallback, onEventChanged]\n    );\n\n    const currentStateIconName = useMemo(() => {\n      if (secondaryIconName) {\n        return inputValue ? secondaryIconName : iconName;\n      }\n      return iconName;\n    }, [iconName, secondaryIconName, inputValue]);\n\n    const onIconClickCallback = useCallback(() => {\n      if (disabled) {\n        return;\n      }\n\n      if (clearOnIconClick) {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n        // Do it cause otherwise the value is not cleared in target object\n        inputRef.current.value = \"\";\n        controlled ? onChangeCallback(\"\") : clearValue();\n      }\n      onIconClick(currentStateIconName);\n    }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n    const validationClass = useMemo(() => {\n      if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n        return FEEDBACK_CLASSES.error;\n      }\n\n      if ((!validation || !validation.status) && !isRequiredAndEmpty) {\n        return \"\";\n      }\n      const status = isRequiredAndEmpty ? \"error\" : validation.status;\n      return FEEDBACK_CLASSES[status];\n    }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n    const hasIcon = iconName || secondaryIconName;\n    const shouldShowExtraText =\n      showCharCount || (validation && validation.text) || (isRequiredAndEmpty && requiredErrorText);\n    const isSecondary = secondaryIconName === currentStateIconName;\n    const isPrimary = iconName === currentStateIconName;\n    const shouldFocusOnPrimaryIcon =\n      (onIconClick !== NOOP || iconsNames.primary || iconTooltipContent) && inputValue && iconName.length && isPrimary;\n    const shouldFocusOnSecondaryIcon = (secondaryIconName || secondaryTooltipContent) && isSecondary && !!inputValue;\n    const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n    useEffect(() => {\n      if (!inputRef?.current || !autoFocus) {\n        return;\n      }\n\n      const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n      return () => cancelAnimationFrame(animationFrame);\n    }, [inputRef, autoFocus]);\n\n    const isIconContainerClickable = onIconClick !== NOOP || clearOnIconClick;\n\n    const primaryIconLabel = iconsNames.primary || iconTooltipContent;\n    const secondaryIconLabel = iconsNames.secondary || secondaryTooltipContent;\n\n    return (\n      <div\n        className={cx(styles.textField, wrapperClassName, {\n          [styles.disabled]: disabled,\n          [styles.onlyUnderline]: underline\n        })}\n        role={role}\n        aria-busy={loading}\n      >\n        <div className={cx(styles.labelWrapper)}>\n          <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n          <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n            {/*Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule*/}\n            {/*eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n            <input\n              className={cx(className, styles.input, {\n                [styles.inputHasIcon]: !!hasIcon,\n                [styles.readOnly]: readonly\n              })}\n              placeholder={placeholder}\n              autoComplete={autoComplete}\n              value={inputValue}\n              onChange={handleChange}\n              disabled={disabled}\n              readOnly={readonly}\n              ref={mergedRef}\n              type={type}\n              id={id}\n              data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n              data-vibe={ComponentVibeId.TEXT_FIELD}\n              name={name}\n              onBlur={onBlurCallback}\n              onFocus={onFocus}\n              onKeyDown={onKeyDown}\n              onWheel={onWheel}\n              maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n              role={searchResultsContainerId && \"combobox\"} // For voice reader\n              aria-label={inputAriaLabel || placeholder}\n              aria-invalid={(validation && validation.status === \"error\") || isRequiredAndEmpty}\n              aria-owns={searchResultsContainerId}\n              aria-activedescendant={activeDescendant}\n              aria-required={required}\n              aria-describedby={allowExceedingMaxLengthTextId}\n              required={required}\n              tabIndex={tabIndex}\n              dir={dir}\n            />\n            {loading && (\n              <div\n                className={cx(styles.loaderContainer, {\n                  [styles.loaderContainerHasIcon]: hasIcon\n                })}\n              >\n                <div className={cx(styles.loader)}>\n                  <Loader className={cx(styles.loaderSvg)} />\n                </div>\n              </div>\n            )}\n            <Tooltip\n              content={isPrimary ? iconTooltipContent : undefined}\n              referenceWrapperClassName={styles.tooltipContainer}\n            >\n              <Clickable\n                className={cx(styles.iconContainer, {\n                  [styles.iconContainerHasIcon]: hasIcon,\n                  [styles.iconContainerActive]: isPrimary,\n                  [styles.iconContainerClickable]: isIconContainerClickable\n                })}\n                onClick={onIconClickCallback}\n                tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n                ariaLabel={primaryIconLabel}\n              >\n                <Icon\n                  icon={iconName}\n                  className={cx(styles.icon)}\n                  iconType=\"font\"\n                  iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n                />\n              </Clickable>\n            </Tooltip>\n            <Tooltip\n              content={isSecondary ? secondaryTooltipContent : undefined}\n              addKeyboardHideShowTriggersByDefault\n              referenceWrapperClassName={styles.tooltipContainer}\n            >\n              <Clickable\n                className={cx(styles.iconContainer, {\n                  [styles.iconContainerHasIcon]: hasIcon,\n                  [styles.iconContainerActive]: isSecondary,\n                  [styles.iconContainerClickable]: isIconContainerClickable\n                })}\n                onClick={onIconClickCallback}\n                tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n                data-testid={secondaryDataTestId || getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n                ariaLabel={secondaryIconLabel}\n              >\n                <Icon\n                  icon={secondaryIconName}\n                  className={cx(styles.icon)}\n                  iconType=\"font\"\n                  iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n                />\n              </Clickable>\n            </Tooltip>\n          </div>\n          {shouldShowExtraText && (\n            <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n              {((validation && validation.text) || (isRequiredAndEmpty && requiredErrorText)) && (\n                <span className={cx(styles.subTextContainerStatus)}>\n                  {isRequiredAndEmpty ? requiredErrorText : validation.text}\n                </span>\n              )}\n              {showCharCount && (\n                <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n                  {(inputValue && inputValue.length) || 0}\n                  {typeof maxLength === \"number\" && `/${maxLength}`}\n                  <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n                </span>\n              )}\n            </Text>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\ninterface TextFieldStaticProps {\n  sizes: typeof BASE_SIZES;\n  types: typeof TextFieldTextTypeEnum;\n  feedbacks: typeof TextFieldFeedbackStateEnum;\n}\n\nexport default withStaticProps<TextFieldProps, TextFieldStaticProps, unknown>(TextField, {\n  sizes: BASE_SIZES,\n  feedbacks: TextFieldFeedbackStateEnum,\n  types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var n={textField:"textField_16503bee66",labelWrapper:"labelWrapper_4572ba1d5b",subTextContainer:"subTextContainer_83348f3a5b",counter:"counter_37d0c59ea0",disabled:"disabled_38b0649ce0",icon:"icon_96db7a3a5c",inputWrapper:"inputWrapper_96db7a3a5c",input:"input_6f393d74b5",iconContainer:"iconContainer_687db12cde",iconContainerHasIcon:"iconContainerHasIcon_ff897d783d",readOnly:"readOnly_75af0cbd48",inputHover:"inputHover_2a232ca98f",inputActive:"inputActive_69c866c64d",inputHasIcon:"inputHasIcon_fefdfa9881",round:"round_a1c8328d64",square:"square_b4d226963d",onlyUnderline:"onlyUnderline_b640de83fd",tooltipContainer:"tooltipContainer_aa68c53318",wrapperSizeMedium:"wrapperSizeMedium_075f8f0073",wrapperSizeLarge:"wrapperSizeLarge_11b6191033",iconContainerActive:"iconContainerActive_d0052e7087",iconContainerClickable:"iconContainerClickable_0568354131",inputErrorValidation:"inputErrorValidation_ff897d783d",subTextContainerStatus:"subTextContainerStatus_f0cb6f7a1c",inputSuccessValidation:"inputSuccessValidation_d0a98ec683",wrapperSizeSmall:"wrapperSizeSmall_73aadb12e2",inputWrapperSizeSmall:"inputWrapperSizeSmall_53c41fc41d",loaderContainer:"loaderContainer_f8617da704",loaderContainerHasIcon:"loaderContainerHasIcon_fa05d59c3c",loader:"loader_e4e825c0f5",loaderSvg:"loaderSvg_a1310ee841"};!function(n){const e="s_id-695413f4db8e_3_58_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_16503bee66 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_16503bee66 * {\n  box-sizing: border-box;\n}\n\n.textField_16503bee66 .labelWrapper_4572ba1d5b {\n  width: 100%;\n}\n\n.textField_16503bee66 .subTextContainer_83348f3a5b {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_16503bee66 .subTextContainer_83348f3a5b .counter_37d0c59ea0 {\n  margin-left: auto;\n}\n\n.textField_16503bee66.disabled_38b0649ce0 .icon_96db7a3a5c {\n  cursor: not-allowed;\n}\n\n.textField_16503bee66.disabled_38b0649ce0 .inputWrapper_96db7a3a5c {\n  cursor: not-allowed;\n}\n\n.textField_16503bee66.disabled_38b0649ce0 .inputWrapper_96db7a3a5c .input_6f393d74b5 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_16503bee66.disabled_38b0649ce0 .inputWrapper_96db7a3a5c .input_6f393d74b5::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_16503bee66.disabled_38b0649ce0 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerHasIcon_ff897d783d:hover {\n  background-color: transparent;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c {\n  width: 100%;\n  position: relative;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.readOnly_75af0cbd48 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.inputHover_2a232ca98f {\n  border-color: var(--primary-text-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5:focus,\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5:active,\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.inputActive_69c866c64d {\n  border-color: var(--primary-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.inputHasIcon_fefdfa9881 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.round_a1c8328d64 {\n  border-radius: 50px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.square_b4d226963d {\n  border-radius: 0;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .input_6f393d74b5.onlyUnderline_b640de83fd {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .tooltipContainer_aa68c53318 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .tooltipContainer_aa68c53318 {\n  width: 40px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 .tooltipContainer_aa68c53318 {\n  width: 46px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerActive_d0052e7087.iconContainerHasIcon_ff897d783d.iconContainerClickable_0568354131 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerActive_d0052e7087.iconContainerHasIcon_ff897d783d:not(.iconContainerClickable_0568354131) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerActive_d0052e7087 {\n  opacity: 1;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerActive_d0052e7087 .icon_96db7a3a5c {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerHasIcon_ff897d783d.iconContainerClickable_0568354131:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde.iconContainerHasIcon_ff897d783d.iconContainerClickable_0568354131:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .iconContainer_687db12cde .icon_96db7a3a5c {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d:hover .input_6f393d74b5 {\n  border-color: var(--negative-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d .input_6f393d74b5 {\n  border-color: var(--negative-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d .input_6f393d74b5:focus,\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d .input_6f393d74b5:active {\n  border-color: var(--negative-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d .iconContainer_687db12cde .icon_96db7a3a5c {\n  color: var(--negative-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d .iconContainer_687db12cde .icon_96db7a3a5c:hover {\n  color: var(--negative-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d + .subTextContainer_83348f3a5b .subTextContainerStatus_f0cb6f7a1c,\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputErrorValidation_ff897d783d + .subTextContainer_83348f3a5b .counter_37d0c59ea0 {\n  color: var(--negative-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683:hover .input_6f393d74b5 {\n  border-color: var(--positive-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683 .input_6f393d74b5 {\n  border-color: var(--positive-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683 .input_6f393d74b5:focus,\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683 .input_6f393d74b5:active {\n  border-color: var(--positive-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683 .iconContainer_687db12cde .icon_96db7a3a5c {\n  color: var(--positive-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683 .iconContainer_687db12cde .icon_96db7a3a5c:hover {\n  color: var(--positive-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputSuccessValidation_d0a98ec683 + .subTextContainer_83348f3a5b .subTextContainerStatus_f0cb6f7a1c {\n  color: var(--positive-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeSmall_73aadb12e2 {\n  height: 32px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeSmall_73aadb12e2 .input_6f393d74b5 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.inputWrapperSizeSmall_53c41fc41d .input_6f393d74b5.inputHasIcon_fefdfa9881.onlyUnderline_b640de83fd {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 {\n  height: 40px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .input_6f393d74b5 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .input_6f393d74b5.inputHasIcon_fefdfa9881 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .input_6f393d74b5.inputHasIcon_fefdfa9881.onlyUnderline_b640de83fd {\n  padding-left: 4px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .iconContainer_687db12cde {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .iconContainer_687db12cde:hover + .iconContainer_687db12cde + .input_6f393d74b5 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 {\n  height: 48px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 .input_6f393d74b5 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 .input_6f393d74b5.inputHasIcon_fefdfa9881 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 .input_6f393d74b5.inputHasIcon_fefdfa9881.onlyUnderline_b640de83fd {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 .iconContainer_687db12cde {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c:hover .input_6f393d74b5 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .loaderContainer_f8617da704 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .loaderContainer_f8617da704.loaderContainerHasIcon_fa05d59c3c {\n  right: 32px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .loaderContainer_f8617da704 .loader_e4e825c0f5 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c .loaderContainer_f8617da704 .loader_e4e825c0f5 .loaderSvg_a1310ee841 {\n  color: var(--secondary-text-color);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeMedium_075f8f0073 .iconContainer_687db12cde .icon_96db7a3a5c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_16503bee66 .inputWrapper_96db7a3a5c.wrapperSizeLarge_11b6191033 .iconContainer_687db12cde .icon_96db7a3a5c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
-//# sourceMappingURL=TextField.module.scss.js.map

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

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

package/dist/src/components/TextField/TextFieldConstants.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{BASE_SIZES as r}from"../../constants/sizes.js";import t from"./TextField.module.scss.js";var i,a,o;!function(e){e.CHAR="Input char count",e.VALIDATION_TEXT="Additional helper text"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password",e.SEARCH="search",e.DATE="date",e.DATE_TIME="datetime-local",e.NUMBER="number",e.TEL="tel",e.URL="url",e.EMAIL="email"}(a||(a={})),function(e){e.ERROR="error",e.SUCCESS="success"}(o||(o={}));var s=e(e({},o.ERROR,t.inputErrorValidation),o.SUCCESS,t.inputSuccessValidation),l=e(e(e({},r.SMALL,t.wrapperSizeSmall),r.MEDIUM,t.wrapperSizeMedium),r.LARGE,t.wrapperSizeLarge);export{s as FEEDBACK_CLASSES,l as SIZE_MAPPER,i as TextFieldAriaLabel,o as TextFieldFeedbackState,a as TextFieldTextType};
-//# sourceMappingURL=TextFieldConstants.js.map

package/dist/src/components/TextField/TextFieldConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldConstants.js","sources":["../../../../src/components/TextField/TextFieldConstants.ts"],"sourcesContent":["import { BASE_SIZES } from \"../../constants\";\nimport styles from \"./TextField.module.scss\";\n\nexport enum TextFieldAriaLabel {\n  CHAR = \"Input char count\",\n  VALIDATION_TEXT = \"Additional helper text\"\n}\n\nconst OLD_TEXT_FIELD_SIZES = {\n  s: BASE_SIZES.SMALL,\n  md: BASE_SIZES.MEDIUM,\n  l: BASE_SIZES.LARGE\n};\n\nexport type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;\n\n/**\n * @deprecated\n */\nexport enum TextFieldTextType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  SEARCH = \"search\",\n  DATE = \"date\",\n  DATE_TIME = \"datetime-local\",\n  NUMBER = \"number\",\n  TEL = \"tel\",\n  URL = \"url\",\n  EMAIL = \"email\"\n}\n\n/**\n * @deprecated\n */\nexport enum TextFieldFeedbackState {\n  ERROR = \"error\",\n  SUCCESS = \"success\"\n}\n\nexport const FEEDBACK_CLASSES = {\n  [TextFieldFeedbackState.ERROR]: styles.inputErrorValidation,\n  [TextFieldFeedbackState.SUCCESS]: styles.inputSuccessValidation\n};\n\nexport const SIZE_MAPPER = {\n  [BASE_SIZES.SMALL]: styles.wrapperSizeSmall,\n  [BASE_SIZES.MEDIUM]: styles.wrapperSizeMedium,\n  [BASE_SIZES.LARGE]: styles.wrapperSizeLarge\n};\n"],"names":["TextFieldAriaLabel","TextFieldTextType","TextFieldFeedbackState","FEEDBACK_CLASSES","_defineProperty","ERROR","styles","inputErrorValidation","SUCCESS","inputSuccessValidation","SIZE_MAPPER","BASE_SIZES","SMALL","wrapperSizeSmall","MEDIUM","wrapperSizeMedium","LARGE","wrapperSizeLarge"],"mappings":"oLAGYA,EAgBAC,EAeAC,GA/BZ,SAAYF,GACVA,EAAA,KAAA,mBACAA,EAAA,gBAAA,wBACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAaD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,UAAA,iBACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,IAAA,MACAA,EAAA,MAAA,OACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAEM,IAAMC,EAAgBC,EAAAA,EAAA,CAAA,EAC1BF,EAAuBG,MAAQC,EAAOC,sBACtCL,EAAuBM,QAAUF,EAAOG,wBAG9BC,EAAWN,EAAAA,EAAAA,EAAA,CAAA,EACrBO,EAAWC,MAAQN,EAAOO,kBAC1BF,EAAWG,OAASR,EAAOS,mBAC3BJ,EAAWK,MAAQV,EAAOW"}

package/dist/src/components/TextWithHighlight/TextWithHighlight.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as s,useRef as l,useMemo as a}from"react";import n from"../Tooltip/Tooltip.js";import p from"../../hooks/useIsOverflowing/useIsOverflowing.js";import m from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import c from"./TextWithHighlight.module.scss.js";var g=function(e,t,i){return i?r.createElement(arguments.length>3&&void 0!==arguments[3]?arguments[3]:"em",{className:o(c.highlightText,arguments.length>4?arguments[4]:void 0),key:t},e):r.createElement("span",{key:t},e)},u=s((function(s,u){var h=s.className,d=s.id,v=s.text,T=void 0===v?"":v,E=s.highlightTerm,j=s.limit,x=s.useEllipsis,H=void 0===x||x,I=s.linesToClamp,w=void 0===I?3:I,y=s.ignoreCase,k=void 0===y||y,P=s.allowTermSplit,N=void 0===P||P,W=s.nonEllipsisTooltip,_=s.tooltipPosition,C=s.wrappingTextTag,O=void 0===C?"em":C,b=s.wrappingElementClassName,G=s.tooltipProps,L=void 0===G?{}:G,R=s["data-testid"],$=l(null),B=f(u,$),M=a((function(){if(!T||!E||0===j)return T;var e=E.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");N&&(e=e.split(" ").join("|"));for(var t=RegExp("(".concat(e,")"),k?"i":""),i=T.split(t),o=[],r=0,s=0,l=0;i.length>l;l++)if(i[l]){var a=l%2==1;o.push(g(i[l],s++,a&&(!j||0>j||j>r),O,b)),a&&r++}return o}),[T,E,j,k,N,O,b]),S=p({ref:H&&$});m((function(){$.current&&$.current.style.setProperty("--heading-clamp-lines",""+w)}),[$,w,S]);var X=r.createElement("div",{ref:B,className:o(c.textWithHighlightWrapper,h,e({},c.withEllipsis,H)),id:d,"data-testid":R||t(i.TEXT_WITH_HIGHLIGHT,d)},M);return S||W?r.createElement(n,Object.assign({content:S?T:W,position:_},L),X):X}));export{u as default};
-//# sourceMappingURL=TextWithHighlight.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextWithHighlight.js","sources":["../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useMemo, useRef } from \"react\";\nimport Tooltip, { TooltipProps } from \"../../components/Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst getTextPart = (\n  text: string,\n  key: number,\n  shouldHighlight: boolean,\n  wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n  wrappingElementClassName: string\n) => {\n  const WrappingElement = wrappingTextTag;\n  if (shouldHighlight) {\n    return (\n      <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n        {text}\n      </WrappingElement>\n    );\n  }\n  return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n  /**\n   * The text content to display.\n   */\n  text?: string;\n  /**\n   * The term to highlight within the text.\n   */\n  highlightTerm?: string;\n  /**\n   * The maximum number of highlighted terms allowed.\n   */\n  limit?: number;\n  /**\n   * If true, the highlight search is case-insensitive.\n   */\n  ignoreCase?: boolean;\n  /**\n   * If true, truncates overflowing text with an ellipsis.\n   */\n  useEllipsis?: boolean;\n  /**\n   * If true, allows splitting the highlight term into separate words.\n   */\n  allowTermSplit?: boolean;\n  /**\n   * The number of lines to display before truncating with an ellipsis.\n   */\n  linesToClamp?: number;\n  /**\n   * Tooltip content displayed when there is no overflow.\n   */\n  nonEllipsisTooltip?: string;\n  /**\n   * The HTML tag used to wrap highlighted text.\n   */\n  wrappingTextTag?: keyof JSX.IntrinsicElements;\n  /**\n   * Class name applied to the wrapping element of highlighted text.\n   */\n  wrappingElementClassName?: string;\n  /**\n   * The position of the tooltip when displayed.\n   * @deprecated Use `tooltipProps.position` instead.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Additional props to customize the tooltip component.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      text = \"\",\n      highlightTerm,\n      limit,\n      useEllipsis = true,\n      linesToClamp = 3,\n      ignoreCase = true,\n      allowTermSplit = true,\n      nonEllipsisTooltip,\n      tooltipPosition,\n      wrappingTextTag = \"em\",\n      wrappingElementClassName,\n      tooltipProps = {},\n      \"data-testid\": dataTestId\n    }: TextWithHighlightProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const textWithHighlights = useMemo(() => {\n      if (!text || !highlightTerm || limit === 0) return text;\n      let finalTerm = escapeRegExp(highlightTerm);\n      if (allowTermSplit) {\n        finalTerm = finalTerm.split(\" \").join(\"|\");\n      }\n      const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n      const tokens = text.split(regex);\n      const parts = [];\n      // Tokens include the term search (in odd indices)\n      let highlightTermsCount = 0;\n      let key = 0;\n      for (let i = 0; i < tokens.length; i++) {\n        // skip empty tokens\n        if (tokens[i]) {\n          // adding highlight part\n          const isTermPart = i % 2 === 1;\n          const shouldHighlight = isTermPart && (!limit || limit < 0 || highlightTermsCount < limit);\n          parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n          if (isTermPart) highlightTermsCount++;\n        }\n      }\n\n      return parts;\n    }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n    const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n    useIsomorphicLayoutEffect(() => {\n      if (componentRef.current) {\n        componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n      }\n    }, [componentRef, linesToClamp, isOverflowing]);\n\n    const Element = (\n      <div\n        ref={mergedRef}\n        className={cx(styles.textWithHighlightWrapper, className, {\n          [styles.withEllipsis]: useEllipsis\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n      >\n        {textWithHighlights}\n      </div>\n    );\n\n    if (isOverflowing || nonEllipsisTooltip) {\n      const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n      return (\n        <Tooltip content={tooltipContent} position={tooltipPosition} {...tooltipProps}>\n          {Element}\n        </Tooltip>\n      );\n    }\n    return Element;\n  }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n  return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","tooltipPosition","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","_ref$tooltipProps","tooltipProps","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","useIsomorphicLayoutEffect","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","Object","assign","content","position"],"mappings":"qfAWA,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBAN2CC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAAD,EAAAA,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAsDMW,EAAsDC,GAC1D,SAAAC,EAkBEC,GACE,IAjBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAO,IAAHgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAc,IAAHD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAiB,IAAHD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBACAC,EAAef,EAAfe,gBAAeC,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,EAAG,KAAIA,EACtBE,EAAwBlB,EAAxBkB,yBAAwBC,EAAAnB,EACxBoB,aAAAA,OAAY,IAAAD,EAAG,CAAE,EAAAA,EACFE,EAAUrB,EAAzB,eAIIsB,EAAeC,EAAO,MACtBC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKxC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIyC,EAAyBxB,EA4DnByB,QAAQ,sBAAuB,QA3DrChB,IACFe,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKjB,EAAa,IAAM,IACxDwB,EAAShD,EAAK2C,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtBjD,EAAM,EACDkD,EAAI,EAAOH,EAAO3C,OAAX8C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKtD,EAAYiD,EAAOG,GAAIlD,IADVmD,KAAgBlC,GAAiB,EAARA,GAAmCA,EAAtBgC,GACJpB,EAAiBC,IACvEqB,GAAYF,GACjB,CAGH,OAAOD,CACT,GAAG,CAACjD,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBI,EAAiBC,IAEvEuB,EAAgBC,EAAiB,CAAEzC,IAAKM,GAAee,IAE7DqB,GAA0B,WACpBrB,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBrC,KAEnE,GAAE,CAACa,EAAcb,EAAcgC,IAEhC,IAAMM,EACJzD,EACE0D,cAAA,MAAA,CAAA/C,IAAKuB,EACL9B,UAAWC,EAAGC,EAAOqD,yBAA0BvD,EAASwD,KACrDtD,EAAOuD,aAAe5C,IAEzBL,GAAIA,EACS,cAAAmB,GAAc+B,EAAUC,EAAuBC,oBAAqBpD,IAEhFwB,GAIL,OAAIe,GAAiB3B,EAGjBxB,EAAC0D,cAAAO,EAAQC,OAAAC,OAAA,CAAAC,QAFYjB,EAAgBtD,EAAO2B,EAEV6C,SAAU5C,GAAqBK,GAC9D2B,GAIAA,CACT"}

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

@@ -1,2 +0,0 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_977e5cee90",highlightText:"highlightText_bea07f885a",withEllipsis:"withEllipsis_7912727fff"};!function(e){const t="s_id-42c1fd2afe36_3_58_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_977e5cee90 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_977e5cee90 em.highlightText_bea07f885a {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_977e5cee90.withEllipsis_7912727fff {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
-//# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

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

package/dist/src/components/ThemeProvider/ThemeProvider.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as s,useEffect as m}from"react";import{SystemTheme as i,ThemeColor as n}from"./ThemeProviderConstants.js";import{generateRandomAlphaString as a,isAnySystemThemeClassNameOnBody as c,addSystemThemeClassNameToBody as l,removeSystemThemeClassNameFromBody as d,shouldGenerateTheme as u,generateThemeCssOverride as f}from"./ThemeProviderUtils.js";import p from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=h((function(i){var n=i.themeConfig,h=i.children,v=i.themeClassSpecifier,y=i.systemTheme,T=i.className,j=o(!1),C=e(j,2),g=C[0],P=C[1],E=s((function(){return v||a()}),[v]);return p((function(){if(y&&!c())return l(y),function(){d(y)}}),[y]),m((function(){if(u(n)){if(!document.getElementById(n.name)){var e=document.createElement("style");e.type="text/css",e.id=n.name;var r=f(n,E);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),P(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}P(!0)}}),[E,n]),!g&&u(n)?null:t.createElement("div",{className:r(null==n?void 0:n.name,E,T)},h)}),{systemThemes:i,colors:n});export{v as default};
-//# sourceMappingURL=ThemeProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { SystemTheme as SystemThemeEnum, Theme, ThemeColor as ThemeColorEnum } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\nimport {\n  addSystemThemeClassNameToBody,\n  generateRandomAlphaString,\n  generateThemeCssOverride,\n  isAnySystemThemeClassNameOnBody,\n  removeSystemThemeClassNameFromBody,\n  shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\n\nexport interface ThemeProviderProps {\n  /**\n   * The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)\n   * and an object of color overrides for each system theme.\n   */\n  themeConfig?: Theme;\n  /**\n   * The children to be rendered with the applied theme.\n   */\n  children: ReactElement;\n  /**\n   * A string added to the theme name selector to make it more specific, in case `themeConfig.name`\n   * collides with another class name.\n   */\n  themeClassSpecifier?: string;\n  /**\n   * The system theme to apply to the `body` element on mount,\n   * if there is no system theme class name on the body already.\n   */\n  systemTheme?: SystemTheme;\n  /**\n   * Class name applied to the wrapping `div`.\n   */\n  className?: string;\n}\n\nconst ThemeProvider = ({\n  themeConfig,\n  children,\n  themeClassSpecifier: customThemeClassSpecifier,\n  systemTheme,\n  className\n}: ThemeProviderProps) => {\n  const [stylesLoaded, setStylesLoaded] = useState(false);\n  const themeClassSpecifier = useMemo(\n    () => customThemeClassSpecifier || generateRandomAlphaString(),\n    [customThemeClassSpecifier]\n  );\n\n  // Add the systemTheme class name to the body on mount\n  useIsomorphicLayoutEffect(() => {\n    if (!systemTheme) {\n      return;\n    }\n\n    if (isAnySystemThemeClassNameOnBody()) {\n      // If there is already a systemTheme class name on the body, we don't want to override it\n      return;\n    }\n\n    addSystemThemeClassNameToBody(systemTheme);\n\n    return () => {\n      // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n      removeSystemThemeClassNameFromBody(systemTheme);\n    };\n  }, [systemTheme]);\n\n  useEffect(() => {\n    if (!shouldGenerateTheme(themeConfig)) {\n      return;\n    }\n    if (document.getElementById(themeConfig.name)) {\n      setStylesLoaded(true);\n      return;\n    }\n\n    const styleElement = document.createElement(\"style\");\n    styleElement.type = \"text/css\";\n    styleElement.id = themeConfig.name;\n    const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n    try {\n      styleElement.appendChild(document.createTextNode(themeCssOverride));\n      document.head.appendChild(styleElement);\n      setStylesLoaded(true);\n    } catch (error) {\n      console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n    }\n\n    return () => {\n      document.head.removeChild(styleElement);\n    };\n  }, [themeClassSpecifier, themeConfig]);\n\n  if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n    // Waiting for styles to load before children render\n    return null;\n  }\n\n  // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n  return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\ninterface ThemeProviderStaticProps {\n  systemThemes: typeof SystemThemeEnum;\n  colors: typeof ThemeColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ThemeProviderProps, ThemeProviderStaticProps>(ThemeProvider, {\n  systemThemes: SystemThemeEnum,\n  colors: ThemeColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx","systemThemes","SystemThemeEnum","colors","ThemeColorEnum"],"mappings":"mpBAyCA,IAyEeA,EAAAA,GAzEO,SAAHC,GAMM,IALvBC,EAAWD,EAAXC,YACAC,EAAQF,EAARE,SACqBC,EAAyBH,EAA9CI,oBACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAEAC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC7E,CAED,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB3B,CAFCZ,GAAgB,EAFjB,CAsBH,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF,GAO6G,CAC3GoC,aAAcC,EACdC,OAAQC"}

package/dist/src/components/ThemeProvider/ThemeProviderConstants.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";var o,e;!function(r){r.LIGHT="light",r.DARK="dark",r.BLACK="black"}(o||(o={})),function(r){r.primaryColor="primary-color",r.primaryHoverColor="primary-hover-color",r.primarySelectedColor="primary-selected-color",r.primarySelectedHoverColor="primary-selected-hover-color",r.primarySelectedOnSecondaryColor="primary-selected-on-secondary-color",r.textColorOnPrimary="text-color-on-primary",r.brandColor="brand-color",r.brandHoverColor="brand-hover-color",r.brandSelectedColor="brand-selected-color",r.brandSelectedHoverColor="brand-selected-hover-color",r.textColorOnBrand="text-color-on-brand"}(e||(e={}));var l=r(r(r({},o.LIGHT,"light-app-theme"),o.DARK,"dark-app-theme"),o.BLACK,"black-app-theme");export{o as SystemTheme,l as SystemThemeClassMap,e as ThemeColor};
-//# sourceMappingURL=ThemeProviderConstants.js.map

package/dist/src/components/ThemeProvider/ThemeProviderConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProviderConstants.js","sources":["../../../../src/components/ThemeProvider/ThemeProviderConstants.ts"],"sourcesContent":["/**\n * System themes: dark, light, black\n */\n/**\n * @deprecated\n */\nexport enum SystemTheme {\n  LIGHT = \"light\",\n  DARK = \"dark\",\n  BLACK = \"black\"\n}\n\n/**\n * Colors which are eligible for theming\n */\n/**\n * @deprecated\n */\nexport enum ThemeColor {\n  primaryColor = \"primary-color\",\n  primaryHoverColor = \"primary-hover-color\",\n  primarySelectedColor = \"primary-selected-color\",\n  primarySelectedHoverColor = \"primary-selected-hover-color\",\n  primarySelectedOnSecondaryColor = \"primary-selected-on-secondary-color\",\n  textColorOnPrimary = \"text-color-on-primary\",\n  brandColor = \"brand-color\",\n  brandHoverColor = \"brand-hover-color\",\n  brandSelectedColor = \"brand-selected-color\",\n  brandSelectedHoverColor = \"brand-selected-hover-color\",\n  textColorOnBrand = \"text-color-on-brand\"\n}\n\nexport type Theme = {\n  /**\n   * The name of the theme - name of css class that will be added to the children - should be unique\n   */\n  name: string;\n  colors: SystemThemeColorMap;\n};\n\ntype SystemThemeColorMap = {\n  [key in SystemTheme]?: ThemeColorTokenValueMap;\n};\n\nexport type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;\n\nexport type ThemeColorTokenValue = {\n  [key in ThemeColor]?: string;\n};\n\ntype ThemeCustomClassValue = {\n  [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;\n};\n\nexport const SystemThemeClassMap: SystemThemeClassMapType = {\n  [SystemTheme.LIGHT]: \"light-app-theme\",\n  [SystemTheme.DARK]: \"dark-app-theme\",\n  [SystemTheme.BLACK]: \"black-app-theme\"\n};\n\ntype SystemThemeClassMapType = {\n  [key in SystemTheme]: string;\n};\n"],"names":["SystemTheme","ThemeColor","SystemThemeClassMap","_defineProperty","LIGHT","DARK","BLACK"],"mappings":"oFAMYA,EAYAC,GAZZ,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAQD,SAAYC,GACVA,EAAA,aAAA,gBACAA,EAAA,kBAAA,sBACAA,EAAA,qBAAA,yBACAA,EAAA,0BAAA,+BACAA,EAAA,gCAAA,sCACAA,EAAA,mBAAA,wBACAA,EAAA,WAAA,cACAA,EAAA,gBAAA,oBACAA,EAAA,mBAAA,uBACAA,EAAA,wBAAA,6BACAA,EAAA,iBAAA,qBACD,CAZD,CAAYA,IAAAA,EAYX,CAAA,IAwBM,IAAMC,EAAmBC,EAAAA,EAAAA,EAAA,CAAA,EAC7BH,EAAYI,MAAQ,mBACpBJ,EAAYK,KAAO,kBACnBL,EAAYM,MAAQ"}

package/dist/src/components/ThemeProvider/ThemeProviderUtils.js

@@ -1,2 +0,0 @@
-import{typeof as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SystemThemeClassMap as t}from"./ThemeProviderConstants.js";var r=function t(r,o,c){for(var e=0,a=Object.keys(r);a.length>e;e++){var u=a[e];"string"==typeof r[u]&&(o+="--".concat(u,": ").concat(r[u],";"))}""!==o&&(o=c+" {"+o+"}");for(var i=0,l=Object.keys(r);l.length>i;i++){var f=l[i];if("object"===n(r[f])){var s="".concat(c," .").concat(f);o+="\n"+t(r[f],"",s)}}return o},o=function(n){return!!(null==n?void 0:n.colors)&&!!(null==n?void 0:n.name)},c=function(n,c){if(!o(n))return null;for(var e="",a=0,u=Object.keys(n.colors);u.length>a;a++){var i=u[a];e+=r(n.colors[i],"",".".concat(t[i]," .").concat(c,".").concat(n.name))+"\n"}return e},e=function(){for(var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6,t="",r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=0;n>o;o++)t+=r.charAt(Math.floor(52*Math.random()));return t},a="-app-theme",u=function(n){return n.endsWith(a)},i=function(n){return"".concat(n).concat(a)},l=function(){for(var n=document.body.classList,t=0,r=Array.from(n);r.length>t;t++){var o=r[t];if(u(o))return o}return null},f=function(){return!!l()},s=function(n){document.body.classList.add(i(n))},v=function(n){document.body.classList.remove(i(n))};export{i as addAppThemeSuffix,s as addSystemThemeClassNameToBody,e as generateRandomAlphaString,c as generateThemeCssOverride,l as getBodySystemThemeClassName,f as isAnySystemThemeClassNameOnBody,v as removeSystemThemeClassNameFromBody,o as shouldGenerateTheme};
-//# sourceMappingURL=ThemeProviderUtils.js.map

package/dist/src/components/ThemeProvider/ThemeProviderUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProviderUtils.js","sources":["../../../../src/components/ThemeProvider/ThemeProviderUtils.ts"],"sourcesContent":["import { Theme, ThemeColorTokenValueMap, SystemThemeClassMap } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\n\nconst generateCss = (object: ThemeColorTokenValueMap, stack: string, parentSelector: string) => {\n  for (const key of Object.keys(object)) {\n    if (typeof object[key as keyof ThemeColorTokenValueMap] === \"string\") {\n      stack += `--${key}: ${object[key as keyof ThemeColorTokenValueMap]};`;\n    }\n  }\n\n  if (stack !== \"\") {\n    stack = parentSelector + \" {\" + stack + \"}\";\n  }\n\n  for (const key of Object.keys(object)) {\n    if (typeof object[key as keyof ThemeColorTokenValueMap] === \"object\") {\n      const selector = `${parentSelector} .${key}`;\n      stack +=\n        \"\\n\" + generateCss(object[key as keyof ThemeColorTokenValueMap] as ThemeColorTokenValueMap, \"\", selector);\n    }\n  }\n\n  return stack;\n};\n\nexport const shouldGenerateTheme = (themeConfig: Theme) => {\n  return !!themeConfig?.colors && !!themeConfig?.name;\n};\n\nexport const generateThemeCssOverride = (themeConfig: Theme, themeClassSpecifier: string) => {\n  if (!shouldGenerateTheme(themeConfig)) {\n    return null;\n  }\n\n  let css = \"\";\n  for (const systemTheme of Object.keys(themeConfig.colors) as SystemTheme[]) {\n    css +=\n      generateCss(\n        themeConfig.colors[systemTheme],\n        \"\",\n        `.${SystemThemeClassMap[systemTheme]} .${themeClassSpecifier}.${themeConfig.name}`\n      ) + \"\\n\";\n  }\n\n  return css;\n};\n\nexport const generateRandomAlphaString = (length = 6) => {\n  let result = \"\";\n  const characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * characters.length));\n  }\n\n  return result;\n};\n\nconst APP_THEME_SUFFIX = \"-app-theme\";\n\nconst isAppThemeClassName = (className: string) => {\n  return className.endsWith(APP_THEME_SUFFIX);\n};\n\nexport const addAppThemeSuffix = (systemTheme: SystemTheme) => {\n  return `${systemTheme}${APP_THEME_SUFFIX}`;\n};\n\nexport const getBodySystemThemeClassName = () => {\n  const classList = document.body.classList;\n  for (const className of Array.from(classList)) {\n    if (isAppThemeClassName(className)) {\n      return className;\n    }\n  }\n  return null;\n};\n\nexport const isAnySystemThemeClassNameOnBody = () => {\n  const bodySystemThemeClassName = getBodySystemThemeClassName();\n  return !!bodySystemThemeClassName;\n};\n\nexport const addSystemThemeClassNameToBody = (systemTheme: SystemTheme) => {\n  document.body.classList.add(addAppThemeSuffix(systemTheme));\n};\n\nexport const removeSystemThemeClassNameFromBody = (systemTheme: SystemTheme) => {\n  document.body.classList.remove(addAppThemeSuffix(systemTheme));\n};\n"],"names":["generateCss","object","stack","parentSelector","_i","_Object$keys","Object","keys","length","key","concat","_i2","_Object$keys2","_typeof","selector","shouldGenerateTheme","themeConfig","colors","name","generateThemeCssOverride","themeClassSpecifier","css","_i3","_Object$keys3","systemTheme","SystemThemeClassMap","generateRandomAlphaString","arguments","undefined","result","characters","i","charAt","Math","floor","random","APP_THEME_SUFFIX","isAppThemeClassName","className","endsWith","addAppThemeSuffix","getBodySystemThemeClassName","classList","document","body","_i4","_Array$from","Array","from","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","add","removeSystemThemeClassNameFromBody","remove"],"mappings":"0IAGA,IAAMA,EAAc,SAAdA,EAAeC,EAAiCC,EAAeC,GACnE,IAAA,IAAAC,EAAAC,EAAAA,EAAkBC,OAAOC,KAAKN,GAAOI,EAAAG,OAAAJ,EAAAA,IAAE,CAAlC,IAAMK,EAAGJ,EAAAD,GACgD,iBAAjDH,EAAOQ,KAChBP,GAAK,KAAAQ,OAASD,EAAG,MAAAC,OAAKT,EAAOQ,GAAwC,KAExE,CAEa,KAAVP,IACFA,EAAQC,EAAiB,KAAOD,EAAQ,KAG1C,IAAA,IAAAS,EAAAC,EAAAA,EAAkBN,OAAOC,KAAKN,GAAOW,EAAAJ,OAAAG,EAAAA,IAAE,CAAlC,IAAMF,EAAGG,EAAAD,GACZ,GAA4D,WAAxDE,EAAOZ,EAAOQ,IAAoD,CACpE,IAAMK,KAAQJ,OAAMP,EAAcO,MAAAA,OAAKD,GACvCP,GACE,KAAOF,EAAYC,EAAOQ,GAAkE,GAAIK,EACnG,CACF,CAED,OAAOZ,CACT,EAEaa,EAAsB,SAACC,GAClC,SAASA,aAAW,EAAXA,EAAaC,YAAYD,eAAAA,EAAaE,KACjD,EAEaC,EAA2B,SAACH,EAAoBI,GAC3D,IAAKL,EAAoBC,GACvB,OAAO,KAIT,IADA,IAAIK,EAAM,GACVC,IAAAC,EAA0BjB,OAAOC,KAAKS,EAAYC,QAAwBM,EAAAf,OAAAc,EAAAA,IAAE,CAAvE,IAAME,EAAWD,EAAAD,GACpBD,GACErB,EACEgB,EAAYC,OAAOO,GACnB,GAAE,IAAAd,OACEe,EAAoBD,GAAY,MAAAd,OAAKU,EAAmBV,KAAAA,OAAIM,EAAYE,OAC1E,IACP,CAED,OAAOG,CACT,EAEaK,EAA4B,WAIvC,IAJsD,IAAdlB,EAAMmB,UAAAnB,OAAA,QAAAoB,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAC7CE,EAAS,GACPC,EAAa,uDAEVC,EAAI,EAAOvB,EAAJuB,EAAYA,IAC1BF,GAAUC,EAAWE,OAAOC,KAAKC,MAAsBJ,GAAhBG,KAAKE,WAG9C,OAAON,CACT,EAEMO,EAAmB,aAEnBC,EAAsB,SAACC,GAC3B,OAAOA,EAAUC,SAASH,EAC5B,EAEaI,EAAoB,SAAChB,GAChC,MAAA,GAAAd,OAAUc,GAAWd,OAAG0B,EAC1B,EAEaK,EAA8B,WAEzC,IADA,IAAMC,EAAYC,SAASC,KAAKF,UAChCG,EAAAC,EAAAA,EAAwBC,MAAMC,KAAKN,GAAUI,EAAAtC,OAAAqC,EAAAA,IAAE,CAA1C,IAAMP,EAASQ,EAAAD,GAClB,GAAIR,EAAoBC,GACtB,OAAOA,CAEV,CACD,OAAO,IACT,EAEaW,EAAkC,WAE7C,QADiCR,GAEnC,EAEaS,EAAgC,SAAC1B,GAC5CmB,SAASC,KAAKF,UAAUS,IAAIX,EAAkBhB,GAChD,EAEa4B,EAAqC,SAAC5B,GACjDmB,SAASC,KAAKF,UAAUW,OAAOb,EAAkBhB,GACnD"}

package/dist/src/components/Tipseen/Tipseen.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useEffect as n,useMemo as a,Fragment as l}from"react";import m from"classnames";import{AnimationType as d,HideShowEvent as p}from"../Dialog/DialogConstants.js";import c from"../../hooks/useMergeRef.js";import u from"../Tooltip/Tooltip.js";import f from"../IconButton/IconButton.js";import h from"./TipseenTitle.js";import{TipseenCloseButtonTheme as v,TipseenColor as T,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as y}from"./TipseenConstants.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as C}from"../../tests/constants.js";import{getTestId as j}from"../../tests/testIds.js";import N from"../Text/Text.js";import E from"./Tipseen.module.scss.js";import{ButtonColor as w}from"../Button/ButtonConstants.js";import{TooltipPositions as B}from"../Tooltip/TooltipConstants.js";import x from"../../../icons/dist/react/CloseSmall.js";var D=o.createContext("primary"),W=g(i((function(i,d){var p=i.className,v=i.id,T=i.position,g=void 0===T?"bottom":T,B=i.animationType,W=void 0===B?"expand":B,A=i.hideDelay,R=void 0===A?0:A,S=i.showDelay,k=void 0===S?100:S,I=i.title,O=i.titleClassName,P=i.hideCloseButton,_=i.closeButtonTheme,b=void 0===_?"light":_,H=i.onClose,L=i.closeAriaLabel,M=i.children,z=void 0===M?null:M,G=i.content,K=i.containerSelector,U=i.hideTrigger,V=void 0===U?[]:U,Y=i.showTrigger,q=void 0===Y?[]:Y,F=i.width,J=i.moveBy,Q=i.hideWhenReferenceHidden,X=void 0!==Q&&Q,Z=i.referenceWrapperClassName,$=i.tip,ee=void 0===$||$,te=i.tooltipArrowClassName,oe=i.modifiers,ie=void 0===oe?[]:oe,re=i.floating,se=void 0!==re&&re,ne=i.color,ae=i["data-testid"],le=null!=ne?ne:"inverted",me=Array.isArray(q)&&Array.isArray(V)&&0===q.length&&k>0,de=r(null),pe=c(d,de),ce=s(!me),ue=e(ce,2),fe=ue[0],he=ue[1],ve=L||y;n((function(){var e;return k&&(e=setTimeout((function(){he(!0)}),k)),function(){clearTimeout(e)}}),[k,he]);var Te=a((function(){return"inverted"===le?"onInverted":"onPrimary"}),[le]),ye=a((function(){return"light"===b?"inverted"===le?w.ON_INVERTED_BACKGROUND:w.ON_PRIMARY_COLOR:b}),[le,b]),ge=d||v?"div":l,Ce=o.createElement("div",null,o.createElement("div",{className:m(E.tipseenHeader)},P?null:o.createElement(f,{hideTooltip:!0,className:m(E.tipseenCloseButton,t({},E.dark,"dark"===b||"fixed-dark"===b)),onClick:H,size:"xs",kind:"tertiary",color:ye,ariaLabel:ve,icon:x}),o.createElement(h,{text:I,className:m(E.tipseenTitle,O)})),o.createElement(N,{color:Te,type:"text2",element:"p",className:m(E.tipseenContent)},o.createElement(D.Provider,{value:le},G)));return o.createElement(ge,{ref:pe,id:v,"data-testid":ae||j(C.TIPSEEN,v)},o.createElement(u,{className:m(E.tipseenWrapper,p,t(t({},E.tipseenWrapperWithoutCustomWidth,!F),E.floating,se)),maxWidth:F,arrowClassName:te,style:F?{width:F}:void 0,shouldShowOnMount:!me,position:g,animationType:W,hideDelay:R,showDelay:0,hideTrigger:V,showTrigger:q,showOnDialogEnter:!1,content:Ce,theme:"inverted"===le?"dark":"primary",containerSelector:K,disableDialogSlide:!1,moveBy:J,hideWhenReferenceHidden:X,referenceWrapperClassName:Z,tip:ee&&!se,modifiers:ie,open:me?fe:void 0,forceRenderWithoutChildren:se},z))})),{closeButtonThemes:v,animationTypes:d,hideShowTriggers:p,colors:T,positions:B});export{D as TipseenContext,W as default};
-//# sourceMappingURL=Tipseen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tipseen.js","sources":["../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from \"../Dialog/DialogConstants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport {\n  TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,\n  TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum,\n  TipseenColor as TipseenColorEnum\n} from \"./TipseenConstants\";\nimport { TipseenCloseButtonTheme, TipseenColor } from \"./Tipseen.types\";\nimport { ElementContent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { Modifier } from \"react-popper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Tipseen.module.scss\";\nimport { ButtonColor } from \"../Button/ButtonConstants\";\nimport React from \"react\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * The position of the Tipseen relative to the target element.\n   */\n  position?: TooltipPositions;\n  /**\n   * The animation type used for showing/hiding the Tipseen.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * The delay in milliseconds before hiding the Tipseen.\n   */\n  hideDelay?: number;\n  /**\n   * The delay in milliseconds before showing the Tipseen.\n   */\n  showDelay?: number;\n  /**\n   * The title text of the Tipseen.\n   */\n  title?: string;\n  /**\n   * If true, hides the close button.\n   */\n  hideCloseButton?: boolean;\n  /**\n   * The child element that triggers the Tipseen.\n   */\n  children?: ReactElement;\n  /**\n   * The CSS selector of the container where the Tipseen should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Events that trigger hiding the Tipseen.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger showing the Tipseen.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * The width of the Tipseen.\n   */\n  width?: number;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * If true, hides the Tipseen when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If false, hides the arrow of the Tipseen.\n   */\n  tip?: boolean;\n  /**\n   * Class name applied to the Tipseen arrow.\n   */\n  tooltipArrowClassName?: string;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The aria-label for the close button.\n   */\n  closeAriaLabel?: string;\n  /**\n   * Callback fired when the Tipseen is closed.\n   */\n  onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * The content displayed inside the Tipseen.\n   */\n  content: ElementContent;\n  /**\n   * The theme of the Tipseen close button.\n   */\n  closeButtonTheme?: TipseenCloseButtonTheme;\n  /**\n   * If true, renders the Tipseen as a floating element without a reference.\n   */\n  floating?: boolean;\n  /**\n   * The color theme of the Tipseen.\n   */\n  color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen = forwardRef(\n  (\n    {\n      className,\n      id,\n      position = \"bottom\",\n      animationType = \"expand\",\n      hideDelay = 0,\n      showDelay = 100,\n      title,\n      titleClassName,\n      hideCloseButton,\n      closeButtonTheme = \"light\",\n      onClose,\n      closeAriaLabel,\n      children = null,\n      content,\n      containerSelector,\n      hideTrigger = [],\n      showTrigger = [],\n      width,\n      moveBy,\n      hideWhenReferenceHidden = false,\n      referenceWrapperClassName,\n      tip = true,\n      tooltipArrowClassName,\n      modifiers = [],\n      floating = false,\n      color: colorProp,\n      \"data-testid\": dataTestId\n    }: TipseenProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const color = colorProp ?? \"inverted\";\n\n    const defaultDelayOpen =\n      Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n    const overrideCloseAriaLabel = closeAriaLabel || TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n    useEffect(() => {\n      let timeout: NodeJS.Timeout;\n      if (showDelay) {\n        timeout = setTimeout(() => {\n          setDelayOpen(true);\n        }, showDelay);\n      }\n      return () => {\n        clearTimeout(timeout);\n      };\n    }, [showDelay, setDelayOpen]);\n\n    const textColor = useMemo(() => {\n      return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n    }, [color]);\n    const closeButtonColor = useMemo(() => {\n      if (closeButtonTheme === \"light\") {\n        return color === \"inverted\" ? ButtonColor.ON_INVERTED_BACKGROUND : ButtonColor.ON_PRIMARY_COLOR;\n      } else {\n        return closeButtonTheme;\n      }\n    }, [color, closeButtonTheme]);\n\n    const TipseenWrapper = ref || id ? \"div\" : Fragment;\n    const tooltipContent = (\n      <div>\n        <div className={cx(styles.tipseenHeader)}>\n          {hideCloseButton ? null : (\n            <IconButton\n              hideTooltip\n              className={cx(styles.tipseenCloseButton, {\n                [styles.dark]: closeButtonTheme === \"dark\" || closeButtonTheme === \"fixed-dark\"\n              })}\n              onClick={onClose}\n              size=\"xs\"\n              kind=\"tertiary\"\n              // @ts-ignore\n              color={closeButtonColor}\n              ariaLabel={overrideCloseAriaLabel}\n              icon={CloseSmall}\n            />\n          )}\n          <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n        </div>\n        <Text color={textColor} type=\"text2\" element=\"p\" className={cx(styles.tipseenContent)}>\n          <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n        </Text>\n      </div>\n    );\n\n    return (\n      <TipseenWrapper ref={mergedRef} id={id} data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN, id)}>\n        <Tooltip\n          className={cx(styles.tipseenWrapper, className, {\n            [styles.tipseenWrapperWithoutCustomWidth]: !width,\n            [styles.floating]: floating\n          })}\n          maxWidth={width}\n          arrowClassName={tooltipArrowClassName}\n          style={width ? { width } : undefined}\n          shouldShowOnMount={!defaultDelayOpen}\n          position={position}\n          animationType={animationType}\n          hideDelay={hideDelay}\n          showDelay={0}\n          hideTrigger={hideTrigger}\n          showTrigger={showTrigger}\n          showOnDialogEnter={false}\n          content={tooltipContent}\n          theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n          containerSelector={containerSelector}\n          disableDialogSlide={false}\n          moveBy={moveBy}\n          hideWhenReferenceHidden={hideWhenReferenceHidden}\n          referenceWrapperClassName={referenceWrapperClassName}\n          tip={tip && !floating}\n          modifiers={modifiers}\n          open={defaultDelayOpen ? delayedOpen : undefined}\n          forceRenderWithoutChildren={floating}\n        >\n          {children}\n        </Tooltip>\n      </TipseenWrapper>\n    );\n  }\n);\n\ninterface TipseenStaticProps {\n  closeButtonThemes: typeof TipseenCloseButtonThemeEnum;\n  animationTypes: typeof AnimationTypeEnum;\n  hideShowTriggers: typeof HideShowEventEnum;\n  colors: typeof TipseenColorEnum;\n  positions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<TipseenProps, TipseenStaticProps>(Tipseen, {\n  closeButtonThemes: TipseenCloseButtonThemeEnum,\n  animationTypes: AnimationTypeEnum,\n  hideShowTriggers: HideShowEventEnum,\n  colors: TipseenColorEnum,\n  positions: TooltipPositionsEnum\n});\n"],"names":["TipseenContext","React","createContext","withStaticProps","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_ref$modifiers","modifiers","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","ButtonColor","ON_INVERTED_BACKGROUND","ON_PRIMARY_COLOR","TipseenWrapper","Fragment","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","ariaLabel","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","tipseenContent","Provider","value","getTestId","ComponentDefaultTestId","TIPSEEN","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","maxWidth","arrowClassName","style","undefined","shouldShowOnMount","showOnDialogEnter","theme","disableDialogSlide","open","forceRenderWithoutChildren","closeButtonThemes","TipseenCloseButtonThemeEnum","animationTypes","AnimationTypeEnum","hideShowTriggers","HideShowEventEnum","colors","TipseenColorEnum","positions","TooltipPositionsEnum"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={tipseenWrapper:"tipseenWrapper_41cb5bcac7",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_1d4c389881",floating:"floating_15c0547e45",tipseenHeader:"tipseenHeader_81dc5a616d",tipseenTitle:"tipseenTitle_6395d788a3",tipseenContent:"tipseenContent_db5bdcac1e",tipseenCloseButton:"tipseenCloseButton_3f72b00a49",dark:"dark_38a7d8cc62"};!function(e){const t="s_id-33da00d2ba25_3_58_0";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)}(".tipseenWrapper_41cb5bcac7 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_41cb5bcac7.tipseenWrapperWithoutCustomWidth_1d4c389881 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_41cb5bcac7.floating_15c0547e45 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_41cb5bcac7 .tipseenHeader_81dc5a616d {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_41cb5bcac7 .tipseenTitle_6395d788a3 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_41cb5bcac7 .tipseenContent_db5bdcac1e {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_41cb5bcac7 .tipseenCloseButton_3f72b00a49 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_41cb5bcac7 .tipseenCloseButton_3f72b00a49.dark_38a7d8cc62 {\n  color: var(--color-asphalt);\n}");export{e as default};
-//# sourceMappingURL=Tipseen.module.scss.js.map

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

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

package/dist/src/components/Tipseen/TipseenBasicContent.js

@@ -1,2 +0,0 @@
-import t from"react";import e from"classnames";import s from"./TipseenTitle.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{getTestId as i}from"../../tests/testIds.js";import r from"./TipseenBasicContent.module.scss.js";var m=function(m){var o=m.title,n=m.children,l=void 0===n?null:n,c=m.titleClassName,d=m.id,p=m["data-testid"];return t.createElement("div",{className:e(r.tipseenBasicContent,m.className),id:d,"data-testid":p||i(a.TIPSEEN_CONTENT,d)},t.createElement(s,{text:o,className:c}),l)};export{m as default};
-//# sourceMappingURL=TipseenBasicContent.js.map

package/dist/src/components/Tipseen/TipseenBasicContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenBasicContent.js","sources":["../../../../src/components/Tipseen/TipseenBasicContent.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { VibeComponentProps } from \"../../types\";\nimport { ElementContent } from \"../../types/ElementContent\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./TipseenBasicContent.module.scss\";\n\nexport interface TipseenBasicContentProps extends VibeComponentProps {\n  /**\n   * The title text displayed in the Tipseen content.\n   */\n  title?: string;\n  /**\n   * Class name applied to the title.\n   */\n  titleClassName?: string;\n  /**\n   * The content inside the Tipseen.\n   */\n  children?: ElementContent | ElementContent[];\n}\n\nconst TipseenBasicContent: React.FC<TipseenBasicContentProps> = ({\n  title,\n  children = null,\n  titleClassName,\n  className,\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.tipseenBasicContent, className)}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT, id)}\n    >\n      <TipseenTitle text={title} className={titleClassName} />\n      {children}\n    </div>\n  );\n};\n\nexport default TipseenBasicContent;\n"],"names":["TipseenBasicContent","_ref","title","_ref$children","children","titleClassName","id","dataTestId","React","createElement","className","cx","styles","tipseenBasicContent","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT","TipseenTitle","text"],"mappings":"yPAwBA,IAAMA,EAA0D,SAAvCC,GAOpB,IANHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EACfE,EAAcJ,EAAdI,eAEAC,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAEA,OACEO,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,oBANhBZ,EAATS,WAOIJ,GAAIA,EACS,cAAAC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAACC,cAAAQ,GAAaC,KAAMhB,EAAOQ,UAAWL,IACrCD,EAGP"}

package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js

@@ -1,2 +0,0 @@
-var e={tipseenBasicContent:"tipseenBasicContent_2298c91531"};!function(e){const n="s_id-e688002d63b5_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_2298c91531 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_2298c91531:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
-//# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js.map

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

package/dist/src/components/Tipseen/TipseenConstants.js

@@ -1,2 +0,0 @@
-var i,r,t="Submit",e="Dismiss",D="Close";!function(i){i.LIGHT="light",i.DARK="dark",i.FIXED_LIGHT="fixed-light",i.FIXED_DARK="fixed-dark"}(i||(i={})),function(i){i.PRIMARY="primary",i.INVERTED="inverted"}(r||(r={}));export{e as DISMISS_BUTTON_TEXT,t as SUBMIT_BUTTON_TEXT,D as TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,i as TipseenCloseButtonTheme,r as TipseenColor};
-//# sourceMappingURL=TipseenConstants.js.map

package/dist/src/components/Tipseen/TipseenConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenConstants.js","sources":["../../../../src/components/Tipseen/TipseenConstants.ts"],"sourcesContent":["export const SUBMIT_BUTTON_TEXT = \"Submit\";\nexport const DISMISS_BUTTON_TEXT = \"Dismiss\";\nexport const TIPSEEN_CLOSE_BUTTON_TEST_ID = \"close-tipseen\";\nexport const TIPSEEN_CLOSE_BUTTON_ARIA_LABEL = \"Close\";\n\n/**\n * @deprecated\n */\nexport enum TipseenCloseButtonTheme {\n  LIGHT = \"light\",\n  DARK = \"dark\",\n  FIXED_LIGHT = \"fixed-light\",\n  FIXED_DARK = \"fixed-dark\"\n}\n\n/**\n * @deprecated\n */\nexport enum TipseenColor {\n  PRIMARY = \"primary\",\n  INVERTED = \"inverted\"\n}\n"],"names":["TipseenCloseButtonTheme","TipseenColor","SUBMIT_BUTTON_TEXT","DISMISS_BUTTON_TEXT","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL"],"mappings":"AAAO,IAQKA,EAUAC,EAlBCC,EAAqB,SACrBC,EAAsB,UAEtBC,EAAkC,SAK/C,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Tipseen/TipseenContent.js

@@ -1,2 +0,0 @@
-import t,{useContext as s,useMemo as e}from"react";import i from"classnames";import o from"../Button/Button.js";import{TipseenColor as n,SUBMIT_BUTTON_TEXT as m,DISMISS_BUTTON_TEXT as r}from"./TipseenConstants.js";import l from"./TipseenBasicContent.js";import a from"./TipseenContent.module.scss.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../tests/constants.js";import{TipseenContext as d}from"./Tipseen.js";import{ButtonColor as p}from"../Button/ButtonConstants.js";var E=function(E){var N=E.id,T=E.title,f=E.titleClassName,C=E.children,I=void 0===C?null:C,B=E.hideDismiss,j=void 0===B||B,S=E.hideSubmit,_=E.submitButtonText,v=void 0===_?m:_,O=E.submitButtonIcon,D=E.onSubmit,R=E.dismissButtonText,b=void 0===R?r:R,k=E.onDismiss,h=s(d),x=e((function(){return h===n.INVERTED?p.ON_INVERTED_BACKGROUND:p.ON_PRIMARY_COLOR}),[h]);return t.createElement(l,{title:T,titleClassName:f,id:N},I?t.createElement("span",null,I):null,t.createElement("div",{className:i(a.buttons)},j?null:t.createElement(o,{kind:"tertiary",color:x,className:a.dismiss,size:"small",onClick:k,"data-testid":u(c.TIPSEEN_CONTENT_DISMISS)},b),S?null:t.createElement(o,{kind:"primary",color:x,size:"small",onClick:D,"data-testid":u(c.TIPSEEN_CONTENT_SUBMIT),leftIcon:O},v)))};export{E as default};
-//# sourceMappingURL=TipseenContent.js.map

package/dist/src/components/Tipseen/TipseenContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenContent.js","sources":["../../../../src/components/Tipseen/TipseenContent.tsx"],"sourcesContent":["import React, { FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Button from \"../../components/Button/Button\";\nimport { DISMISS_BUTTON_TEXT, SUBMIT_BUTTON_TEXT, TipseenColor } from \"./TipseenConstants\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport { VibeComponentProps } from \"../../types\";\nimport { ElementContent } from \"../../types/ElementContent\";\nimport styles from \"./TipseenContent.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { ButtonColor } from \"../Button/ButtonConstants\";\nimport { SubIcon } from \"../../types\";\n\nexport interface TipseenContentProps extends VibeComponentProps {\n  /**\n   * The title text displayed in the Tipseen content.\n   */\n  title?: string;\n  /**\n   * Class name applied to the Tipseen title.\n   */\n  titleClassName?: string;\n  /**\n   * If true, hides the dismiss button.\n   */\n  hideDismiss?: boolean;\n  /**\n   * The content inside the Tipseen.\n   */\n  children?: ElementContent;\n  /**\n   * If true, hides the submit button.\n   */\n  hideSubmit?: boolean;\n  /**\n   * The text displayed on the submit button.\n   */\n  submitButtonText?: string;\n  /**\n   * Icon to display in the submit button\n   */\n  submitButtonIcon?: SubIcon;\n  /**\n   * Callback fired when the submit button is clicked.\n   */\n  onSubmit?: (event: React.MouseEvent) => void;\n  /**\n   * The text displayed on the dismiss button.\n   */\n  dismissButtonText?: string;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: (event: React.MouseEvent) => void;\n}\n\nconst TipseenContent: FC<TipseenContentProps> = ({\n  id,\n  title,\n  titleClassName,\n  children = null,\n  hideDismiss = true,\n  hideSubmit,\n  submitButtonText = SUBMIT_BUTTON_TEXT,\n  submitButtonIcon,\n  onSubmit,\n  dismissButtonText = DISMISS_BUTTON_TEXT,\n  onDismiss\n}) => {\n  const color = useContext(TipseenContext);\n  const buttonColor = useMemo(() => {\n    return color === TipseenColor.INVERTED ? ButtonColor.ON_INVERTED_BACKGROUND : ButtonColor.ON_PRIMARY_COLOR;\n  }, [color]);\n\n  return (\n    <TipseenBasicContent title={title} titleClassName={titleClassName} id={id}>\n      {children ? <span>{children}</span> : null}\n      <div className={cx(styles.buttons)}>\n        {hideDismiss ? null : (\n          <Button\n            kind=\"tertiary\"\n            color={buttonColor}\n            className={styles.dismiss}\n            size=\"small\"\n            onClick={onDismiss}\n            data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_DISMISS)}\n          >\n            {dismissButtonText}\n          </Button>\n        )}\n        {hideSubmit ? null : (\n          <Button\n            kind=\"primary\"\n            color={buttonColor}\n            size=\"small\"\n            onClick={onSubmit}\n            data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_SUBMIT)}\n            leftIcon={submitButtonIcon}\n          >\n            {submitButtonText}\n          </Button>\n        )}\n      </div>\n    </TipseenBasicContent>\n  );\n};\n\nexport default TipseenContent;\n"],"names":["TipseenContent","_ref","id","title","titleClassName","_ref$children","children","_ref$hideDismiss","hideDismiss","hideSubmit","_ref$submitButtonText","submitButtonText","SUBMIT_BUTTON_TEXT","submitButtonIcon","onSubmit","_ref$dismissButtonTex","dismissButtonText","DISMISS_BUTTON_TEXT","onDismiss","color","useContext","TipseenContext","buttonColor","useMemo","TipseenColor","INVERTED","ButtonColor","ON_INVERTED_BACKGROUND","ON_PRIMARY_COLOR","React","createElement","TipseenBasicContent","className","cx","styles","buttons","Button","kind","dismiss","size","onClick","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT_DISMISS","TIPSEEN_CONTENT_SUBMIT","leftIcon"],"mappings":"2gBAyDA,IAAMA,EAA0C,SAA5BC,GAYf,IAXHC,EAAED,EAAFC,GACAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,iBAAAA,OAAmBC,IAAHF,EAAGE,EAAkBF,EACrCG,EAAgBZ,EAAhBY,iBACAC,EAAQb,EAARa,SAAQC,EAAAd,EACRe,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAmBF,EACvCG,EAASjB,EAATiB,UAEMC,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,OAAOJ,IAAUK,EAAaC,SAAWC,EAAYC,uBAAyBD,EAAYE,gBAC5F,GAAG,CAACT,IAEJ,OACEU,EAAAC,cAACC,EAAmB,CAAC5B,MAAOA,EAAOC,eAAgBA,EAAgBF,GAAIA,GACpEI,EAAWuB,EAAAC,cAAA,OAAA,KAAOxB,GAAmB,KACtCuB,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAGC,EAAOC,UACvB3B,EAAc,KACbqB,EAAAC,cAACM,EACC,CAAAC,KAAK,WACLlB,MAAOG,EACPU,UAAWE,EAAOI,QAClBC,KAAK,QACLC,QAAStB,gBACIuB,EAAUC,EAAuBC,0BAE7C3B,GAGJP,EAAa,KACZoB,EAACC,cAAAM,GACCC,KAAK,UACLlB,MAAOG,EACPiB,KAAK,QACLC,QAAS1B,EACI,cAAA2B,EAAUC,EAAuBE,wBAC9CC,SAAUhC,GAETF,IAMb"}

package/dist/src/components/Tipseen/TipseenContent.module.scss.js

@@ -1,2 +0,0 @@
-var e={buttons:"buttons_4428d0d065",dismiss:"dismiss_5b96276afe"};!function(e){const t="s_id-91df242cd10d_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_4428d0d065 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_5b96276afe {\n  margin-right: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/src/components/Tipseen/TipseenContent.module.scss.js.map

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

package/dist/src/components/Tipseen/TipseenImage.js

@@ -1,2 +0,0 @@
-import e from"classnames";import s from"react";import a from"./TipseenImage.module.scss.js";import m from"./TipseenMedia/TipseenMedia.js";var r=function(r){return s.createElement(m,{className:r.tipseenMediaClassName},s.createElement("img",{src:r.src,alt:r.alt,className:e(a.tipseenImage,r.className)}))};export{r as default};
-//# sourceMappingURL=TipseenImage.js.map

package/dist/src/components/Tipseen/TipseenImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenImage.js","sources":["../../../../src/components/Tipseen/TipseenImage.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React from \"react\";\nimport styles from \"./TipseenImage.module.scss\";\nimport TipseenMedia from \"./TipseenMedia/TipseenMedia\";\n\nexport interface TipseenImageProps {\n  /**\n   * The source URL of the image.\n   */\n  src?: string | undefined;\n  /**\n   * The alternative text for the image, used for accessibility.\n   */\n  alt?: string;\n  /**\n   * Class name applied to the image element.\n   */\n  className?: string;\n  /**\n   * Class name applied to the TipseenMedia container.\n   */\n  tipseenMediaClassName?: string;\n}\n\nconst TipseenImage: React.FC<TipseenImageProps> = ({ src, alt, className, tipseenMediaClassName }) => {\n  return (\n    // TODO future breaking change where we remove the TipseenMedia component and we remove TipseenImage?\n    <TipseenMedia className={tipseenMediaClassName}>\n      <img src={src} alt={alt} className={cx(styles.tipseenImage, className)} />\n    </TipseenMedia>\n  );\n};\n\nexport default TipseenImage;\n"],"names":["TipseenImage","_ref","React","createElement","TipseenMedia","className","tipseenMediaClassName","src","alt","cx","styles","tipseenImage"],"mappings":"0IAwBA,IAAMA,EAA4C,SAAhCC,GAChB,OAEEC,EAAAC,cAACC,EAAY,CAACC,UAH6EJ,EAArBK,uBAIpEJ,EAAKC,cAAA,MAAA,CAAAI,IAJ6CN,EAAHM,IAIhCC,IAJwCP,EAAHO,IAI3BH,UAAWI,EAAGC,EAAOC,aAJoBV,EAATI,aAO/D"}

package/dist/src/components/Tipseen/TipseenImage.module.scss.js

@@ -1,2 +0,0 @@
-var e={tipseenImage:"tipseenImage_0daad91c00"};!function(e){const t="s_id-5a749fe7aaee_3_58_0";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)}(".tipseenImage_0daad91c00 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
-//# sourceMappingURL=TipseenImage.module.scss.js.map

package/dist/src/components/Tipseen/TipseenImage.module.scss.js.map

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

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as s,useRef as t,useContext as r,useMemo as o}from"react";import i from"classnames";import m from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import d from"./TipseenMedia.module.scss.js";import{TipseenContext as n}from"../Tipseen.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"lodash-es";var c=s((function(s,c){var u=s.className,j=s.id,M=s["data-testid"],h=s.children,E=t(null),v=m(c,E),I=r(n),N=o((function(){return i(d.tipseenMedia,f(d,l("color-"+I)),u)}),[I,u]);return e.createElement("div",{ref:v,className:N,id:j,"data-testid":M||a(p.TIPSEEN_MEDIA,j)},h)}));export{c as default};
-//# sourceMappingURL=TipseenMedia.js.map

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n  /**\n   * The media content displayed inside the Tipseen.\n   */\n  children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n  ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const color = useContext(TipseenContext);\n\n    const classNames = useMemo(() => {\n      return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n    }, [color, className]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"4dAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}