@vibe/core 3.61.1 → 3.63.0-alpha-7f1d0.0

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as n}from"lodash-es";import i,{forwardRef as o,useRef as s,useState as a,useEffect as l,useMemo as d,useCallback as c}from"react";import u from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/useMergeRef.js";import f from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var C=o((function(o,C){var g=o.className,N=o.id,T=o.onTabChange,j=void 0===T?p:T,y=o.activeTabId,L=void 0===y?0:y,k=o.tabType,x=void 0===k?"Compact":k,A=o.size,E=o.stretchedUnderline,B=void 0!==E&&E,P=o.children,S=o["data-testid"],U=s(null),_=m(C,U),G=s({}),H=a(L),K=e(H,2),M=K[0],O=K[1],W=f(L),w=f(M);l((function(){L!==W&&L!==M&&O(L)}),[L,W,M,O]),l((function(){var e;void 0!==w&&w!==M&&G.current[M]&&(null===(e=G.current[M])||void 0===e||e.focus())}),[M,w]);var z=d((function(){var e=new Set;return i.Children.forEach(P,(function(r,t){r.props.disabled&&e.add(t)})),e}),[P]),R=c((function(e){z.has(e)||(O(e),j&&j(e))}),[j,z]),q=c((function(e,r){var t,n=null===(t=P[r].props)||void 0===t?void 0:t.onClick;z.has(r)||(n&&n(r),R(r))}),[P,z,R]),D=c((function(e){return P[e]}),[P]),F=d((function(){return Array.from(z)}),[z]),J=s(),Q=u({ref:J,numberOfItemsInLine:null==P?void 0:P.length,itemsCount:null==P?void 0:P.length,getItemByIndex:D,onItemClicked:q,disabledIndexes:F,circularNavigation:!0}),V=Q.activeIndex,X=Q.onSelectionAction,Y=f(V);l((function(){var e;void 0!==V&&V>=0&&Y!==V&&G.current[V]&&(null===(e=G.current[V])||void 0===e||e.focus())}),[V,Y]);var Z=d((function(){return i.Children.map(P,(function(e,r){var n=M===r,o=void 0===V||0>V?n:V===r;return i.cloneElement(e,{value:r,active:n,focus:V===r,onClick:X,stretchedUnderline:B,className:t(I.tabListTabWrapper,e.props.className),tabInnerClassName:t(I.tabListTabInner,e.props.tabInnerClassName),tabIndex:o?0:-1,ref:function(e){G.current[r]=e}})}))}),[P,M,V,X,B,N]);return i.createElement("div",{ref:_,className:t(I.tabsWrapper,g,[h(I,n(x))],r({},I.stretchedUnderline,B)),id:N,"data-testid":S||v(b.TAB_LIST,N)},i.createElement("ul",{ref:J,className:t(I.tabsList,[h(I,A)]),role:"tablist"},Z))}));Object.assign(C,{isTabList:!0});export{C as default};
+import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as n}from"es-toolkit";import o,{forwardRef as i,useRef as s,useState as a,useEffect as l,useMemo as d,useCallback as c}from"react";import u from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/useMergeRef.js";import f from"../../../hooks/usePrevious/index.js";import{NOOP as p}from"../../../utils/function-utils.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../../tests/testIds.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";import I from"./TabList.module.scss.js";var C=i((function(i,C){var g=i.className,N=i.id,T=i.onTabChange,j=void 0===T?p:T,y=i.activeTabId,k=void 0===y?0:y,L=i.tabType,x=void 0===L?"Compact":L,A=i.size,E=i.stretchedUnderline,P=void 0!==E&&E,B=i.tabPanelIds,S=void 0===B?[]:B,U=i.children,_=i["data-testid"],G=s(null),H=m(C,G),K=s({}),M=a(k),O=e(M,2),W=O[0],w=O[1],z=f(k),R=f(W);l((function(){k!==z&&k!==W&&w(k)}),[k,z,W,w]),l((function(){var e;void 0!==R&&R!==W&&K.current[W]&&(null===(e=K.current[W])||void 0===e||e.focus())}),[W,R]);var q=d((function(){var e=new Set;return o.Children.forEach(U,(function(r,t){r.props.disabled&&e.add(t)})),e}),[U]),D=c((function(e){q.has(e)||(w(e),j&&j(e))}),[j,q]),F=c((function(e,r){var t,n=null===(t=U[r].props)||void 0===t?void 0:t.onClick;q.has(r)||(n&&n(r),D(r))}),[U,q,D]),J=c((function(e){return U[e]}),[U]),Q=d((function(){return Array.from(q)}),[q]),V=s(),X=u({ref:V,numberOfItemsInLine:null==U?void 0:U.length,itemsCount:null==U?void 0:U.length,getItemByIndex:J,onItemClicked:F,disabledIndexes:Q,circularNavigation:!0}),Y=X.activeIndex,Z=X.onSelectionAction,$=f(Y);l((function(){var e;void 0!==Y&&Y>=0&&$!==Y&&K.current[Y]&&(null===(e=K.current[Y])||void 0===e||e.focus())}),[Y,$]);var ee=d((function(){return o.Children.map(U,(function(e,r){var n=W===r,i=void 0===Y||0>Y?n:Y===r;return o.cloneElement(e,{value:r,active:n,focus:Y===r,onClick:Z,stretchedUnderline:P,className:t(I.tabListTabWrapper,e.props.className),tabInnerClassName:t(I.tabListTabInner,e.props.tabInnerClassName),tabIndex:i?0:-1,ariaControls:S[r],ref:function(e){K.current[r]=e}})}))}),[U,W,Y,Z,P,S,N]);return o.createElement("div",{ref:H,className:t(I.tabsWrapper,g,[h(I,n(x))],r({},I.stretchedUnderline,P)),id:N,"data-testid":_||v(b.TAB_LIST,N)},o.createElement("ul",{ref:V,className:t(I.tabsList,[h(I,A)]),role:"tablist"},ee))}));Object.assign(C,{isTabList:!0});export{C as default};
 //# sourceMappingURL=TabList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport React, {\n  type FC,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n  /**\n   * Callback fired when the active tab changes.\n   */\n  onTabChange?: (tabId: number) => void;\n  /**\n   * The index of the currently active tab.\n   */\n  activeTabId?: number;\n  /**\n   * The type of tab style.\n   */\n  tabType?: string;\n  /**\n   * The size of the tab list.\n   */\n  size?: string;\n  /**\n   * If true, Sets an E2E underline under the whole tabs component.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The child elements representing tabs.\n   */\n  children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      onTabChange = NOOP,\n      activeTabId = 0,\n      tabType = \"Compact\",\n      size,\n      stretchedUnderline = false,\n      children,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const tabRefs = useRef<Record<number, HTMLElement | null>>({});\n\n    const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n    const prevActiveTabIdProp = usePrevious(activeTabId);\n    const prevActiveTabState = usePrevious(activeTabState);\n\n    useEffect(() => {\n      // Update active tab if changed from props\n\n      if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n        setActiveTabState(activeTabId);\n      }\n    }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n    // Focus management: when activeTabState changes, focus the active tab\n    useEffect(() => {\n      if (\n        prevActiveTabState !== undefined &&\n        prevActiveTabState !== activeTabState &&\n        tabRefs.current[activeTabState]\n      ) {\n        tabRefs.current[activeTabState]?.focus();\n      }\n    }, [activeTabState, prevActiveTabState]);\n\n    const disabledTabIds = useMemo(() => {\n      const disabledIds = new Set<number>();\n      React.Children.forEach(children, (child, index) => {\n        if (child.props.disabled) {\n          disabledIds.add(index);\n        }\n      });\n      return disabledIds;\n    }, [children]);\n    const onTabSelect = useCallback(\n      (tabId: number) => {\n        if (disabledTabIds.has(tabId)) return;\n        setActiveTabState(tabId);\n        onTabChange && onTabChange(tabId);\n      },\n      [onTabChange, disabledTabIds]\n    );\n    const onTabClick = useCallback(\n      (value: HTMLElement | void, tabId: number) => {\n        const tabCallbackFunc = children[tabId].props?.onClick;\n        if (disabledTabIds.has(tabId)) return;\n        if (tabCallbackFunc) tabCallbackFunc(tabId);\n        onTabSelect(tabId);\n      },\n      [children, disabledTabIds, onTabSelect]\n    );\n    const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n    const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n    const ulRef = useRef();\n    const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n      ref: ulRef,\n      numberOfItemsInLine: children?.length,\n      itemsCount: children?.length,\n      getItemByIndex,\n      onItemClicked: onTabClick,\n      disabledIndexes,\n      circularNavigation: true\n    });\n\n    // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n    const prevFocusIndex = usePrevious(focusIndex);\n    useEffect(() => {\n      if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n        tabRefs.current[focusIndex]?.focus();\n      }\n    }, [focusIndex, prevFocusIndex]);\n\n    const tabsToRender = useMemo(() => {\n      const childrenToRender = React.Children.map(children, (child, index) => {\n        const isActive = activeTabState === index;\n\n        const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n        return React.cloneElement(child, {\n          value: index,\n          active: isActive,\n          focus: focusIndex === index,\n          onClick: onSelectionAction,\n          stretchedUnderline,\n          className: cx(styles.tabListTabWrapper, child.props.className),\n          tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n          tabIndex: shouldBeFocusable ? 0 : -1,\n          ref: (element: HTMLElement | null) => {\n            tabRefs.current[index] = element;\n          }\n        } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n      });\n      return childrenToRender;\n    }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, id]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n          [styles.stretchedUnderline]: stretchedUnderline\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n      >\n        <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n          {tabsToRender}\n        </ul>\n      </div>\n    );\n  }\n);\nObject.assign(TabList, {\n  isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"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"}
+{"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n  type FC,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n  /**\n   * Callback fired when the active tab changes.\n   */\n  onTabChange?: (tabId: number) => void;\n  /**\n   * The index of the currently active tab.\n   */\n  activeTabId?: number;\n  /**\n   * The type of tab style.\n   */\n  tabType?: string;\n  /**\n   * The size of the tab list.\n   */\n  size?: string;\n  /**\n   * If true, Sets an E2E underline under the whole tabs component.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * Array of corresponding TabPanel ids for aria-controls relationship.\n   */\n  tabPanelIds?: string[];\n  /**\n   * The child elements representing tabs.\n   */\n  children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      onTabChange = NOOP,\n      activeTabId = 0,\n      tabType = \"Compact\",\n      size,\n      stretchedUnderline = false,\n      tabPanelIds = [],\n      children,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const tabRefs = useRef<Record<number, HTMLElement | null>>({});\n\n    const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n    const prevActiveTabIdProp = usePrevious(activeTabId);\n    const prevActiveTabState = usePrevious(activeTabState);\n\n    useEffect(() => {\n      // Update active tab if changed from props\n\n      if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n        setActiveTabState(activeTabId);\n      }\n    }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n    // Focus management: when activeTabState changes, focus the active tab\n    useEffect(() => {\n      if (\n        prevActiveTabState !== undefined &&\n        prevActiveTabState !== activeTabState &&\n        tabRefs.current[activeTabState]\n      ) {\n        tabRefs.current[activeTabState]?.focus();\n      }\n    }, [activeTabState, prevActiveTabState]);\n\n    const disabledTabIds = useMemo(() => {\n      const disabledIds = new Set<number>();\n      React.Children.forEach(children, (child, index) => {\n        if (child.props.disabled) {\n          disabledIds.add(index);\n        }\n      });\n      return disabledIds;\n    }, [children]);\n    const onTabSelect = useCallback(\n      (tabId: number) => {\n        if (disabledTabIds.has(tabId)) return;\n        setActiveTabState(tabId);\n        onTabChange && onTabChange(tabId);\n      },\n      [onTabChange, disabledTabIds]\n    );\n    const onTabClick = useCallback(\n      (value: HTMLElement | void, tabId: number) => {\n        const tabCallbackFunc = children[tabId].props?.onClick;\n        if (disabledTabIds.has(tabId)) return;\n        if (tabCallbackFunc) tabCallbackFunc(tabId);\n        onTabSelect(tabId);\n      },\n      [children, disabledTabIds, onTabSelect]\n    );\n    const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n    const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n    const ulRef = useRef();\n    const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n      ref: ulRef,\n      numberOfItemsInLine: children?.length,\n      itemsCount: children?.length,\n      getItemByIndex,\n      onItemClicked: onTabClick,\n      disabledIndexes,\n      circularNavigation: true\n    });\n\n    // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n    const prevFocusIndex = usePrevious(focusIndex);\n    useEffect(() => {\n      if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n        tabRefs.current[focusIndex]?.focus();\n      }\n    }, [focusIndex, prevFocusIndex]);\n\n    const tabsToRender = useMemo(() => {\n      const childrenToRender = React.Children.map(children, (child, index) => {\n        const isActive = activeTabState === index;\n\n        const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n        return React.cloneElement(child, {\n          value: index,\n          active: isActive,\n          focus: focusIndex === index,\n          onClick: onSelectionAction,\n          stretchedUnderline,\n          className: cx(styles.tabListTabWrapper, child.props.className),\n          tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n          tabIndex: shouldBeFocusable ? 0 : -1,\n          ariaControls: tabPanelIds[index],\n          ref: (element: HTMLElement | null) => {\n            tabRefs.current[index] = element;\n          }\n        } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string; ariaControls?: string });\n      });\n      return childrenToRender;\n    }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n          [styles.stretchedUnderline]: stretchedUnderline\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n      >\n        <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n          {tabsToRender}\n        </ul>\n      </div>\n    );\n  }\n);\nObject.assign(TabList, {\n  isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","ariaControls","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"osBAoDMA,IAAAA,EAA4BC,GAChC,SAAAC,EAaEC,GACE,IAZAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAd,EAC1Be,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAQhB,EAARgB,SACeC,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAUH,EAA2C,CAAA,GAE3DI,EAA4CC,EAAiBhB,GAAYiB,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYtB,GAClCuB,EAAqBD,EAAYH,GAEvCK,GAAU,WAGJxB,IAAgBqB,GAAuBrB,IAAgBmB,GACzDC,EAAkBpB,EAErB,GAAE,CAACA,EAAaqB,EAAqBF,EAAgBC,IAGtDI,GAAU,sBAEiBC,IAAvBF,GACAA,IAAuBJ,GACvBL,EAAQY,QAAQP,KAEe,QAA/BQ,EAAAb,EAAQY,QAAQP,UAAe,IAAAQ,GAAAA,EAAEC,QAErC,GAAG,CAACT,EAAgBI,IAEpB,IAAMM,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACvB,IACEiC,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBvB,EAAkBuB,GAClB9C,GAAeA,EAAY8C,GAC7B,GACA,CAAC9C,EAAagC,IAEVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBpB,EAAAnB,EAASmC,GAAOL,aAAO,IAAAX,OAAA,EAAAA,EAAAqB,QAC3CnB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAACnC,EAAUqB,EAAgBY,IAEvBQ,EAAiBP,GAAY,SAACL,GAAa,OAA6B7B,EAAS6B,KAAQ,CAAC7B,IAC1F0C,EAAkBpB,GAAQ,WAAA,OAAMqB,MAAMC,KAAKvB,KAAiB,CAACA,IAC7DwB,EAAQ1C,IACd2C,EAAuDC,EAA0B,CAC/E9D,IAAK4D,EACLG,oBAAqBhD,aAAA,EAAAA,EAAUiD,OAC/BC,WAAYlD,aAAA,EAAAA,EAAUiD,OACtBR,eAAAA,EACAU,cAAed,EACfK,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAW3BC,EAAiB1C,EAAYuC,GACnCrC,GAAU,sBACWC,IAAfoC,GAA4BA,GAAc,GAAKG,IAAmBH,GAAc/C,EAAQY,QAAQmC,KACvE,QAA3BlC,EAAAb,EAAQY,QAAQmC,UAAW,IAAAlC,GAAAA,EAAEC,QAEjC,GAAG,CAACiC,EAAYG,IAEhB,IAAMC,GAAenC,GAAQ,WAqB3B,OApByBG,EAAMC,SAASgC,IAAI1D,GAAU,SAAC4B,EAAOC,GAC5D,IAAM8B,EAAWhD,IAAmBkB,EAE9B+B,OAAmC3C,IAAfoC,GAA0C,EAAdA,EAAyCM,EAAvBN,IAAexB,EAEvF,OAAOJ,EAAMoC,aAAajC,EAAO,CAC/BU,MAAOT,EACPiC,OAAQH,EACRvC,MAAOiC,IAAexB,EACtBW,QAASe,EACT1D,mBAAAA,EACAX,UAAW6E,EAAGC,EAAOC,kBAAmBrC,EAAME,MAAM5C,WACpDgF,kBAAmBH,EAAGC,EAAOG,gBAAiBvC,EAAME,MAAMoC,mBAC1DE,SAAUR,EAAoB,GAAK,EACnCS,aAActE,EAAY8B,GAC1B5C,IAAK,SAACqF,GACJhE,EAAQY,QAAQW,GAASyC,CAC3B,GAEJ,GAEF,GAAG,CAACtE,EAAUW,EAAgB0C,EAAYE,EAAmB1D,EAAoBE,EAAaZ,IAE9F,OACEsC,EACE8C,cAAA,MAAA,CAAAtF,IAAKmB,EACLlB,UAAW6E,EAAGC,EAAOQ,YAAatF,EAAW,CAACuF,EAAST,EAAQU,EAAUhF,KAAUiF,EAChFX,CAAAA,EAAAA,EAAOnE,mBAAqBA,IAE/BV,GAAIA,gBACSc,GAAc2E,EAAUC,EAAuBC,SAAU3F,IAEtEsC,EAAA8C,cAAA,KAAA,CAAItF,IAAK4D,EAAO3D,UAAW6E,EAAGC,EAAOe,SAAU,CAACN,EAAST,EAAQrE,KAASqF,KAAK,WAC5EvB,IAIT,IAEFwB,OAAOC,OAAOpG,EAAS,CACrBqG,WAAW"}

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

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_b398c7290b",tabsList:"tabsList_2dba4d0e27",sm:"sm_97a09b1bfc",lg:"lg_da82d79011",stretched:"stretched_9d4af52b16",tabListTabWrapper:"tabListTabWrapper_f2ae9cfae2",tabListTabInner:"tabListTabInner_f2ae9cfae2",disabled:"disabled_baf48089a9",stretchedUnderline:"stretchedUnderline_91ccd34e33"};!function(e){const t="s_id-1dd2e005bc2f_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_b398c7290b .tabsList_2dba4d0e27 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_b398c7290b .tabsList_2dba4d0e27.sm_97a09b1bfc {\n  height: 32px;\n}\n\n.tabsWrapper_b398c7290b .tabsList_2dba4d0e27.lg_da82d79011 {\n  height: 48px;\n}\n\n.tabsWrapper_b398c7290b.stretched_9d4af52b16 .tabsList_2dba4d0e27 {\n  width: 100%;\n}\n\n.tabsWrapper_b398c7290b.stretched_9d4af52b16 .tabsList_2dba4d0e27 .tabListTabWrapper_f2ae9cfae2 {\n  width: 100%;\n}\n\n.tabsWrapper_b398c7290b.stretched_9d4af52b16 .tabsList_2dba4d0e27 .tabListTabWrapper_f2ae9cfae2 .tabListTabInner_f2ae9cfae2 {\n  width: 100%;\n}\n\n.tabsWrapper_b398c7290b.disabled_baf48089a9 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_b398c7290b.stretchedUnderline_91ccd34e33 {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_8e72ff8480",tabsList:"tabsList_c67a9a1760",sm:"sm_aae92b9c72",lg:"lg_590c371811",stretched:"stretched_e15e436b3d",tabListTabWrapper:"tabListTabWrapper_dd3453da2b",tabListTabInner:"tabListTabInner_dd3453da2b",disabled:"disabled_63214c7598",stretchedUnderline:"stretchedUnderline_946233d604"};!function(e){const t="s_id-1dd2e005bc2f_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_8e72ff8480 .tabsList_c67a9a1760 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_8e72ff8480 .tabsList_c67a9a1760.sm_aae92b9c72 {\n  height: 32px;\n}\n\n.tabsWrapper_8e72ff8480 .tabsList_c67a9a1760.lg_590c371811 {\n  height: 48px;\n}\n\n.tabsWrapper_8e72ff8480.stretched_e15e436b3d .tabsList_c67a9a1760 {\n  width: 100%;\n}\n\n.tabsWrapper_8e72ff8480.stretched_e15e436b3d .tabsList_c67a9a1760 .tabListTabWrapper_dd3453da2b {\n  width: 100%;\n}\n\n.tabsWrapper_8e72ff8480.stretched_e15e436b3d .tabsList_c67a9a1760 .tabListTabWrapper_dd3453da2b .tabListTabInner_dd3453da2b {\n  width: 100%;\n}\n\n.tabsWrapper_8e72ff8480.disabled_63214c7598 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_8e72ff8480.stretchedUnderline_946233d604 {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_342b28b5ed"};!function(e){const t="s_id-82244d4a2f7b_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_342b28b5ed {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_26d0db93e3"};!function(e){const t="s_id-82244d4a2f7b_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_26d0db93e3 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"classnames";import{camelCase as s}from"lodash-es";import e,{forwardRef as a,useRef as r,useMemo as i}from"react";import o from"../../../hooks/useMergeRef.js";import{TabPanelsAnimationDirection as n}from"./TabPanelsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../../tests/testIds.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as p}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import d from"./TabPanels.module.scss.js";var f=a((function(a,n){var p=a.className,f=a.id,u=a.activeTabId,v=void 0===u?0:u,j=a.animationDirection,b=void 0===j?"rtl":j,P=a.children,h=a["data-testid"],N=r(null),T=o(n,N),g=i((function(){return e.Children.map(P,(function(a,r){var i=v===r;if(!i)return null;var o=i?"active":"non-active",n=i?"animation-direction-".concat(b):"";return e.cloneElement(a,Object.assign(Object.assign({index:r},a.props),{className:t(d.tabPanel,[c(d,o)],[c(d,s(n))],a.props.className)}))})).filter(Boolean)}),[P,v,b]);return e.createElement("div",{ref:T,className:t(d.tabPanelsWrapper,p),id:f,"data-testid":h||m(l.TAB_PANELS,f)},g)}));Object.assign(f,{isTabPanels:!0});var u=p(f,{animationDirections:n});export{u as default};
+import t from"classnames";import{camelCase as e}from"es-toolkit";import s,{forwardRef as a,useRef as r,useMemo as i}from"react";import o from"../../../hooks/useMergeRef.js";import{TabPanelsAnimationDirection as n}from"./TabPanelsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../../tests/testIds.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as p}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import d from"./TabPanels.module.scss.js";var f=a((function(a,n){var p=a.className,f=a.id,u=a.activeTabId,v=void 0===u?0:u,j=a.animationDirection,b=void 0===j?"rtl":j,P=a.children,h=a["data-testid"],N=r(null),T=o(n,N),g=i((function(){return s.Children.map(P,(function(a,r){var i=v===r;if(!i)return null;var o=i?"active":"non-active",n=i?"animation-direction-".concat(b):"";return s.cloneElement(a,Object.assign(Object.assign({index:r},a.props),{className:t(d.tabPanel,[c(d,o)],[c(d,e(n))],a.props.className)}))})).filter(Boolean)}),[P,v,b]);return s.createElement("div",{ref:T,className:t(d.tabPanelsWrapper,p),id:f,"data-testid":h||m(l.TAB_PANELS,f)},g)}));Object.assign(f,{isTabPanels:!0});var u=p(f,{animationDirections:n});export{u as default};
 //# sourceMappingURL=TabPanels.js.map

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

@@ -1 +1 @@
-{"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, type ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { type TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { type TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type 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"}
+{"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/Tabs/TabPanels/TabPanels.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TabPanelsAnimationDirection as TabPanelsAnimationDirectionEnum } from \"./TabPanelsConstants\";\nimport { type TabPanelsAnimationDirection } from \"./TabPanels.types\";\nimport { type TabPanelProps } from \"../TabPanel/TabPanel\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type 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":"siBA2BA,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 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_f08444909c",tabPanel:"tabPanel_b06f1215f9",animationDirectionRtl:"animationDirectionRtl_d2ccfede52",animationDirectionLtr:"animationDirectionLtr_45ecbb66fb",active:"active_e7766cad5c",panelSlideIn:"panelSlideIn_db9d47c1c3"};!function(e){const n="s_id-078bacbdb1e4_3_61_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_f08444909c .tabPanel_b06f1215f9 {\n  display: none;\n}\n\n.tabPanelsWrapper_f08444909c .tabPanel_b06f1215f9.animationDirectionRtl_d2ccfede52 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_f08444909c .tabPanel_b06f1215f9.animationDirectionLtr_45ecbb66fb {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_f08444909c .tabPanel_b06f1215f9.active_e7766cad5c {\n  display: block;\n  animation: panelSlideIn_db9d47c1c3 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_db9d47c1c3 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_9511decf05",tabPanel:"tabPanel_62af87d672",animationDirectionRtl:"animationDirectionRtl_9a43645c87",animationDirectionLtr:"animationDirectionLtr_5e13dc231d",active:"active_37fd0c1b69",panelSlideIn:"panelSlideIn_90c0ca5013"};!function(e){const n="s_id-078bacbdb1e4_3_62_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_9511decf05 .tabPanel_62af87d672 {\n  display: none;\n}\n\n.tabPanelsWrapper_9511decf05 .tabPanel_62af87d672.animationDirectionRtl_9a43645c87 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_9511decf05 .tabPanel_62af87d672.animationDirectionLtr_5e13dc231d {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_9511decf05 .tabPanel_62af87d672.active_37fd0c1b69 {\n  display: block;\n  animation: panelSlideIn_90c0ca5013 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_90c0ca5013 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, { type FC, forwardRef, type ReactElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type 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"}
+{"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, {\n  type FC,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo\n} from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type 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    // Collect TabPanel ids for aria-controls relationship\n    const tabPanelIds = useMemo(() => {\n      const ids: string[] = [];\n      React.Children.forEach(children, (child: TabsChild) => {\n        if (child.type.isTabPanels) {\n          React.Children.forEach(child.props.children, (panelChild: ReactElement, index: number) => {\n            ids[index] = panelChild.props.id;\n          });\n        }\n      });\n      return ids;\n    }, [children]);\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, tabPanelIds });\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","tabPanelIds","useMemo","ids","React","Children","forEach","child","type","isTabPanels","props","panelChild","index","createElement","getTestId","ComponentDefaultTestId","TABS_CONTEXT","map","isTabList","originalOnTabChange","onTabChange","cloneElement","animationDirection"],"mappings":"iXA8BMA,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,IAIGQ,EAAcC,GAAQ,WAC1B,IAAMC,EAAgB,GAQtB,OAPAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,GAC5BA,EAAMC,KAAKC,aACbL,EAAMC,SAASC,QAAQC,EAAMG,MAAM/B,UAAU,SAACgC,EAA0BC,GACtET,EAAIS,GAASD,EAAWD,MAAMlC,EAChC,GAEJ,IACO2B,CACT,GAAG,CAACxB,IAEJ,OACEyB,EACES,cAAA,MAAA,CAAAvC,IAAKS,EACLR,UAAWA,EACXC,GAAIA,EACS,cAAAI,GAAckC,EAAUC,EAAuBC,aAAcxC,IAEzE4B,EAAMC,SAASY,IAAItC,GAAU,SAAC4B,GAC7B,GAAIA,EAAMC,KAAKU,UAAW,CACxB,IAAMC,EAAsBZ,EAAMG,MAAMU,YAKxC,OAAOhB,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB2B,YAJ9C,SAACpB,GACnBF,EAAWE,GACXmB,SAAAA,EAAsBnB,IAEuDC,YAAAA,GAChF,CACD,OAAIM,EAAMC,KAAKC,YAENL,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB6B,mBADZ7B,EAA3BJ,EAA8C,MAAQ,QAG5EkB,CACR,IAGP"}

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

@@ -1,2 +1,2 @@
-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};
+import{__rest as t}from"../../../_virtual/_tslib.js";import s,{forwardRef as e}from"react";import r from"classnames";import{camelCase as o}from"es-toolkit";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(e((function(e,p){var m=e.className,a=e.type,n=void 0===a?"text2":a,c=e.weight,y=void 0===c?"normal":c,h=e.ellipsis,d=e.element,g=void 0===d?"div":d,j=e.children,u=t(e,["className","type","weight","ellipsis","element","children"]),v=null!=h?h:"p"!==g;return s.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 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, type 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, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { type TextType, type 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"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { type TextType, type 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":"ojBA6BA,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 +1,2 @@
-var t={text1Bold:"text1Bold_5d17b7c092",text1Medium:"text1Medium_8ad6f04543",text1Normal:"text1Normal_7866cf8602",text2Bold:"text2Bold_0df4e844bb",text2Medium:"text2Medium_fc14c8e5f8",text2Normal:"text2Normal_7b6e067299",text3Bold:"text3Bold_0a22c74640",text3Medium:"text3Medium_fa918dda2e",text3Normal:"text3Normal_da5f422fa5",text:"text_aca5a0f14c"};!function(t){const e="s_id-0b8dab5fe88c_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_5d17b7c092 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_8ad6f04543 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7866cf8602 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_0df4e844bb {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_fc14c8e5f8 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_7b6e067299 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_0a22c74640 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_fa918dda2e {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_da5f422fa5 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_aca5a0f14c {\n  margin-block: 0;\n}\n\np.text_aca5a0f14c + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_baf40ae6af",text1Medium:"text1Medium_cd3b952e6b",text1Normal:"text1Normal_40416625af",text2Bold:"text2Bold_6435c24562",text2Medium:"text2Medium_a8bb6329a3",text2Normal:"text2Normal_200d0b828f",text3Bold:"text3Bold_6c657a2b6d",text3Medium:"text3Medium_213fbe707a",text3Normal:"text3Normal_c81f9f4b46",text:"text_bbce791713"};!function(t){const e="s_id-0b8dab5fe88c_3_62_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_baf40ae6af {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_cd3b952e6b {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_40416625af {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_6435c24562 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_a8bb6329a3 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_200d0b828f {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_6c657a2b6d {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_213fbe707a {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c81f9f4b46 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_bbce791713 {\n  margin-block: 0;\n}\n\np.text_bbce791713 + 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/TextArea/TextArea.module.scss.js

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_c03ae2f03f",label:"label_af265d60b3",required:"required_6fdac02314",subTextContainer:"subTextContainer_15c2b3a6ef",helpText:"helpText_3729738e28",limitText:"limitText_d8542cec29",textArea:"textArea_253ecf985f",small:"small_7b6e067299",large:"large_7866cf8602",resize:"resize_8c657099ec",success:"success_2a2689dbe4",error:"error_0171f632d7",disabled:"disabled_6fdac02314",readOnly:"readOnly_6fdac02314"};!function(e){const r="s_id-c3fc7910bb37_3_61_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_c03ae2f03f {\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_c03ae2f03f .label_af265d60b3 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .label_af265d60b3.required_6fdac02314::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_c03ae2f03f .subTextContainer_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .subTextContainer_15c2b3a6ef .helpText_3729738e28 {\n  display: flex;\n}\n.textAreaWrapper_c03ae2f03f .subTextContainer_15c2b3a6ef .limitText_d8542cec29 {\n  margin-left: auto;\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f {\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_c03ae2f03f .textArea_253ecf985f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f:active, .textAreaWrapper_c03ae2f03f .textArea_253ecf985f:focus, .textAreaWrapper_c03ae2f03f .textArea_253ecf985f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f.small_7b6e067299 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f.large_7866cf8602 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_c03ae2f03f .textArea_253ecf985f:not(.resize_8c657099ec) {\n  resize: none;\n}\n.textAreaWrapper_c03ae2f03f.success_2a2689dbe4 .textArea_253ecf985f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_c03ae2f03f.success_2a2689dbe4 .helpText_3729738e28 {\n  color: var(--color-success);\n}\n.textAreaWrapper_c03ae2f03f.error_0171f632d7 .textArea_253ecf985f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_c03ae2f03f.error_0171f632d7 .helpText_3729738e28,\n.textAreaWrapper_c03ae2f03f.error_0171f632d7 .limitText_d8542cec29 {\n  color: var(--color-error);\n}\n.textAreaWrapper_c03ae2f03f.disabled_6fdac02314 .textArea_253ecf985f,\n.textAreaWrapper_c03ae2f03f.disabled_6fdac02314 .textArea_253ecf985f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_c03ae2f03f.disabled_6fdac02314 .helpText_3729738e28 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_c03ae2f03f.readOnly_6fdac02314 .textArea_253ecf985f,\n.textAreaWrapper_c03ae2f03f.readOnly_6fdac02314 .textArea_253ecf985f:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_4007f90ae4",label:"label_836aab1b53",required:"required_10d2cf0d76",subTextContainer:"subTextContainer_2643633957",helpText:"helpText_cbd2e3a4c5",limitText:"limitText_37688a21ee",textArea:"textArea_f510c02e51",small:"small_200d0b828f",large:"large_40416625af",resize:"resize_4226d410de",success:"success_2357f654c1",error:"error_d4f60b3e28",disabled:"disabled_10d2cf0d76",readOnly:"readOnly_10d2cf0d76"};!function(e){const r="s_id-c3fc7910bb37_3_62_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_4007f90ae4 {\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_4007f90ae4 .label_836aab1b53 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .label_836aab1b53.required_10d2cf0d76::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_4007f90ae4 .subTextContainer_2643633957 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .subTextContainer_2643633957 .helpText_cbd2e3a4c5 {\n  display: flex;\n}\n.textAreaWrapper_4007f90ae4 .subTextContainer_2643633957 .limitText_37688a21ee {\n  margin-left: auto;\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51 {\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_4007f90ae4 .textArea_f510c02e51:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51:active, .textAreaWrapper_4007f90ae4 .textArea_f510c02e51:focus, .textAreaWrapper_4007f90ae4 .textArea_f510c02e51:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51.small_200d0b828f {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51.large_40416625af {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_4007f90ae4 .textArea_f510c02e51:not(.resize_4226d410de) {\n  resize: none;\n}\n.textAreaWrapper_4007f90ae4.success_2357f654c1 .textArea_f510c02e51 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_4007f90ae4.success_2357f654c1 .helpText_cbd2e3a4c5 {\n  color: var(--color-success);\n}\n.textAreaWrapper_4007f90ae4.error_d4f60b3e28 .textArea_f510c02e51 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_4007f90ae4.error_d4f60b3e28 .helpText_cbd2e3a4c5,\n.textAreaWrapper_4007f90ae4.error_d4f60b3e28 .limitText_37688a21ee {\n  color: var(--color-error);\n}\n.textAreaWrapper_4007f90ae4.disabled_10d2cf0d76 .textArea_f510c02e51,\n.textAreaWrapper_4007f90ae4.disabled_10d2cf0d76 .textArea_f510c02e51:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_4007f90ae4.disabled_10d2cf0d76 .helpText_cbd2e3a4c5 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_4007f90ae4.readOnly_10d2cf0d76 .textArea_f510c02e51,\n.textAreaWrapper_4007f90ae4.readOnly_10d2cf0d76 .textArea_f510c02e51: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/TextField/TextField.module.scss.js

@@ -1,2 +1,2 @@
-var e={textField:"textField_1f6e0424ea",labelWrapper:"labelWrapper_f2ae9cfae2",subTextContainer:"subTextContainer_a6007ee77c",counter:"counter_d8542cec29",disabled:"disabled_a302906e86",icon:"icon_ac5771f39c",inputWrapper:"inputWrapper_ac5771f39c",input:"input_b06a0f13e1",iconContainer:"iconContainer_f54f17794b",iconContainerHasIcon:"iconContainerHasIcon_52a154b8fa",readOnly:"readOnly_0b043deeb3",inputHover:"inputHover_1a367bbc7e",inputActive:"inputActive_043f138e18",inputHasIcon:"inputHasIcon_cb8586a0e5",round:"round_5c8b302c34",square:"square_da6585a090",onlyUnderline:"onlyUnderline_3568bd9f59",tooltipContainer:"tooltipContainer_039c9e2435",wrapperSizeMedium:"wrapperSizeMedium_d2bfa85fac",wrapperSizeLarge:"wrapperSizeLarge_da82d79011",iconContainerActive:"iconContainerActive_4bc562c947",iconContainerClickable:"iconContainerClickable_9eeea5a4b9",inputErrorValidation:"inputErrorValidation_52a154b8fa",subTextContainerStatus:"subTextContainerStatus_d526dcf378",inputSuccessValidation:"inputSuccessValidation_ccf18a2f8f",wrapperSizeSmall:"wrapperSizeSmall_97a09b1bfc",inputWrapperSizeSmall:"inputWrapperSizeSmall_2348ddf7fc",loaderContainer:"loaderContainer_429f185451",loaderContainerHasIcon:"loaderContainerHasIcon_89a98ba831",loader:"loader_08bf1c63da",loaderSvg:"loaderSvg_15c2b3a6ef"};!function(e){const n="s_id-695413f4db8e_3_61_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)}(".textField_1f6e0424ea {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_1f6e0424ea * {\n  box-sizing: border-box;\n}\n\n.textField_1f6e0424ea .labelWrapper_f2ae9cfae2 {\n  width: 100%;\n}\n\n.textField_1f6e0424ea .subTextContainer_a6007ee77c {\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_1f6e0424ea .subTextContainer_a6007ee77c .counter_d8542cec29 {\n  margin-left: auto;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .icon_ac5771f39c {\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c {\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .input_b06a0f13e1 {\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_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .input_b06a0f13e1::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa:hover {\n  background-color: transparent;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c {\n  width: 100%;\n  position: relative;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1 {\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_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.readOnly_0b043deeb3 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputHover_1a367bbc7e {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1:active,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputActive_043f138e18 {\n  border-color: var(--primary-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.round_5c8b302c34 {\n  border-radius: 50px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.square_da6585a090 {\n  border-radius: 0;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.onlyUnderline_3568bd9f59 {\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_1f6e0424ea .inputWrapper_ac5771f39c .tooltipContainer_039c9e2435 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .tooltipContainer_039c9e2435 {\n  width: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .tooltipContainer_039c9e2435 {\n  width: 46px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b {\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_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947.iconContainerHasIcon_52a154b8fa:not(.iconContainerClickable_9eeea5a4b9) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947 {\n  opacity: 1;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947 .icon_ac5771f39c {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b .icon_ac5771f39c {\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_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa:hover .input_b06a0f13e1 {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1 {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1:active {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .iconContainer_f54f17794b .icon_ac5771f39c {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .iconContainer_f54f17794b .icon_ac5771f39c:hover {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa + .subTextContainer_a6007ee77c .subTextContainerStatus_d526dcf378,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa + .subTextContainer_a6007ee77c .counter_d8542cec29 {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f:hover .input_b06a0f13e1 {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1 {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1:active {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .iconContainer_f54f17794b .icon_ac5771f39c {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .iconContainer_f54f17794b .icon_ac5771f39c:hover {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f + .subTextContainer_a6007ee77c .subTextContainerStatus_d526dcf378 {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeSmall_97a09b1bfc {\n  height: 32px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeSmall_97a09b1bfc .input_b06a0f13e1 {\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_1f6e0424ea .inputWrapper_ac5771f39c.inputWrapperSizeSmall_2348ddf7fc .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac {\n  height: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1 {\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_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: 4px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b:hover + .iconContainer_f54f17794b + .input_b06a0f13e1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 {\n  height: 48px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1 {\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_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .iconContainer_f54f17794b {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c:hover .input_b06a0f13e1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 {\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_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451.loaderContainerHasIcon_89a98ba831 {\n  right: 32px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 .loader_08bf1c63da {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 .loader_08bf1c63da .loaderSvg_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b .icon_ac5771f39c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .iconContainer_f54f17794b .icon_ac5771f39c {\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{e as default};
+var e={textField:"textField_f56e1e0278",labelWrapper:"labelWrapper_dd3453da2b",subTextContainer:"subTextContainer_9b02cf7d1a",counter:"counter_37688a21ee",disabled:"disabled_908ec9acff",icon:"icon_5a4cc9ab19",inputWrapper:"inputWrapper_5a4cc9ab19",input:"input_341b7768b4",iconContainer:"iconContainer_b375c47ea2",iconContainerHasIcon:"iconContainerHasIcon_3df9e13bab",readOnly:"readOnly_7cceccf44c",inputHover:"inputHover_555a4992c0",inputActive:"inputActive_40168a80f0",inputHasIcon:"inputHasIcon_c6b8d72b37",round:"round_a12d163514",square:"square_b0759f6ae7",onlyUnderline:"onlyUnderline_ff09edceab",tooltipContainer:"tooltipContainer_b56b6cb339",wrapperSizeMedium:"wrapperSizeMedium_eef652970d",wrapperSizeLarge:"wrapperSizeLarge_590c371811",iconContainerActive:"iconContainerActive_e9da2be29e",iconContainerClickable:"iconContainerClickable_e833fb8987",inputErrorValidation:"inputErrorValidation_3df9e13bab",subTextContainerStatus:"subTextContainerStatus_30616fa293",inputSuccessValidation:"inputSuccessValidation_4dd3f4a961",wrapperSizeSmall:"wrapperSizeSmall_aae92b9c72",inputWrapperSizeSmall:"inputWrapperSizeSmall_e80e730820",loaderContainer:"loaderContainer_67e719a3ce",loaderContainerHasIcon:"loaderContainerHasIcon_2b558bb114",loader:"loader_7a1b5c6d1a",loaderSvg:"loaderSvg_2643633957"};!function(e){const n="s_id-695413f4db8e_3_62_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)}(".textField_f56e1e0278 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_f56e1e0278 * {\n  box-sizing: border-box;\n}\n\n.textField_f56e1e0278 .labelWrapper_dd3453da2b {\n  width: 100%;\n}\n\n.textField_f56e1e0278 .subTextContainer_9b02cf7d1a {\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_f56e1e0278 .subTextContainer_9b02cf7d1a .counter_37688a21ee {\n  margin-left: auto;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .icon_5a4cc9ab19 {\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 {\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .input_341b7768b4 {\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_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .input_341b7768b4::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab:hover {\n  background-color: transparent;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.readOnly_7cceccf44c {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputHover_555a4992c0 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4:active,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputActive_40168a80f0 {\n  border-color: var(--primary-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.round_a12d163514 {\n  border-radius: 50px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.square_b0759f6ae7 {\n  border-radius: 0;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.onlyUnderline_ff09edceab {\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_f56e1e0278 .inputWrapper_5a4cc9ab19 .tooltipContainer_b56b6cb339 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .tooltipContainer_b56b6cb339 {\n  width: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .tooltipContainer_b56b6cb339 {\n  width: 46px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e.iconContainerHasIcon_3df9e13bab:not(.iconContainerClickable_e833fb8987) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e {\n  opacity: 1;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e .icon_5a4cc9ab19 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab:hover .input_341b7768b4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4:active {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .iconContainer_b375c47ea2 .icon_5a4cc9ab19:hover {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab + .subTextContainer_9b02cf7d1a .subTextContainerStatus_30616fa293,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab + .subTextContainer_9b02cf7d1a .counter_37688a21ee {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961:hover .input_341b7768b4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4:active {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .iconContainer_b375c47ea2 .icon_5a4cc9ab19:hover {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 + .subTextContainer_9b02cf7d1a .subTextContainerStatus_30616fa293 {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeSmall_aae92b9c72 {\n  height: 32px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeSmall_aae92b9c72 .input_341b7768b4 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19.inputWrapperSizeSmall_e80e730820 .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d {\n  height: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: 4px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2:hover + .iconContainer_b375c47ea2 + .input_341b7768b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 {\n  height: 48px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .iconContainer_b375c47ea2 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19:hover .input_341b7768b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce {\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_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce.loaderContainerHasIcon_2b558bb114 {\n  right: 32px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce .loader_7a1b5c6d1a {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce .loader_7a1b5c6d1a .loaderSvg_2643633957 {\n  color: var(--secondary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\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{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_a72a5df39b",highlightText:"highlightText_cd6c5dac08",withEllipsis:"withEllipsis_bb43de0210"};!function(e){const t="s_id-42c1fd2afe36_3_61_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_a72a5df39b {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_a72a5df39b em.highlightText_cd6c5dac08 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_a72a5df39b.withEllipsis_bb43de0210 {\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};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper_5d92a10b47",highlightText:"highlightText_b956db7cf8",withEllipsis:"withEllipsis_99be520f08"};!function(e){const t="s_id-42c1fd2afe36_3_62_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_5d92a10b47 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_5d92a10b47 em.highlightText_b956db7cf8 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_5d92a10b47.withEllipsis_99be520f08 {\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/Tipseen/Tipseen.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_1786c5c195",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_c51bb3b4ba",floating:"floating_7a3e9cbb11",tipseenHeader:"tipseenHeader_341a283b5f",tipseenTitle:"tipseenTitle_34f1f2c73d",tipseenContent:"tipseenContent_c4eb0b5d59",tipseenCloseButton:"tipseenCloseButton_e93bf049e2",dark:"dark_f8751173bf"};!function(e){const t="s_id-33da00d2ba25_3_61_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_1786c5c195 {\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_1786c5c195.tipseenWrapperWithoutCustomWidth_c51bb3b4ba {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_1786c5c195.floating_7a3e9cbb11 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_1786c5c195 .tipseenHeader_341a283b5f {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_1786c5c195 .tipseenTitle_34f1f2c73d {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_1786c5c195 .tipseenContent_c4eb0b5d59 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_1786c5c195 .tipseenCloseButton_e93bf049e2 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_1786c5c195 .tipseenCloseButton_e93bf049e2.dark_f8751173bf {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_3a01391af6",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_ca252e75a9",floating:"floating_3b51b5b371",tipseenHeader:"tipseenHeader_17fe43b9ec",tipseenTitle:"tipseenTitle_9394919d2b",tipseenContent:"tipseenContent_171165df8e",tipseenCloseButton:"tipseenCloseButton_105c336f26",dark:"dark_96d8f358fa"};!function(e){const t="s_id-33da00d2ba25_3_62_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_3a01391af6 {\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_3a01391af6.tipseenWrapperWithoutCustomWidth_ca252e75a9 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_3a01391af6.floating_3b51b5b371 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_3a01391af6 .tipseenHeader_17fe43b9ec {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_3a01391af6 .tipseenTitle_9394919d2b {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_3a01391af6 .tipseenContent_171165df8e {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_3a01391af6 .tipseenCloseButton_105c336f26 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_3a01391af6 .tipseenCloseButton_105c336f26.dark_96d8f358fa {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_36022d6511"};!function(e){const n="s_id-e688002d63b5_3_61_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_36022d6511 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_36022d6511:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_77cd696898"};!function(e){const n="s_id-e688002d63b5_3_62_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_77cd696898 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_77cd696898:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_720765eb5d",dismiss:"dismiss_e15e830f67"};!function(e){const t="s_id-91df242cd10d_3_61_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_720765eb5d {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_e15e830f67 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_4155bae59a",dismiss:"dismiss_efd2ad8f7e"};!function(e){const t="s_id-91df242cd10d_3_62_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_4155bae59a {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_efd2ad8f7e {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-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};
+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 n from"./TipseenMedia.module.scss.js";import{TipseenContext as d}from"../Tipseen.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"es-toolkit";var c=s((function(s,c){var u=s.className,j=s.id,M=s["data-testid"],E=s.children,h=t(null),v=m(c,h),I=r(d),N=o((function(){return i(n.tipseenMedia,f(n,l("color-"+I)),u)}),[I,u]);return e.createElement("div",{ref:v,className:N,id:j,"data-testid":M||a(p.TIPSEEN_MEDIA,j)},E)}));export{c as default};
 //# sourceMappingURL=TipseenMedia.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type 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"}
+{"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type 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 \"es-toolkit\";\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":"6dAkBMA,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"}

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_e697d5836a",colorInverted:"colorInverted_b5b1204b55"};!function(e){const d="s_id-71e151b2b729_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_e697d5836a {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_b5b1204b55 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_dbb2a69cf7",colorInverted:"colorInverted_4623e74f89"};!function(e){const d="s_id-71e151b2b729_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_dbb2a69cf7 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_4623e74f89 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={title:"title_cbd23123cd"};!function(e){const t="s_id-52c2fd8cbf53_3_61_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)}(".title_cbd23123cd {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_fbd409f7fc"};!function(e){const t="s_id-52c2fd8cbf53_3_62_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)}(".title_fbd409f7fc {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_252053965e",tipseenWizardWizard:"tipseenWizardWizard_f2ae9cfae2"};!function(e){const i="s_id-98eba0c83d1f_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_252053965e {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_f2ae9cfae2 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_8efd055d77",tipseenWizardWizard:"tipseenWizardWizard_dd3453da2b"};!function(e){const d="s_id-98eba0c83d1f_3_62_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_8efd055d77 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_dd3453da2b {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

package/dist/src/components/Toast/Toast.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"lodash-es";import{getTestId as n,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import C from"../IconButton/IconButton.js";import b from"../../hooks/usePrevious/index.js";import k from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?g:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=b(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var r=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(n),className:i(N.actionButton,t({},N.withTransition,Z))},a),r)})):null}),[z,Z]),tt=l((function(){return i(N.toast,x(N,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&A>0&&nt(A),function(){clearTimeout(ot.current)}}),[E,A,nt]);var rt=!I&&h(S,_),it=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&it(V.current)}),[F,it]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||n(r.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},rt&&s.createElement("div",{className:i(N.icon)},rt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":n(r.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(C,{className:i(N.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":n(r.TOAST_CLOSE_BUTTON),icon:k,hideTooltip:!0})))}),{types:j,actionTypes:y});export{B as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import k from"../IconButton/IconButton.js";import C from"../../hooks/usePrevious/index.js";import b from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?g:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=C(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,i){var n=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(i),className:r(N.actionButton,t({},N.withTransition,Z))},a),n)})):null}),[z,Z]),tt=l((function(){return r(N.toast,x(N,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),it=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&A>0&&it(A),function(){clearTimeout(ot.current)}}),[E,A,it]);var nt=!I&&h(S,_),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||i(n.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},nt&&s.createElement("div",{className:r(N.icon)},nt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":i(n.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(k,{className:r(N.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":i(n.TOAST_CLOSE_BUTTON),icon:b,hideTooltip:!0})))}),{types:j,actionTypes:y});export{B as default};
 //# sourceMappingURL=Toast.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            ariaLabel={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\ninterface ToastStaticProps {\n  types: typeof ToastTypeEnum;\n  actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n  types: ToastTypeEnum,\n  actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            ariaLabel={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\ninterface ToastStaticProps {\n  types: typeof ToastTypeEnum;\n  actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n  types: ToastTypeEnum,\n  actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_737d3d3ae4",typeNormal:"typeNormal_66674d76fe",typePositive:"typePositive_c3631e7779",typeNegative:"typeNegative_fe9de4dd9d",typeWarning:"typeWarning_436abbd9dd",closeButton:"closeButton_2088210cab",actionButton:"actionButton_f0f585895f",actionLink:"actionLink_1f1c07cd15",typeDark:"typeDark_ad7828071b",icon:"icon_fed45b41ea",withTransition:"withTransition_cd266e613f",bounceIn:"bounceIn_8c464cf033",content:"content_273b8756e7",textContent:"textContent_b8f38db745",enterActive:"enterActive_de4a55fea0",slideIn:"slideIn_26d4452860",exitActive:"exitActive_7276040161",slideOut:"slideOut_aa2582048a"};!function(n){const t="s_id-72c9912c1efa_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_737d3d3ae4 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_737d3d3ae4.typeNormal_66674d76fe {\n  background-color: var(--primary-color);\n}\n.toast_737d3d3ae4.typePositive_c3631e7779 {\n  background-color: var(--positive-color);\n}\n.toast_737d3d3ae4.typeNegative_fe9de4dd9d {\n  background-color: var(--negative-color);\n}\n.toast_737d3d3ae4.typeWarning_436abbd9dd {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_737d3d3ae4.typeWarning_436abbd9dd .closeButton_2088210cab {\n  color: var(--fixed-dark-color);\n}\n.toast_737d3d3ae4.typeWarning_436abbd9dd .actionButton_f0f585895f,\n.toast_737d3d3ae4.typeWarning_436abbd9dd .actionLink_1f1c07cd15 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_737d3d3ae4.typeDark_ad7828071b {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_737d3d3ae4.typeDark_ad7828071b .closeButton_2088210cab {\n  color: var(--text-color-on-inverted);\n}\n.toast_737d3d3ae4.typeDark_ad7828071b .actionButton_f0f585895f,\n.toast_737d3d3ae4.typeDark_ad7828071b .actionLink_1f1c07cd15 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_fed45b41ea {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_f0f585895f.withTransition_cd266e613f {\n  opacity: 0;\n  animation: bounceIn_8c464cf033 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_273b8756e7 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_b8f38db745 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_de4a55fea0 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_26d4452860;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_7276040161 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_aa2582048a;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_2088210cab {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_26d4452860 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_aa2582048a {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_8c464cf033 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_ea88c76235",typeNormal:"typeNormal_baa499d882",typePositive:"typePositive_b40ba5db9e",typeNegative:"typeNegative_3a4ae8b4dd",typeWarning:"typeWarning_b4995e5b8e",closeButton:"closeButton_5e22b68e96",actionButton:"actionButton_29dee40707",actionLink:"actionLink_c276ce2bb7",typeDark:"typeDark_1045dd5faa",icon:"icon_d8b27f7d87",withTransition:"withTransition_a3107cf333",bounceIn:"bounceIn_97f332f709",content:"content_336ba3d587",textContent:"textContent_b997a5ae5b",enterActive:"enterActive_1766a8465f",slideIn:"slideIn_60d0dad0dc",exitActive:"exitActive_2a157bb297",slideOut:"slideOut_2a179e201c"};!function(n){const t="s_id-72c9912c1efa_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_ea88c76235 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_ea88c76235.typeNormal_baa499d882 {\n  background-color: var(--primary-color);\n}\n.toast_ea88c76235.typePositive_b40ba5db9e {\n  background-color: var(--positive-color);\n}\n.toast_ea88c76235.typeNegative_3a4ae8b4dd {\n  background-color: var(--negative-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e .closeButton_5e22b68e96 {\n  color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e .actionButton_29dee40707,\n.toast_ea88c76235.typeWarning_b4995e5b8e .actionLink_c276ce2bb7 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeDark_1045dd5faa {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_ea88c76235.typeDark_1045dd5faa .closeButton_5e22b68e96 {\n  color: var(--text-color-on-inverted);\n}\n.toast_ea88c76235.typeDark_1045dd5faa .actionButton_29dee40707,\n.toast_ea88c76235.typeDark_1045dd5faa .actionLink_c276ce2bb7 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_d8b27f7d87 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_29dee40707.withTransition_a3107cf333 {\n  opacity: 0;\n  animation: bounceIn_97f332f709 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_336ba3d587 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_b997a5ae5b {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_1766a8465f {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_60d0dad0dc;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_2a157bb297 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_2a179e201c;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_5e22b68e96 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_60d0dad0dc {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_2a179e201c {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_97f332f709 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map