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

package/dist/src/components/Slider/SliderBase/SliderRail.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as r}from"react";import{NOOP as s}from"../../../utils/function-utils.js";import{useSliderUi as t}from"../SliderContext.js";import i from"classnames";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import l from"./SliderRail.module.scss.js";var a=r((function(r,a){var m=r.className,c=r.children,n=r.onClick,p=void 0===n?s:n,d=r.size,f=t();return e.createElement("div",{"data-testid":(0,f.shapeTestId)("rail"),className:i(l.rail,o(l,d),m),onClick:function(e){p(e)},ref:a},c)}));export{a as default};
-//# sourceMappingURL=SliderRail.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRail.js","sources":["../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { VibeComponent } from \"../../../types\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n  /**\n   * Callback fired when the rail is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The child elements inside the slider rail.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * The size of the slider rail.\n   */\n  size: SliderSize;\n}\n\nconst SliderRail: VibeComponent<SliderRailProps, unknown> = forwardRef<unknown, SliderRailProps>(\n  ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const { shapeTestId } = useSliderUi();\n    function handleClick(e: React.MouseEvent) {\n      onClick(e);\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        data-testid={shapeTestId(\"rail\")}\n        className={cx(styles.rail, getStyle(styles, size), className)}\n        onClick={handleClick}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"8RAyBMA,IAAAA,EAAsDC,GAC1D,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}

package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +0,0 @@
-var e={rail:"rail_af9d08f6c1",small:"small_1d0540f247",medium:"medium_aaef4ab066",large:"large_2565a48269"};!function(e){const n="s_id-c66a4285003d_3_58_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_af9d08f6c1 {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_1d0540f247 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_aaef4ab066 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_2565a48269 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
-//# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js.map

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

package/dist/src/components/Slider/SliderBase/SliderThumb.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{NOOP as r}from"../../../utils/function-utils.js";import n from"../../Tooltip/Tooltip.js";import{TOOLTIP_SHOW_DELAY as i}from"../SliderConstants.js";import{useSliderSelection as l,useSliderUi as s,useSliderActions as u}from"../SliderContext.js";import m from"classnames";import d from"./SliderThumb.module.scss.js";import{getStyle as c}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"lodash-es";var v=function(v){var f=v.className,b=v.index,g=void 0===b?0:b,h=v.onMove,L=void 0===h?r:h,x=v.position,y=void 0===x?0:x,j=v.size,E=v.color,T=l(),P=T.max,w=T.min,D=T.ranged,C=T.value,S=T.valueText,B=D?C[g]:C,H=D?S[g]:S,N=s(),F=N.active,I=N.ariaLabel,M=N.ariaLabelledby,_=N.disabled,z=N.dragging,A=N.focused,K=N.shapeTestId,V=N.showValue,k=N.valueLabelPosition,q=N.valueLabelColor,G=u(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",L),document.removeEventListener("pointerup",U)}return a((function(){A===g&&R&&R.current&&R.current.focus()}),[A,g]),o.createElement(n,{open:F===g||z===g,content:V?null:H,position:"top",showDelay:i,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":I,"aria-labelledby":M,"aria-valuemax":P,"aria-valuemin":w,"aria-valuenow":B,"aria-valuetext":H,"aria-disabled":_,className:m(d.thumb,c(d,E),c(d,j),e(e(e({},d.dragging,z===g),d.focused,A),d.notDisabledThumb,!_),f),"data-testid":K("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",L),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(y,"%")},tabIndex:_?-1:0},V&&o.createElement("label",{className:m(d.label,c(d,p("color-"+q)),c(d,p("position-"+k)))},H)))};export{v as default};
-//# sourceMappingURL=SliderThumb.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { SliderColor, SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n  /**\n   * The index of the thumb (used in range sliders).\n   */\n  index?: number;\n  /**\n   * Callback fired when the thumb is moved.\n   */\n  onMove?: (event: PointerEvent) => void;\n  /**\n   * The position of the thumb, represented as an offset percentage from the start of the track.\n   */\n  position?: number;\n  /**\n   * The size of the slider thumb.\n   */\n  size: SliderSize;\n  /**\n   * The color theme of the slider thumb.\n   */\n  color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n  const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n  const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n  const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n  const {\n    active,\n    ariaLabel,\n    ariaLabelledby,\n    disabled,\n    dragging,\n    focused,\n    shapeTestId,\n    showValue,\n    valueLabelPosition,\n    valueLabelColor\n  } = useSliderUi();\n  const { setActive, setFocused, setDragging } = useSliderActions();\n  const ref = useRef(null);\n\n  function handleBlur() {\n    setFocused(null);\n    setActive(null);\n  }\n\n  function handleFocus() {\n    setFocused(index);\n    setActive(index);\n  }\n\n  function handlePointerLeave() {\n    setActive(null);\n  }\n\n  function handlePointerDown(e: React.PointerEvent) {\n    e.stopPropagation();\n    setDragging(index);\n    document.addEventListener(\"pointermove\", onMove);\n    document.addEventListener(\"pointerup\", stopMove);\n  }\n\n  function stopMove() {\n    setDragging(null);\n    document.removeEventListener(\"pointermove\", onMove);\n    document.removeEventListener(\"pointerup\", stopMove);\n  }\n\n  useEffect(() => {\n    if (focused === index && ref && ref.current) {\n      ref.current.focus();\n    }\n  }, [focused, index]);\n\n  return (\n    <Tooltip\n      open={active === index || dragging === index}\n      content={showValue ? null : valueText}\n      position=\"top\"\n      showDelay={TOOLTIP_SHOW_DELAY}\n      addKeyboardHideShowTriggersByDefault={false}\n    >\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value}\n        aria-valuetext={valueText}\n        aria-disabled={disabled}\n        className={cx(\n          styles.thumb,\n          getStyle(styles, color),\n          getStyle(styles, size),\n          {\n            [styles.dragging]: dragging === index,\n            [styles.focused]: focused,\n            [styles.notDisabledThumb]: !disabled\n          },\n          className\n        )}\n        data-testid={shapeTestId(`thumb-${index}`)}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onPointerDown={handlePointerDown}\n        onPointerLeave={handlePointerLeave}\n        ref={ref}\n        role=\"slider\"\n        style={{ left: `${position}%` }}\n        tabIndex={disabled ? -1 : 0}\n      >\n        {showValue && (\n          <label\n            className={cx(\n              styles.label,\n              getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n              getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n            )}\n          >\n            {valueText}\n          </label>\n        )}\n      </div>\n    </Tooltip>\n  );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"ojBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}

package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -1,2 +0,0 @@
-var o={thumb:"thumb_702279a825",dragging:"dragging_3dc6aaf54e",focused:"focused_be132a4acc",notDisabledThumb:"notDisabledThumb_d696116f2c","focus-visible":"focus-visible_bb26075157",positive:"positive_502a90a00d",negative:"negative_2978ddea94",small:"small_f31453a0e6",medium:"medium_4568f44f87",large:"large_8aa8309db3",label:"label_f5e8d734dd",positionTop:"positionTop_fe33e36a49",positionBottom:"positionBottom_bf8cbe5293",colorPrimary:"colorPrimary_0a26420f10",colorSecondary:"colorSecondary_a1310ee841"};!function(o){const n="s_id-9ef20defa923_3_58_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_702279a825 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_3dc6aaf54e {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_be132a4acc {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_d696116f2c:focus-visible, .notDisabledThumb_d696116f2c.focus-visible_bb26075157 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_d696116f2c:focus:not(.focus-visible_bb26075157) {\n  outline: none;\n}\n\n.notDisabledThumb_d696116f2c:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_502a90a00d {\n  border-color: var(--positive-color);\n}\n\n.positive_502a90a00d.notDisabledThumb_d696116f2c:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_2978ddea94 {\n  border-color: var(--negative-color);\n}\n\n.negative_2978ddea94.notDisabledThumb_d696116f2c:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_f31453a0e6 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_4568f44f87 {\n  height: 20px;\n  width: 20px;\n}\n\n.large_8aa8309db3 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_f5e8d734dd {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_f5e8d734dd.positionTop_fe33e36a49 {\n  bottom: calc(100% + 8px);\n}\n\n.label_f5e8d734dd.positionBottom_bf8cbe5293 {\n  top: calc(100% + 8px);\n}\n\n.label_f5e8d734dd.colorPrimary_0a26420f10 {\n  color: var(--primary-text-color);\n}\n\n.label_f5e8d734dd.colorSecondary_a1310ee841 {\n  color: var(--secondary-text-color);\n}");export{o as default};
-//# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js.map

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

package/dist/src/components/Slider/SliderBase/SliderTrack.js

@@ -1,2 +0,0 @@
-import r from"react";import e from"classnames";import{getStyle as s}from"../../../helpers/typesciptCssModulesHelper.js";import m from"./SliderTrack.module.scss.js";var o=r.memo((function(o){var a=o.className;return r.createElement("div",{className:e(m.track,s(m,o.color),a)})}));export{o as default};
-//# sourceMappingURL=SliderTrack.js.map

package/dist/src/components/Slider/SliderBase/SliderTrack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n  /**\n   * The color of the slider track.\n   */\n  color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n  return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"oKAcMA,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}

package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +0,0 @@
-var e={track:"track_0e020b0ea3",positive:"positive_a923b158a3",negative:"negative_378fe98efa"};!function(e){const t="s_id-f9216dea54b1_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_0e020b0ea3 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_a923b158a3 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_378fe98efa {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
-//# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js.map

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

package/dist/src/components/Slider/SliderConstants.js

@@ -1,2 +0,0 @@
-var i,t,I=200,e=300;!function(i){i.PREFIX="prefix",i.POSTFIX="postfix"}(i||(i={})),function(i){i.PRIMARY="primary",i.NEGATIVE="negative",i.POSITIVE="positive"}(t||(t={}));export{i as InfixKind,t as SliderColor,e as TOOLTIP_SHOW_DELAY,I as UPDATE_SLIDER_SIZE_DEBOUNCE};
-//# sourceMappingURL=SliderConstants.js.map

package/dist/src/components/Slider/SliderConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderConstants.js","sources":["../../../../src/components/Slider/SliderConstants.ts"],"sourcesContent":["import { IconType } from \"../Icon\";\nimport { ReactElement } from \"react\";\nimport { SliderSize, SliderColor as SliderColorType, SliderLabelPosition, SliderLabelColor } from \"./Slider.types\";\n\nexport const BEM_PREFIX = \"monday\";\n\nexport const COMPONENT_ID = \"slider\";\n\nexport const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;\n\nexport const TOOLTIP_SHOW_DELAY = 300;\n\n/**\n * @deprecated\n */\nexport enum InfixKind {\n  PREFIX = \"prefix\",\n  POSTFIX = \"postfix\"\n}\n\n/**\n * @deprecated\n */\nexport enum SliderColor {\n  PRIMARY = \"primary\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\nexport type SliderContextSelection = {\n  max: number;\n  min: number;\n  ranged: boolean;\n  step: number;\n  value: number | number[];\n  valueText: string | string[];\n};\n\nexport type SliderContextUI = {\n  active: number;\n  ariaLabel: string;\n  ariaLabelledby: string;\n  color: SliderColorType;\n  disabled: boolean;\n  dragging: number;\n  focused: number;\n  size: SliderSize;\n  shapeTestId: (subElement: string) => string;\n  showValue: boolean;\n  valueLabelPosition: SliderLabelPosition;\n  valueLabelColor: SliderLabelColor;\n};\n\nexport type SliderContextActions = {\n  setActive: (value: number) => void;\n  setFocused: (value: number) => void;\n  setDragging: (value: number) => void;\n  changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;\n  drugThumb: (newValue: number | number[]) => void;\n  decreaseValue: (consumerStep?: number) => void;\n  increaseValue: (consumerStep?: number) => void;\n};\n\nexport type SliderContextInfix = {\n  /**\n   * Show selected from Slider range value\n   */\n  indicateSelection?: boolean;\n  /**\n   * Options for initial/start/prefix element, it can be one of:\n   *  - Any Component (react component, node, text, number etc.)\n   *  - Or it can be an object of options for Icons component (see Icon components props)\n   *  - Or it can be an object for Label (Icon, Heading - and other components)\n   *  - Or it can be Render Props Function witch are getting value and valueText\n   */\n  prefix?:\n    | { icon: IconType }\n    | string\n    | ((value: number | number[], valueText: string | string[]) => ReactElement)\n    | ReactElement;\n  /**\n   * Options for postfix/end/finishing element. Same as prefix element.\n   */\n  postfix?:\n    | { icon: IconType }\n    | string\n    | ((value: number | number[], valueText: string | string[]) => ReactElement)\n    | ReactElement;\n  /**\n   * Width of SelectionIndicator (i.e. TextField)\n   */\n  selectionIndicatorWidth?: string;\n};\n"],"names":["InfixKind","SliderColor","UPDATE_SLIDER_SIZE_DEBOUNCE","TOOLTIP_SHOW_DELAY"],"mappings":"AAQO,IAOKA,EAQAC,EAfCC,EAA8B,IAE9BC,EAAqB,KAKlC,SAAYH,GACVA,EAAA,OAAA,SACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Slider/SliderContext.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useState as l,useMemo as r,createContext as t,useContext as u}from"react";import{createTestIdHelper as o}from"../../helpers/testid-helper.js";import{useSliderValues as i,useDragging as n,useSliderActionsContextValue as s}from"./SliderHooks.js";var d=t({}),c=t({}),v=t({}),m=t({});function f(t){var u=t.children,f=t.ariaLabel,b=t.ariaLabelledby,p=t.color,g=t.defaultValue,L=t.disabled,h=t.max,x=t.min,P=t.onChange,V=t.ranged,T=t.showValue,E=t.valueLabelPosition,j=t.valueLabelColor,y=t.size,C=t.step,S=t.value,w=t.valueFormatter,z=t.valueText,H=t.infixOptions,_=o(t["data-testid"]),k=i(g,S,w,z),A=k.actualValue,B=k.actualValueText,F=k.getSelectedValue,I=k.setSelectedValue,O=l(null),q=e(O,2),D=q[0],G=q[1],J=l(null),K=e(J,2),M=K[0],N=K[1],Q=n(),R=e(Q,3),U=R[0],W=R[1],X=R[2],Y=r((function(){return{active:D,ariaLabel:f,ariaLabelledby:b,color:p,disabled:L,dragging:U,focused:M,size:y,shapeTestId:_,showValue:T,valueLabelPosition:E,valueLabelColor:j}}),[D,f,b,p,L,U,M,y,_,T,E,j]),Z=r((function(){return{max:h,min:x,ranged:V,step:C,value:A,valueText:B}}),[h,x,V,C,A,B]),$=s(A,M,X,F,h,x,P,V,G,N,W,I,C);return a.createElement(d.Provider,{value:Y},a.createElement(c.Provider,{value:Z},a.createElement(v.Provider,{value:$},a.createElement(m.Provider,{value:H},u))))}function b(){return u(d)}function p(){return u(m)}function g(){return u(c)}function L(){return u(v)}export{f as SliderProvider,L as useSliderActions,p as useSliderInfix,g as useSliderSelection,b as useSliderUi};
-//# sourceMappingURL=SliderContext.js.map

package/dist/src/components/Slider/SliderContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderContext.js","sources":["../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"../../helpers/testid-helper\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { SliderProps } from \"./Slider\";\nimport { SliderContextActions, SliderContextInfix, SliderContextSelection, SliderContextUI } from \"./SliderConstants\";\nimport { IconType } from \"../Icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n  /**\n   * The child elements inside the slider provider.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * Configuration options for prefix, postfix, and selection indicator.\n   */\n  infixOptions?: {\n    /**\n     * If true, displays the selected value from the slider range.\n     */\n    indicateSelection?: boolean;\n    /**\n     * Configuration for the prefix (start) element, which can be:\n     * - A React component, text, number, or node.\n     * - An object with an icon.\n     * - A function that receives the value and valueText.\n     */\n    prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n    /**\n     * Configuration for the postfix (end) element, similar to prefix.\n     */\n    postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n    /**\n     * The width of the selection indicator.\n     */\n    selectionIndicatorWidth?: string;\n  };\n}\n\nexport function SliderProvider({\n  children,\n  ariaLabel,\n  ariaLabelledby,\n  color,\n  \"data-testid\": dataTestId,\n  defaultValue,\n  disabled,\n  max,\n  min,\n  onChange,\n  ranged,\n  showValue,\n  valueLabelPosition,\n  valueLabelColor,\n  size,\n  step,\n  value,\n  valueFormatter,\n  valueText,\n  infixOptions\n}: SliderProviderProps) {\n  const shapeTestId = createTestIdHelper(dataTestId);\n  const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n    defaultValue,\n    value,\n    valueFormatter,\n    valueText\n  );\n\n  const [active, setActive] = useState<number>(null);\n  const [focused, setFocused] = useState<number>(null);\n  const [dragging, setDragging, getDragging] = useDragging();\n\n  const uiContextValue: SliderContextUI = useMemo(\n    () => ({\n      active,\n      ariaLabel,\n      ariaLabelledby,\n      color,\n      disabled,\n      dragging,\n      focused,\n      size,\n      shapeTestId,\n      showValue,\n      valueLabelPosition,\n      valueLabelColor\n    }),\n    [\n      active,\n      ariaLabel,\n      ariaLabelledby,\n      color,\n      disabled,\n      dragging,\n      focused,\n      size,\n      shapeTestId,\n      showValue,\n      valueLabelPosition,\n      valueLabelColor\n    ]\n  );\n\n  const selectionContextValue: SliderContextSelection = useMemo(\n    () => ({\n      max,\n      min,\n      ranged,\n      step,\n      value: actualValue,\n      valueText: actualValueText\n    }),\n    [max, min, ranged, step, actualValue, actualValueText]\n  );\n\n  const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n    actualValue,\n    focused,\n    getDragging,\n    getSelectedValue,\n    max,\n    min,\n    onChange,\n    ranged,\n    setActive,\n    setFocused,\n    setDragging,\n    setSelectedValue,\n    step\n  );\n\n  return (\n    <UiContext.Provider value={uiContextValue}>\n      <SelectionContext.Provider value={selectionContextValue}>\n        <ActionsContext.Provider value={actionsContextValue}>\n          <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n        </ActionsContext.Provider>\n      </SelectionContext.Provider>\n    </UiContext.Provider>\n  );\n}\n\nexport function useSliderUi(): SliderContextUI {\n  return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n  return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n  return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n  return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"6UAOA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,GAiC7B,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA9B,UAAAA,EACAC,eAAAA,EACAC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}

package/dist/src/components/Slider/SliderHelpers.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";function n(r,n,t){var i=Math.round(100*(t-n)/(r-n));return[i,i]}function t(r,n,t){return r||(void 0!==n?"function"!=typeof t?""+n:t(n):void 0)}function i(t,i,o,u){if(!o){var a=n(t,i,u),e=r(a,2);return{dimension:e[0],offset:0,positions:[e[1]],thumbKeys:["start"]}}var s=r(u,2),f=s[1],c=n(t,i,s[0]),d=r(c,2),v=d[0],y=d[1],h=n(t,i,f),p=r(h,2);return{dimension:p[0],offset:v,positions:[y,p[1]],thumbKeys:["start","end"]}}function o(r,n,t){var i=(r-n)/10;if(t>i)return t;var o=function(r,n){var t=r%n;return 0===t?r:r-t}(Math.round(i),t);return(r-n)/o>10?2*o:o}function u(r,n,t,i){return i&&!Array.isArray(r)?[n,t]:n>r?n:r>t?t:r}function a(r,n,i){return Array.isArray(n)?n.map((function(n,o){return t(Array.isArray(r)?r[o]:void 0,n,i)})):t(r,n,i)}function e(r,n,t){return n&&Math.abs(t[0]-r)>Math.abs(t[1]-r)?1:0}function s(r,n,t,i,o){var u=Math.round((Math.round(r/(i.width/(t-n)))+n)/o)*o;return n>u?n:u>t?t:u}export{n as _calcDimension,i as calcDimensions,o as calculatePageStep,u as ensureDefaultValue,a as ensureValueText,e as getNearest,s as moveToPx};
-//# sourceMappingURL=SliderHelpers.js.map

package/dist/src/components/Slider/SliderHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHelpers.js","sources":["../../../../src/components/Slider/SliderHelpers.ts"],"sourcesContent":["export function _calcDimension(max: number, min: number, value: number): [number, number] {\n  const valuePoints = max - min;\n  const dimension = Math.round(((value - min) * 100) / valuePoints);\n  return [dimension, dimension];\n}\n\nfunction _ensureSingleValueText(valueText: string, value: number, formatter: (value: number) => string): string {\n  if (valueText) {\n    return valueText;\n  }\n  if (typeof value === \"undefined\") {\n    return undefined;\n  }\n  if (typeof formatter !== \"function\") {\n    return value.toString();\n  }\n  return formatter(value);\n}\n\nfunction _ensureStepModulo(pageStep: number, step: number) {\n  const moduloToStep = pageStep % step;\n  if (moduloToStep === 0) {\n    return pageStep;\n  }\n  return pageStep - moduloToStep;\n}\n\nexport function calcDimensions(max: number, min: number, ranged: boolean, value: number | number[]) {\n  if (!ranged) {\n    const [dimension, position] = _calcDimension(max, min, value as number);\n    return { dimension, offset: 0, positions: [position], thumbKeys: [\"start\"] };\n  }\n  const [val1, val2] = value as number[];\n  const [offset, position] = _calcDimension(max, min, val1);\n  const [dimension, position2] = _calcDimension(max, min, val2);\n  return { dimension, offset, positions: [position, position2], thumbKeys: [\"start\", \"end\"] };\n}\n\nexport function calculatePageStep(max: number, min: number, step: number) {\n  const pageStep = (max - min) / 10;\n  if (pageStep < step) {\n    // too small pageSize --> return step\n    return step;\n  }\n  const fixedPageStep = _ensureStepModulo(Math.round(pageStep), step);\n  if ((max - min) / fixedPageStep > 10) {\n    // too many steps with fixedPageStep - multiply it\n    return 2 * fixedPageStep;\n  }\n  // basic page size is ok\n  return fixedPageStep;\n}\n\nexport function ensureDefaultValue(\n  defaultValue: number | number[],\n  min: number,\n  max: number,\n  ranged: boolean\n): number | number[] {\n  if (ranged && !Array.isArray(defaultValue)) {\n    return [min, max];\n  }\n  if (defaultValue < min) {\n    return min;\n  }\n  if (defaultValue > max) {\n    return max;\n  }\n  return defaultValue;\n}\n\nexport function ensureValueText(\n  valueText: string,\n  value: number | number[],\n  formatter: (value: number) => string\n): string | string[] {\n  if (!Array.isArray(value)) {\n    return _ensureSingleValueText(valueText, value, formatter);\n  }\n  return value.map((valueSingle, index) => {\n    const valueTextSingle = Array.isArray(valueText) ? valueText[index] : undefined;\n    return _ensureSingleValueText(valueTextSingle, valueSingle, formatter);\n  });\n}\n\nexport function getNearest(newValue: number, ranged: boolean, value: number | number[]) {\n  if (!ranged) {\n    return 0;\n  }\n  const diff0 = Math.abs((value as number[])[0] - newValue);\n  const diff1 = Math.abs((value as number[])[1] - newValue);\n  return diff0 > diff1 ? 1 : 0;\n}\n\nexport function moveToPx(offsetInPx: number, min: number, max: number, railCoords: { width: number }, step: number) {\n  const valuePoints = max - min;\n  const pxToValuePoints = railCoords.width / valuePoints;\n  const offsetInValuePoints = Math.round(offsetInPx / pxToValuePoints) + min;\n  const newValue = Math.round(offsetInValuePoints / step) * step;\n  if (newValue < min) {\n    return min;\n  }\n  if (newValue > max) {\n    return max;\n  }\n  return newValue;\n}\n"],"names":["_calcDimension","max","min","value","dimension","Math","round","_ensureSingleValueText","valueText","formatter","calcDimensions","ranged","_calcDimension2","_calcDimension3","_slicedToArray","offset","positions","thumbKeys","_value","val2","_calcDimension4","_calcDimension5","position","_calcDimension6","_calcDimension7","calculatePageStep","step","pageStep","fixedPageStep","moduloToStep","_ensureStepModulo","ensureDefaultValue","defaultValue","Array","isArray","ensureValueText","map","valueSingle","index","undefined","getNearest","newValue","abs","moveToPx","offsetInPx","railCoords","width"],"mappings":"wFAAgBA,EAAeC,EAAaC,EAAaC,GACvD,IACMC,EAAYC,KAAKC,MAAuB,KAAfH,EAAQD,IADnBD,EAAMC,IAE1B,MAAO,CAACE,EAAWA,EACrB,CAEA,SAASG,EAAuBC,EAAmBL,EAAeM,GAChE,OAAID,SAGiB,IAAVL,EAGc,mBAAdM,EACFN,KAEFM,EAAUN,QANjB,EAOF,CAUM,SAAUO,EAAeT,EAAaC,EAAaS,EAAiBR,GACxE,IAAKQ,EAAQ,CACX,IAAAC,EAA8BZ,EAAeC,EAAKC,EAAKC,GAAgBU,EAAAC,EAAAF,EAAA,GACvE,MAAO,CAAER,UADOS,EAAA,GACIE,OAAQ,EAAGC,UAAW,CADhBH,EAAA,IAC4BI,UAAW,CAAC,SACnE,CACD,IAAAC,EAAAJ,EAAqBX,EAAiB,GAAzBgB,EAAID,EAAA,GACjBE,EAA2BpB,EAAeC,EAAKC,EADpCgB,EAAA,IAC8CG,EAAAP,EAAAM,EAAA,GAAlDL,EAAMM,EAAA,GAAEC,EAAQD,EAAA,GACvBE,EAA+BvB,EAAeC,EAAKC,EAAKiB,GAAKK,EAAAV,EAAAS,EAAA,GAC7D,MAAO,CAAEnB,UADOoB,EAAA,GACIT,OAAAA,EAAQC,UAAW,CAACM,EADbE,EAAA,IACmCP,UAAW,CAAC,QAAS,OACrF,UAEgBQ,EAAkBxB,EAAaC,EAAawB,GAC1D,IAAMC,GAAY1B,EAAMC,GAAO,GAC/B,GAAewB,EAAXC,EAEF,OAAOD,EAET,IAAME,EAzBR,SAA2BD,EAAkBD,GAC3C,IAAMG,EAAeF,EAAWD,EAChC,OAAqB,IAAjBG,EACKF,EAEFA,EAAWE,CACpB,CAmBwBC,CAAkBzB,KAAKC,MAAMqB,GAAWD,GAC9D,OAAKzB,EAAMC,GAAO0B,EAAgB,GAEzB,EAAIA,EAGNA,CACT,CAEM,SAAUG,EACdC,EACA9B,EACAD,EACAU,GAEA,OAAIA,IAAWsB,MAAMC,QAAQF,GACpB,CAAC9B,EAAKD,GAEIC,EAAf8B,EACK9B,EAEL8B,EAAe/B,EACVA,EAEF+B,CACT,UAEgBG,EACd3B,EACAL,EACAM,GAEA,OAAKwB,MAAMC,QAAQ/B,GAGZA,EAAMiC,KAAI,SAACC,EAAaC,GAE7B,OAAO/B,EADiB0B,MAAMC,QAAQ1B,GAAaA,EAAU8B,QAASC,EACvBF,EAAa5B,EAC9D,IALSF,EAAuBC,EAAWL,EAAOM,EAMpD,UAEgB+B,EAAWC,EAAkB9B,EAAiBR,GAC5D,OAAKQ,GAGSN,KAAKqC,IAAKvC,EAAmB,GAAKsC,GAClCpC,KAAKqC,IAAKvC,EAAmB,GAAKsC,GACzB,EAJd,CAKX,CAEM,SAAUE,EAASC,EAAoB1C,EAAaD,EAAa4C,EAA+BnB,GACpG,IAGMe,EAAWpC,KAAKC,OADMD,KAAKC,MAAMsC,GADfC,EAAWC,OADf7C,EAAMC,KAE6CA,GACrBwB,GAAQA,EAC1D,OAAexB,EAAXuC,EACKvC,EAELuC,EAAWxC,EACNA,EAEFwC,CACT"}

package/dist/src/components/Slider/SliderHooks.js

@@ -1,2 +0,0 @@
-import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import l from"../../hooks/useResizeObserver.js";import{NOOP as a}from"../../utils/function-utils.js";import{UPDATE_SLIDER_SIZE_DEBOUNCE as c}from"./SliderConstants.js";import{ensureValueText as f}from"./SliderHelpers.js";function s(u,i,o,l,c,f,s,d,v,m,g,h,p){var V=r((function(n){h(n),"function"==typeof s&&s(n)}),[h,s]),b=r((function(n,e){return""===e||Number.isNaN(Number(e))?1===n?c:f:e>c?c:f>e?f:e}),[f,c]),x=r((function(e){var r=n(l()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,l]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),j=r((function(n){v(n),m(n),g(n)}),[v,m,g]),C=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(d){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?a:m);V(r)}else V(b(null,n))}),[V,w,b,i,d,m]),T=r((function(n){var e;if(d){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,j);V(t)}else V(b(null,n))}),[V,w,j,b,o,d]),N=r((function(n){var e=d?u[i]:u;e!==f&&C(e-(n||p))}),[u,C,i,f,d,p]),S=r((function(n){var e=d?u[i]:u;e!==c&&C(e+(n||p))}),[u,C,i,c,d,p]);return t((function(){return{changeThumbValue:C,decreaseValue:N,drugThumb:T,increaseValue:S,setActive:v,setDragging:g,setFocused:m}}),[C,N,T,S,v,g,m])}function d(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function v(){var n=i(null),t=u({left:0,right:100,width:100}),a=e(t,2),f=a[0],s=a[1],d=r((function(){if(n.current){var e=n.current.getBoundingClientRect();s({left:e.left,right:e.right,width:e.width})}}),[n,s]);return l({ref:n,callback:d,debounceTime:c}),o((function(){d()}),[d]),{railCoords:f,railRef:n}}function m(n,t,l,c){var s=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),d=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,a]:[o[0],o[1]]}(n,s,t),v=e(d,2),m=v[0],g=v[1],h=i(m);o((function(){s&&h.current!==m&&(h.current=m)}),[s,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=f(c,m,l);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:s,setSelectedValue:p}}export{d as useDragging,s as useSliderActionsContextValue,v as useSliderRail,m as useSliderValues};
-//# sourceMappingURL=SliderHooks.js.map

package/dist/src/components/Slider/SliderHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHooks.js","sources":["../../../../src/components/Slider/SliderHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useResizeObserver from \"../../hooks/useResizeObserver\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { UPDATE_SLIDER_SIZE_DEBOUNCE } from \"./SliderConstants\";\nimport { ensureValueText } from \"./SliderHelpers\";\n\nfunction _useIsStateControlledFromOutside(value: number | number[]): boolean {\n  const [isControlled] = useState(typeof value !== \"undefined\");\n  return isControlled;\n}\n\nfunction _useSliderValue(\n  defaultValue: number | number[],\n  isControlled: boolean,\n  value: number | number[]\n): [number | number[], (value: number | number[]) => void] {\n  const initialValue = isControlled ? value : defaultValue;\n  const [internalStateValue, setInternalStateValue] = useState(initialValue);\n  if (isControlled) {\n    return [value as number, NOOP];\n  }\n  return [internalStateValue, setInternalStateValue];\n}\n\nexport function useSliderActionsContextValue(\n  actualValue: number | number[],\n  focused: number,\n  getDragging: () => number,\n  getSelectedValue: () => number | number[],\n  max: number,\n  min: number,\n  onChange: (value: number | number[]) => void,\n  ranged: boolean,\n  setActive: (value: number) => void,\n  setFocused: (value: number) => void,\n  setDragging: (value: number) => void,\n  setSelectedValue: (value: number | number[]) => void,\n  step: number\n) {\n  const _changeValueOrValues = useCallback(\n    (newValueOrValues: number | number[]) => {\n      setSelectedValue(newValueOrValues);\n      if (typeof onChange === \"function\") {\n        onChange(newValueOrValues);\n      }\n    },\n    [setSelectedValue, onChange]\n  );\n\n  const _validateValue = useCallback(\n    (index: number, newValue: number | number[] | string): number => {\n      if (newValue === \"\" || Number.isNaN(Number(newValue))) {\n        return index === 1 ? max : min;\n      }\n      if (newValue > max) {\n        return max;\n      }\n      if (newValue < min) {\n        return min;\n      }\n      return newValue as number;\n    },\n    [min, max]\n  );\n\n  const _calculateNewValues = useCallback(\n    (thumb: { index: number; newValue: number | number[] | string }): number[] => {\n      const [startValue, endValue] = [...(getSelectedValue() as number[])];\n      if (thumb.index === 1) {\n        return [startValue, _validateValue(thumb.index, thumb.newValue)];\n      }\n      return [_validateValue(thumb.index, thumb.newValue), endValue];\n    },\n    [_validateValue, getSelectedValue]\n  );\n\n  const _manageRangedValues = useCallback(\n    (thumb: { index: number; newValue: number | number[] | string }, switchCb: (value: number) => void = NOOP) => {\n      const [startValue, endValue] = _calculateNewValues(thumb);\n      if (startValue < endValue) {\n        // no need to switch, same thumb stay active\n        return [startValue, endValue];\n      }\n      // switch active thumb + end and start values\n      switchCb(thumb.index === 0 ? 1 : 0);\n      return [endValue, startValue];\n    },\n    [_calculateNewValues]\n  );\n\n  const _switchDraggingThumb = useCallback(\n    (switchTo: number) => {\n      setActive(switchTo);\n      setFocused(switchTo);\n      setDragging(switchTo);\n    },\n    [setActive, setFocused, setDragging]\n  );\n\n  const changeThumbValue = useCallback(\n    (newValue: number | string, thumbIndex: number = undefined, cancelFocus = false) => {\n      if (!ranged) {\n        _changeValueOrValues(_validateValue(null, newValue));\n        return;\n      }\n      const currentThumb = { newValue, index: thumbIndex ?? focused };\n      const switchCb = cancelFocus ? NOOP : setFocused;\n      const newValues = _manageRangedValues(currentThumb, switchCb);\n      _changeValueOrValues(newValues);\n    },\n    [_changeValueOrValues, _manageRangedValues, _validateValue, focused, ranged, setFocused]\n  );\n\n  const drugThumb = useCallback(\n    (newValue: number | number[]) => {\n      if (!ranged) {\n        _changeValueOrValues(_validateValue(null, newValue));\n        return;\n      }\n      const currentThumb = { newValue, index: getDragging() ?? 0 };\n      const newValues = _manageRangedValues(currentThumb, _switchDraggingThumb);\n      _changeValueOrValues(newValues);\n    },\n    [_changeValueOrValues, _manageRangedValues, _switchDraggingThumb, _validateValue, getDragging, ranged]\n  );\n\n  const decreaseValue = useCallback(\n    (consumerStep: number) => {\n      const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n      if (currentValue === min) {\n        return;\n      }\n      const finalStep = consumerStep || step;\n      const newValue = currentValue - finalStep;\n      changeThumbValue(newValue);\n    },\n    [actualValue, changeThumbValue, focused, min, ranged, step]\n  );\n\n  const increaseValue = useCallback(\n    (consumerStep?: number) => {\n      const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n      if (currentValue === max) {\n        return;\n      }\n      const finalStep = consumerStep || step;\n      const newValue = currentValue + finalStep;\n      changeThumbValue(newValue);\n    },\n    [actualValue, changeThumbValue, focused, max, ranged, step]\n  );\n\n  return useMemo(\n    () => ({\n      changeThumbValue,\n      decreaseValue,\n      drugThumb,\n      increaseValue,\n      setActive,\n      setDragging,\n      setFocused\n    }),\n    [changeThumbValue, decreaseValue, drugThumb, increaseValue, setActive, setDragging, setFocused]\n  );\n}\n\nexport function useDragging(): [number, (value: number) => void, () => number] {\n  const [dragging, setStateDragging] = useState<number>(null);\n  const draggingRef = useRef(null);\n\n  const setDragging = useCallback(\n    (index: number) => {\n      setStateDragging(index);\n      draggingRef.current = index;\n    },\n    [setStateDragging, draggingRef]\n  );\n  const getDragging = useCallback(() => draggingRef.current, [draggingRef]);\n  return [dragging, setDragging, getDragging];\n}\n\nexport function useSliderRail() {\n  const railRef = useRef(null);\n  const [railCoords, setRailCoords] = useState({ left: 0, right: 100, width: 100 });\n\n  const defineRailCoords = useCallback(() => {\n    if (!railRef.current) {\n      return;\n    }\n    const railRect = railRef.current.getBoundingClientRect();\n    const { left, right, width } = railRect;\n    setRailCoords({ left, right, width });\n  }, [railRef, setRailCoords]);\n\n  useResizeObserver({\n    ref: railRef,\n    callback: defineRailCoords,\n    debounceTime: UPDATE_SLIDER_SIZE_DEBOUNCE\n  });\n\n  useEffect(() => {\n    defineRailCoords();\n  }, [defineRailCoords]);\n\n  return { railCoords, railRef };\n}\n\nexport function useSliderValues(\n  defaultValue: number | number[],\n  value: number | number[],\n  valueFormatter: (value: number) => string,\n  valueText: string\n): {\n  actualValue: number | number[];\n  actualValueText: string | string[];\n  getSelectedValue: () => number | number[];\n  isControlled: boolean;\n  setSelectedValue: (value: number) => void;\n} {\n  const isControlled = _useIsStateControlledFromOutside(value);\n  const [actualValue, setStateSelectedValue] = _useSliderValue(defaultValue, isControlled, value);\n  const valueRef = useRef(actualValue);\n\n  // Update ref when actualValue was changed from outside in controlled mode\n  useEffect(() => {\n    if (isControlled && valueRef.current !== actualValue) {\n      valueRef.current = actualValue;\n    }\n  }, [isControlled, actualValue]);\n\n  const setSelectedValue = useCallback(\n    (newValue: number) => {\n      setStateSelectedValue(newValue);\n      valueRef.current = newValue;\n    },\n    [valueRef, setStateSelectedValue]\n  );\n\n  const getSelectedValue = () => valueRef.current;\n\n  const actualValueText = ensureValueText(valueText, actualValue, valueFormatter);\n  return { actualValue, actualValueText, getSelectedValue, isControlled, setSelectedValue };\n}\n"],"names":["useSliderActionsContextValue","actualValue","focused","getDragging","getSelectedValue","max","min","onChange","ranged","setActive","setFocused","setDragging","setSelectedValue","step","_changeValueOrValues","useCallback","newValueOrValues","_validateValue","index","newValue","Number","isNaN","_calculateNewValues","thumb","_ref","_toConsumableArray","endValue","_manageRangedValues","switchCb","arguments","length","undefined","NOOP","_calculateNewValues2","_calculateNewValues3","_slicedToArray","startValue","_switchDraggingThumb","switchTo","changeThumbValue","thumbIndex","newValues","drugThumb","currentThumb","_a","decreaseValue","consumerStep","currentValue","increaseValue","useMemo","useDragging","_useState5","useState","_useState6","dragging","setStateDragging","draggingRef","useRef","current","useSliderRail","railRef","_useState7","left","right","width","_useState8","railCoords","setRailCoords","defineRailCoords","railRect","getBoundingClientRect","useResizeObserver","ref","callback","debounceTime","UPDATE_SLIDER_SIZE_DEBOUNCE","useEffect","useSliderValues","defaultValue","value","valueFormatter","valueText","isControlled","_useState","_useIsStateControlledFromOutside","_useSliderValue2","_useState3","_useState4","_useSliderValue","_useSliderValue3","setStateSelectedValue","valueRef","actualValueText","ensureValueText"],"mappings":"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"}

package/dist/src/components/Slider/SliderInfix.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"react";import{InfixKind as o}from"./SliderConstants.js";import{useSliderInfixComponent as i}from"./SliderInfixHooks.js";import t from"classnames";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import l from"./SliderInfix.module.scss.js";var p=m((function o(m){var p=m.kind,a=void 0===p?o.kinds.PREFIX:p,n=i(a),f=r(n,4),d=f[1],c=f[2],u=f[3];return f[0]&&s.createElement("div",{className:t(l.infix,e(l,a),d.map((function(r){return e(l,r)}))),style:u},c)}),{kinds:o});export{p as default};
-//# sourceMappingURL=SliderInfix.js.map

package/dist/src/components/Slider/SliderInfix.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfix.js","sources":["../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { InfixKind as InfixKindEnum } from \"./SliderConstants\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n  /**\n   * Specifies the type of infix (prefix or postfix).\n   */\n  kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> & { kinds?: typeof InfixKindEnum } = ({ kind = SliderInfix.kinds.PREFIX }) => {\n  const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n  return (\n    isShow && (\n      <div\n        className={cx(\n          styles.infix,\n          getStyle(styles, kind),\n          modificators.map(m => getStyle(styles, m))\n        )}\n        style={inlineStyle}\n      >\n        {InfixComponent}\n      </div>\n    )\n  );\n};\n\nexport default withStaticPropsWithoutForwardRef<SliderInfixProps, { kinds: typeof InfixKindEnum }>(SliderInfix, {\n  kinds: InfixKindEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","SliderInfix","_ref","_ref$kind","kind","kinds","PREFIX","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style","InfixKindEnum"],"mappings":"0dAgBA,IAkBeA,EAAAA,GAlB8D,SAAvEC,EAAWC,GAAoG,IAAAC,EAAAD,EAArCE,KAAAA,OAAOH,IAAHE,EAAGF,EAAYI,MAAMC,OAAMH,EAC7GI,EAA4DC,EAAwBJ,GAAKK,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQb,GACjBO,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT,GAEgH,CAC9GP,MAAOkB"}

package/dist/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +0,0 @@
-var e={infix:"infix_05a99f198e",txt:"txt_e1eadedf2f",prefix:"prefix_5b96276afe",postfix:"postfix_b8e4f7732c"};!function(e){const n="s_id-4fd2a8cee614_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_05a99f198e {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_e1eadedf2f {\n  white-space: nowrap;\n}\n\n.prefix_5b96276afe {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_b8e4f7732c {\n  margin-left: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/src/components/Slider/SliderInfix.module.scss.js.map

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

package/dist/src/components/Slider/SliderInfixHooks.js

@@ -1,2 +0,0 @@
-import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i from"react";import n from"../Icon/Icon.js";import{useSliderInfix as r,useSliderSelection as o}from"./SliderContext.js";import c from"./SelectionIndicator.js";var l={clickable:!1,iconSize:18,ignoreFocusStyle:!0};function a(a){var s="postfix"===a,m=r(),f=m.prefix,p=m.postfix,u=m.indicateSelection,d=m.selectionIndicatorWidth,g=o(),j=g.value,v=g.valueText,x=s?p:f;if(u&&(s||g.ranged))return[!0,[],i.createElement(c,{key:a,kind:a}),{width:d}];if("object"===e(x)&&x.icon){var b=x.icon,y=t(x,["icon"]),S=Object.assign(Object.assign({},l),y);return[!0,[],i.createElement(n,Object.assign({key:"infix-icon",icon:b},S)),{}]}return"function"==typeof x?[!0,[],x(j,v),{}]:"string"==typeof x?[!0,["txt"],i.createElement(i.Fragment,null,x),{}]:void 0===x?[!1,[],null,{}]:[!0,[],i.createElement(i.Fragment,null,x),{}]}export{a as useSliderInfixComponent};
-//# sourceMappingURL=SliderInfixHooks.js.map

package/dist/src/components/Slider/SliderInfixHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInfixHooks.js","sources":["../../../../src/components/Slider/SliderInfixHooks.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement } from \"react\";\nimport Icon from \"../../components/Icon/Icon\";\nimport { InfixKind } from \"./Slider.types\";\nimport { useSliderInfix, useSliderSelection } from \"./SliderContext\";\nimport SelectionIndicator from \"./SelectionIndicator\";\nimport { IconType } from \"../Icon\";\n\nconst defaultIconProps = {\n  clickable: false,\n  iconSize: 18,\n  ignoreFocusStyle: true\n};\n\nexport function useSliderInfixComponent(kind: InfixKind): [boolean, string[], ReactElement, CSSProperties] {\n  const isPostfix = kind === \"postfix\";\n  const { prefix, postfix, indicateSelection, selectionIndicatorWidth } = useSliderInfix();\n  const { ranged, value, valueText } = useSliderSelection();\n  const infix = isPostfix ? postfix : prefix;\n\n  if (indicateSelection && (isPostfix || ranged)) {\n    return [true, [], <SelectionIndicator key={kind} kind={kind} />, { width: selectionIndicatorWidth }];\n  }\n  if (typeof infix === \"object\" && (infix as { icon: IconType }).icon) {\n    const { icon, ...restIconProps } = infix as { icon: IconType };\n    const iconProps = { ...defaultIconProps, ...restIconProps };\n    return [true, [], <Icon key=\"infix-icon\" icon={icon} {...iconProps} />, {}];\n  }\n  if (typeof infix === \"function\") {\n    return [true, [], infix(value, valueText), {}];\n  }\n  if (typeof infix === \"string\") {\n    return [true, [\"txt\"], <>{infix}</>, {}];\n  }\n  if (typeof infix === \"undefined\") {\n    return [false, [], null, {}];\n  }\n  return [true, [], <>{infix}</>, {}];\n}\n"],"names":["defaultIconProps","clickable","iconSize","ignoreFocusStyle","useSliderInfixComponent","kind","isPostfix","_useSliderInfix","useSliderInfix","prefix","postfix","indicateSelection","selectionIndicatorWidth","_useSliderSelection","useSliderSelection","value","valueText","infix","ranged","React","createElement","SelectionIndicator","key","width","_typeof","icon","restIconProps","__rest","iconProps","Object","assign","Icon","Fragment"],"mappings":"oSAOA,IAAMA,EAAmB,CACvBC,WAAW,EACXC,SAAU,GACVC,kBAAkB,GAGd,SAAUC,EAAwBC,GACtC,IAAMC,EAAqB,YAATD,EAClBE,EAAwEC,IAAhEC,EAAMF,EAANE,OAAQC,EAAOH,EAAPG,QAASC,EAAiBJ,EAAjBI,kBAAmBC,EAAuBL,EAAvBK,wBAC5CC,EAAqCC,IAArBC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UACjBC,EAAQX,EAAYI,EAAUD,EAEpC,GAAIE,IAAsBL,GAHZO,EAANK,QAIN,MAAO,EAAC,EAAM,GAAIC,EAACC,cAAAC,EAAmB,CAAAC,IAAKjB,EAAMA,KAAMA,IAAU,CAAEkB,MAAOX,IAE5E,GAAqB,WAAjBY,EAAOP,IAAuBA,EAA6BQ,KAAM,CAC7D,IAAEA,EAA2BR,EAA3BQ,KAASC,EAAaC,EAAKV,EAA7B,CAA0B,SAC1BW,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GAAA9B,GAAqB0B,GAC5C,MAAO,EAAC,EAAM,GAAIP,EAACC,cAAAW,iBAAKT,IAAI,aAAaG,KAAMA,GAAUG,IAAe,CAAA,EACzE,CACD,MAAqB,mBAAVX,EACF,EAAC,EAAM,GAAIA,EAAMF,EAAOC,GAAY,CAAA,GAExB,iBAAVC,EACF,EAAC,EAAM,CAAC,OAAQE,EAAAC,cAAAD,EAAAa,SAAA,KAAGf,GAAW,CAAE,QAEpB,IAAVA,EACF,EAAC,EAAO,GAAI,KAAM,CAAE,GAEtB,EAAC,EAAM,GAAIE,EAAGC,cAAAD,EAAAa,SAAA,KAAAf,GAAW,CAAE,EACpC"}

package/dist/src/components/SplitButton/SplitButton.js

@@ -1,2 +0,0 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as p}from"react";import{SplitButtonSecondaryContentPosition as g,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as v,DEFAULT_DIALOG_HIDE_TRIGGER as D,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as N}from"./SplitButtonConstants.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as k,AnimationType as T}from"../Dialog/DialogConstants.js";import{NOOP as b}from"../../utils/function-utils.js";import{isInsideClass as S}from"../../utils/dom-utils.js";import j from"../../hooks/useKeyEvent/index.js";import P from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as _}from"../../tests/constants.js";import z from"../../../icons/dist/react/DropdownChevronDown.js";var L=h((function(g){var h=g.secondaryDialogContent,L=g.onSecondaryDialogDidShow,w=void 0===L?b:L,A=g.onSecondaryDialogDidHide,x=void 0===A?b:A,R=g.shouldCloseOnClickInsideDialog,H=g.zIndex,U=void 0===H?null:H,F=g.secondaryDialogClassName,K=void 0===F?"":F,M=g.secondaryDialogPosition,W=void 0===M?"bottom-start":M,Y=g.dialogContainerSelector,V=g.dialogPaddingSize,X=void 0===V?"medium":V,q=g.disabled,G=g.loading,J=g.kind,Q=void 0===J?"primary":J,Z=g.color,$=void 0===Z?"primary":Z,oo=g.className,eo=g.leftIcon,to=g.rightIcon,io=g.onClick,no=g.children,ao=g.marginLeft,ro=g.marginRight,so=g.active,lo=g.id,co=g["data-testid"],mo=i(g,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),uo=c(!1),po=o(uo,2),go=po[0],fo=po[1],vo=c(!1),Do=o(vo,2),yo=Do[0],Co=Do[1],No=c(!1),ho=o(No,2),ko=ho[0],To=ho[1],bo=m(null),So=m(null),jo=u((function(){return Co(!0)}),[Co]),Po=u((function(){return Co(!1)}),[Co]),Io=u((function(o){return!q&&!S(o.target,N)}),[q]),Bo=u((function(o){Io(o)&&To(!0)}),[To,Io]),Eo=u((function(){return To(!1)}),[To]),Oo=u((function(o){Io(o)&&To(!0)}),[To,Io]),_o=u((function(){fo(!0),w()}),[fo,w]),zo=u((function(o,e){fo(!1),x(),"esckey"===e&&So.current.focus()}),[fo,x]);P({eventName:"mouseenter",callback:jo,ref:bo}),P({eventName:"mouseleave",callback:Po,ref:bo}),P({eventName:"mousedown",callback:Bo,ref:bo}),P({eventName:"mouseup",callback:Eo,ref:bo}),P({eventName:"transitionend",callback:Eo,ref:bo}),j({keys:f,ref:bo,callback:Oo});var Lo=p((function(){return l(O.button,a(O,n("kind-"+Q)),a(O,n("color-"+$)),e(e(e(e(e({},O.mainActive,so),O.active,ko),O.splitContentOpen,go),O.hovered,yo),O.disabled,q),oo)}),[oo,Q,$,so,ko,go,yo,q]),wo=p((function(){return q?[]:v}),[q]),Ao=p((function(){return R?[].concat(t(D),[k.CONTENT_CLICK]):D}),[R]),xo=u((function(){var o="function"==typeof h?h():h;return d.createElement(E,{type:E.types.POPOVER,size:X},o)}),[h,X]),Ro=p((function(){return"bottom"===W?"":"bottom-start"===W?"bottom":"top"}),[W]);return d.createElement("div",{className:Lo,ref:bo,id:lo,"data-testid":co||r(s.SPLIT_BUTTON,lo),"data-vibe":_.SPLIT_BUTTON},d.createElement(I,Object.assign({},mo,{preventClickAnimation:!0,leftIcon:eo,rightIcon:to,rightFlat:!0,color:$,kind:Q,active:so,onClick:io,className:O.mainButton,marginLeft:ao,onFocus:jo,onBlur:Po,disabled:q,loading:G,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,lo)}),no),d.createElement("div",{className:O.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:K,zIndex:U,content:xo,position:W,containerSelector:Y,startingEdge:Ro,animationType:T.EXPAND,moveBy:y,onDialogDidShow:_o,onDialogDidHide:zo,showTrigger:wo,hideTrigger:Ao},d.createElement(I,Object.assign({},mo,{ref:So,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:$,kind:Q,className:O.secondaryButton,active:go,marginRight:ro,onFocus:jo,onBlur:Po,disabled:q,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:go,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,lo)}),d.createElement("div",{className:O.secondaryButtonIconWrapper},d.createElement(z,{"aria-hidden":"true"}))))))}),{secondaryPositions:g,secondaryDialogPositions:g,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{L as default};
-//# sourceMappingURL=SplitButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n  DEFAULT_DIALOG_HIDE_TRIGGER,\n  DEFAULT_DIALOG_SHOW_TRIGGER,\n  DIALOG_MOVE_BY,\n  ENTER_KEYS,\n  SECONDARY_BUTTON_ARIA_LABEL,\n  SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n  SplitButtonSecondaryContentPosition,\n  SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogSize, DialogTriggerEvent } from \"../Dialog\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n  /**\n   * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.\n   */\n  secondaryDialogContent?: ReactElement | (() => string | ReactElement);\n  /**\n   * Callback fired when the secondary dialog is shown.\n   */\n  onSecondaryDialogDidShow?: () => void;\n  /**\n   * Callback fired when the secondary dialog is hidden.\n   */\n  onSecondaryDialogDidHide?: () => void;\n  /**\n   * The z-index applied to the secondary dialog.\n   */\n  zIndex?: number;\n  /**\n   * Class name applied to the wrapper of the secondary dialog.\n   */\n  secondaryDialogClassName?: string;\n  /**\n   * The position of the secondary dialog.\n   */\n  secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n  /**\n   * The padding size inside the secondary dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The CSS selector of the container where the dialog should be rendered.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * If true, clicking inside the dialog will close it.\n   */\n  shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton = ({\n  secondaryDialogContent,\n  onSecondaryDialogDidShow = NOOP,\n  onSecondaryDialogDidHide = NOOP,\n  shouldCloseOnClickInsideDialog,\n  zIndex = null,\n  secondaryDialogClassName = \"\",\n  secondaryDialogPosition = \"bottom-start\",\n  dialogContainerSelector,\n  dialogPaddingSize = \"medium\",\n  disabled,\n  // success mode not working right now, need to fix it in different pr\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  success,\n  loading,\n  kind = \"primary\",\n  color = \"primary\",\n  className,\n  leftIcon,\n  rightIcon,\n  onClick,\n  children,\n  marginLeft,\n  marginRight,\n  active,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: SplitButtonProps) => {\n  // State //\n  const [isDialogOpen, setDialogOpen] = useState(false);\n  const [isHovered, setIsHover] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  // Refs //\n  const ref = useRef(null);\n  const secondaryButtonRef = useRef(null);\n\n  // Callbacks //\n  const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n  const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n  const shouldSetActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (disabled) return false;\n      return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n    },\n    [disabled]\n  );\n\n  const setActive = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n  const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n  const setActiveOnEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (!shouldSetActive(e)) return;\n      setIsActive(true);\n    },\n    [setIsActive, shouldSetActive]\n  );\n\n  const showDialog = useCallback(() => {\n    setDialogOpen(true);\n    onSecondaryDialogDidShow();\n  }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n  const hideDialog = useCallback(\n    (_: DialogEvent, eventName: DialogTriggerEvent) => {\n      setDialogOpen(false);\n      onSecondaryDialogDidHide();\n      if (eventName === \"esckey\") {\n        secondaryButtonRef.current.focus();\n      }\n    },\n    [setDialogOpen, onSecondaryDialogDidHide]\n  );\n\n  // Event listeners //\n\n  // Used to set both buttons as hovered no matter what button was hovered\n  useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n  useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n  useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n  useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n  // Used to finish active transition if clicked on enter\n  useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n  // Key events\n  useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n  const classNames = useMemo(\n    () =>\n      cx(\n        styles.button,\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.mainActive]: active,\n          [styles.active]: isActive,\n          [styles.splitContentOpen]: isDialogOpen,\n          [styles.hovered]: isHovered,\n          [styles.disabled]: disabled\n        },\n        className\n      ),\n    [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n  );\n\n  const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n  const dialogHideTrigger = useMemo(() => {\n    if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n    return DEFAULT_DIALOG_HIDE_TRIGGER;\n  }, [shouldCloseOnClickInsideDialog]);\n\n  const actionsContent = useCallback(() => {\n    const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n    return (\n      <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n        {content}\n      </DialogContentContainer>\n    );\n  }, [secondaryDialogContent, dialogPaddingSize]);\n\n  const animationEdgePosition = useMemo(() => {\n    if (secondaryDialogPosition === \"bottom\") {\n      return \"\";\n    }\n    if (secondaryDialogPosition === \"bottom-start\") {\n      return \"bottom\";\n    }\n\n    return \"top\";\n  }, [secondaryDialogPosition]);\n\n  return (\n    <div\n      className={classNames}\n      ref={ref}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n      data-vibe={ComponentVibeId.SPLIT_BUTTON}\n    >\n      <Button\n        {\n          ...buttonProps /* We are enriching button with other props so we must use spreading */\n        }\n        preventClickAnimation\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        rightFlat\n        color={color}\n        kind={kind}\n        active={active}\n        onClick={onClick}\n        className={styles.mainButton}\n        marginLeft={marginLeft}\n        onFocus={setHovered}\n        onBlur={setNotHovered}\n        disabled={disabled}\n        loading={loading}\n        data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n      >\n        {children}\n      </Button>\n      <div className={styles.secondaryButtonWrapper}>\n        <Dialog\n          wrapperClassName={secondaryDialogClassName}\n          zIndex={zIndex}\n          content={actionsContent}\n          position={secondaryDialogPosition as DialogPosition}\n          containerSelector={dialogContainerSelector}\n          startingEdge={animationEdgePosition}\n          animationType={AnimationType.EXPAND}\n          moveBy={DIALOG_MOVE_BY}\n          onDialogDidShow={showDialog}\n          onDialogDidHide={hideDialog}\n          showTrigger={dialogShowTrigger}\n          hideTrigger={dialogHideTrigger}\n        >\n          <Button\n            {...buttonProps}\n            ref={secondaryButtonRef}\n            preventClickAnimation\n            leftFlat\n            noSidePadding\n            color={color}\n            kind={kind}\n            className={styles.secondaryButton}\n            active={isDialogOpen}\n            marginRight={marginRight}\n            onFocus={setHovered}\n            onBlur={setNotHovered}\n            disabled={disabled}\n            ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n            ariaHasPopup\n            ariaExpanded={isDialogOpen}\n            data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n          >\n            <div className={styles.secondaryButtonIconWrapper}>\n              <DropdownChevronDown aria-hidden=\"true\" />\n            </div>\n          </Button>\n        </Dialog>\n      </div>\n    </div>\n  );\n};\n\ninterface SplitButtonStaticProps {\n  secondaryPositions: typeof SplitButtonSecondaryContentPosition;\n  secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition;\n  sizes: typeof Button.sizes;\n  colors: typeof Button.colors;\n  kinds: typeof Button.kinds;\n  inputTags: typeof Button.inputTags;\n  dialogPaddingSizes: typeof DialogContentContainer.sizes;\n}\n\nexport default withStaticPropsWithoutForwardRef<SplitButtonProps, SplitButtonStaticProps>(SplitButton, {\n  secondaryPositions: SplitButtonSecondaryContentPosition,\n  secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n  sizes: Button.sizes,\n  colors: Button.colors,\n  kinds: Button.kinds,\n  inputTags: Button.inputTags,\n  dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","_a$secondaryDialogCla","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","_a$kind","kind","_a$color","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","sizes","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"65CA0EA,IAkOeA,EAAAA,GAlOK,SAACC,GAAA,IACnBC,EAyByBD,EAzBzBC,uBAAsBC,EAyBGF,EAxBzBG,yBAAAA,OAA2BC,IAAHF,EAAGE,EAAIF,EAAAG,EAwBNL,EAvBzBM,yBAAAA,OAA2BF,IAAHC,EAAGD,EAAIC,EAC/BE,EAsByBP,EAtBzBO,+BAA8BC,EAsBLR,EArBzBS,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EAAAE,EAqBYV,EApBzBW,yBAAAA,OAA2B,IAAHD,EAAG,GAAEA,EAAAE,EAoBJZ,EAnBzBa,wBAAAA,OAA0B,IAAHD,EAAG,eAAcA,EACxCE,EAkByBd,EAlBzBc,wBAAuBC,EAkBEf,EAjBzBgB,kBAAAA,OAAoB,IAAHD,EAAG,SAAQA,EAC5BE,EAgByBjB,EAhBzBiB,SAIAC,EAYyBlB,EAZzBkB,QAAOC,EAYkBnB,EAXzBoB,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAWSrB,EAVzBsB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,GASyBvB,EATzBuB,UACAC,GAQyBxB,EARzBwB,SACAC,GAOyBzB,EAPzByB,UACAC,GAMyB1B,EANzB0B,QACAC,GAKyB3B,EALzB2B,SACAC,GAIyB5B,EAJzB4B,WACAC,GAGyB7B,EAHzB6B,YACAC,GAEyB9B,EAFzB8B,OACAC,GACyB/B,EADzB+B,GACeC,GAAUhC,EAAzB,eACGiC,GAAWC,EAAAlC,EA3BK,4XA8BnBmC,GAAsCC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA9CI,GAAYF,GAAA,GAAEG,GAAaH,GAAA,GAClCI,GAAgCL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAAxCE,GAASD,GAAA,GAAEE,GAAUF,GAAA,GAC5BG,GAAgCT,GAAS,GAAMU,GAAAR,EAAAO,GAAA,GAAxCE,GAAQD,GAAA,GAAEE,GAAWF,GAAA,GAGtBG,GAAMC,EAAO,MACbC,GAAqBD,EAAO,MAG5BE,GAAaC,GAAY,WAAA,OAAMT,IAAW,KAAO,CAACA,KAClDU,GAAgBD,GAAY,WAAA,OAAMT,IAAW,KAAQ,CAACA,KAEtDW,GAAkBF,GACtB,SAACG,GACC,OAAIvC,IACIwC,EAAcD,EAAEE,OAAuBC,EACjD,GACA,CAAC1C,IAGG2C,GAAYP,GAChB,SAACG,GACMD,GAAgBC,IACrBR,IAAY,EACd,GACA,CAACA,GAAaO,KAEVM,GAAeR,GAAY,WAAA,OAAML,IAAY,KAAQ,CAACA,KACtDc,GAAmBT,GACvB,SAACG,GACMD,GAAgBC,IACrBR,IAAY,EACd,GACA,CAACA,GAAaO,KAGVQ,GAAaV,GAAY,WAC7Bb,IAAc,GACdrC,GACF,GAAG,CAACqC,GAAerC,IAEb6D,GAAaX,GACjB,SAACY,EAAgBC,GACf1B,IAAc,GACdlC,IACkB,WAAd4D,GACFf,GAAmBgB,QAAQC,OAE/B,GACA,CAAC5B,GAAelC,IAMlB+D,EAAiB,CAAEH,UAAW,aAAcI,SAAUlB,GAAYH,IAAAA,KAClEoB,EAAiB,CAAEH,UAAW,aAAcI,SAAUhB,GAAeL,IAAAA,KAErEoB,EAAiB,CAAEH,UAAW,YAAaI,SAAUV,GAAWX,IAAAA,KAChEoB,EAAiB,CAAEH,UAAW,UAAWI,SAAUT,GAAcZ,IAAAA,KAGjEoB,EAAiB,CAAEH,UAAW,gBAAiBI,SAAUT,GAAcZ,IAAAA,KAGvEsB,EAAY,CAAEC,KAAMC,EAAYxB,IAAAA,GAAKqB,SAAUR,KAE/C,IAAMY,GAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,OACPC,EAASF,EAAQG,EAAU,QAAU5D,IACrC2D,EAASF,EAAQG,EAAU,SAAW1D,IAAO2D,EAAAA,EAAAA,EAAAA,EAAAA,EAE1CJ,CAAAA,EAAAA,EAAOK,WAAapD,IACpB+C,EAAO/C,OAASiB,IAChB8B,EAAOM,iBAAmB5C,IAC1BsC,EAAOO,QAAUzC,IACjBkC,EAAO5D,SAAWA,GAErBM,GACD,GACH,CAACA,GAAWH,EAAME,EAAOQ,GAAQiB,GAAUR,GAAcI,GAAW1B,IAGhEoE,GAAoBV,GAAQ,WAAA,OAAO1D,EAAW,GAAKqE,CAA2B,GAAG,CAACrE,IAElFsE,GAAoBZ,GAAQ,WAChC,OAAIpE,EAAgC,GAAAiF,OAAAC,EAAWC,GAA2B,CAAEC,EAAcC,gBACnFF,CACT,GAAG,CAACnF,IAEEsF,GAAiBxC,GAAY,WACjC,IAAMyC,EAA4C,mBAA3B7F,EAAwCA,IAA2BA,EAC1F,OACE8F,EAACC,cAAAC,GAAuBC,KAAMD,EAAuBE,MAAMC,QAASC,KAAMrF,GACvE8E,EAGP,GAAG,CAAC7F,EAAwBe,IAEtBsF,GAAwB3B,GAAQ,WACpC,MAAgC,WAA5B9D,EACK,GAEuB,iBAA5BA,EACK,SAGF,KACT,GAAG,CAACA,IAEJ,OACEkF,EACEC,cAAA,MAAA,CAAAzE,UAAWmD,GACXzB,IAAKA,GACLlB,GAAIA,GACS,cAAAC,IAAcuE,EAAUC,EAAuBC,aAAc1E,IAAG,YAClE2E,EAAgBD,cAE3BV,EAAAC,cAACW,EAAMC,OAAAC,OAAA,CAAA,EAEA5E,GAEL,CAAA6E,uBACA,EAAAtF,SAAUA,GACVC,UAAWA,GACXsF,WAAS,EACTzF,MAAOA,EACPF,KAAMA,EACNU,OAAQA,GACRJ,QAASA,GACTH,UAAWsD,EAAOmC,WAClBpF,WAAYA,GACZqF,QAAS7D,GACT8D,OAAQ5D,GACRrC,SAAUA,EACVC,QAASA,gBACIqF,EAAUC,EAAuBW,4BAA6BpF,MAE1EJ,IAEHoE,EAAAC,cAAA,MAAA,CAAKzE,UAAWsD,EAAOuC,wBACrBrB,EAACC,cAAAqB,GACCC,iBAAkB3G,EAClBF,OAAQA,EACRqF,QAASD,GACT0B,SAAU1G,EACV2G,kBAAmB1G,EACnB2G,aAAcnB,GACdoB,cAAeC,EAAcC,OAC7BC,OAAQC,EACRC,gBAAiBhE,GACjBiE,gBAAiBhE,GACjBiE,YAAa5C,GACb6C,YAAa3C,IAEbQ,EAAAC,cAACW,EAAMC,OAAAC,OAAA,CAAA,EACD5E,GAAW,CACfgB,IAAKE,GACL2D,uBAAqB,EACrBqB,UAAQ,EACRC,eACA,EAAA9G,MAAOA,EACPF,KAAMA,EACNG,UAAWsD,EAAOwD,gBAClBvG,OAAQS,GACRV,YAAaA,GACboF,QAAS7D,GACT8D,OAAQ5D,GACRrC,SAAUA,EACVqH,UAAWC,EACXC,cACA,EAAAC,aAAclG,GAAY,cACbgE,EAAUC,EAAuBkC,8BAA+B3G,MAE7EgE,EAAAC,cAAA,MAAA,CAAKzE,UAAWsD,EAAO8D,4BACrB5C,EAACC,cAAA4C,EAAgC,CAAA,cAAA,aAO/C,GAYuG,CACrGC,mBAAoBC,EACpBC,yBAA0BD,EAC1BE,MAAOrC,EAAOqC,MACdC,OAAQtC,EAAOsC,OACfC,MAAOvC,EAAOuC,MACdC,UAAWxC,EAAOwC,UAClBC,mBAAoBnD,EAAuB+C"}

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

@@ -1,2 +0,0 @@
-var n={button:"button_23539d0260",mainButton:"mainButton_c8dc6a972d",secondaryButton:"secondaryButton_d58a1853d9",secondaryButtonWrapper:"secondaryButtonWrapper_52ca20bcf0",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_528ac34fa2",active:"active_e2d1fdbf7a",disabled:"disabled_66a7338886",kindTertiary:"kindTertiary_c5cf588af1",colorPrimary:"colorPrimary_c5cf588af1",mainActive:"mainActive_a013314069",splitContentOpen:"splitContentOpen_4b0ff03007",hovered:"hovered_a5454f4224",colorBrand:"colorBrand_a013314069",colorPositive:"colorPositive_38a733621c",colorNegative:"colorNegative_38a733621c",kindPrimary:"kindPrimary_458ba4925c",colorOnPrimaryColor:"colorOnPrimaryColor_2ebfad2a14",kindSecondary:"kindSecondary_38a733621c"};!function(n){const r="s_id-b26d62194c18_3_58_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_23539d0260 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_23539d0260 .mainButton_c8dc6a972d {\n  margin-right: 0;\n}\n\n.button_23539d0260 .secondaryButton_d58a1853d9 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_52ca20bcf0 .secondaryButtonIconWrapper_528ac34fa2 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_e2d1fdbf7a {\n  transform: scale(0.95);\n}\n\n.disabled_66a7338886 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069 .mainButton_c8dc6a972d {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069 .mainButton_c8dc6a972d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069 .secondaryButton_d58a1853d9 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069 .secondaryButton_d58a1853d9:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069.splitContentOpen_4b0ff03007.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069.splitContentOpen_4b0ff03007.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9:hover,\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069.hovered_a5454f4224.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorPrimary_c5cf588af1.mainActive_a013314069.hovered_a5454f4224.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_c5cf588af1.colorBrand_a013314069.mainActive_a013314069 .mainButton_c8dc6a972d {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_c5cf588af1.colorBrand_a013314069.mainActive_a013314069 .secondaryButton_d58a1853d9 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_c5cf588af1.colorBrand_a013314069.mainActive_a013314069.splitContentOpen_4b0ff03007.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorBrand_a013314069.mainActive_a013314069.splitContentOpen_4b0ff03007.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9:hover,\n.kindTertiary_c5cf588af1.colorBrand_a013314069.mainActive_a013314069.hovered_a5454f4224.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorBrand_a013314069.mainActive_a013314069.hovered_a5454f4224.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_c5cf588af1.colorPositive_38a733621c.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorPositive_38a733621c:hover .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorPositive_38a733621c:focus .secondaryButton_d58a1853d9 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_c5cf588af1.colorPositive_38a733621c.splitContentOpen_4b0ff03007 .mainButton_c8dc6a972d,\n.kindTertiary_c5cf588af1.colorPositive_38a733621c:hover .mainButton_c8dc6a972d,\n.kindTertiary_c5cf588af1.colorPositive_38a733621c:focus .mainButton_c8dc6a972d {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_c5cf588af1.colorNegative_38a733621c.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorNegative_38a733621c:hover .secondaryButton_d58a1853d9,\n.kindTertiary_c5cf588af1.colorNegative_38a733621c:focus .secondaryButton_d58a1853d9 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_c5cf588af1.colorNegative_38a733621c.splitContentOpen_4b0ff03007 .mainButton_c8dc6a972d,\n.kindTertiary_c5cf588af1.colorNegative_38a733621c:hover .mainButton_c8dc6a972d,\n.kindTertiary_c5cf588af1.colorNegative_38a733621c:focus .mainButton_c8dc6a972d {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_c5cf588af1 .secondaryButton_d58a1853d9 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_458ba4925c.disabled_66a7338886 .secondaryButton_d58a1853d9 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorPrimary_c5cf588af1.mainActive_a013314069 .secondaryButton_d58a1853d9 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorPrimary_c5cf588af1 .secondaryButton_d58a1853d9 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorBrand_a013314069.mainActive_a013314069 .secondaryButton_d58a1853d9 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorBrand_a013314069 .secondaryButton_d58a1853d9 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorPositive_38a733621c .secondaryButton_d58a1853d9 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorNegative_38a733621c .secondaryButton_d58a1853d9 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_458ba4925c:not(.disabled_66a7338886).colorOnPrimaryColor_2ebfad2a14 .secondaryButton_d58a1853d9 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_38a733621c .mainButton_c8dc6a972d {\n  border-right: none;\n}\n\n.kindSecondary_38a733621c.colorPrimary_c5cf588af1.mainActive_a013314069 .mainButton_c8dc6a972d {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_38a733621c.colorPrimary_c5cf588af1.mainActive_a013314069 .mainButton_c8dc6a972d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_38a733621c.colorPrimary_c5cf588af1.mainActive_a013314069 .secondaryButton_d58a1853d9 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_38a733621c.colorPrimary_c5cf588af1.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_38a733621c.colorPrimary_c5cf588af1.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_38a733621c.colorBrand_a013314069.mainActive_a013314069 .mainButton_c8dc6a972d {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_38a733621c.colorBrand_a013314069.mainActive_a013314069 .secondaryButton_d58a1853d9 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_38a733621c.colorBrand_a013314069.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9,\n.kindSecondary_38a733621c.colorBrand_a013314069.splitContentOpen_4b0ff03007 .secondaryButton_d58a1853d9:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
-//# sourceMappingURL=SplitButton.module.scss.js.map

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

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

package/dist/src/components/SplitButton/SplitButtonConstants.js

@@ -1,2 +0,0 @@
-import{keyCodes as t}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{HideShowEvent as o}from"../Dialog/DialogConstants.js";var s={main:8,secondary:0},T=[o.CLICK],a=[o.CLICK_OUTSIDE,o.CLICK,o.ESCAPE_KEY],n="monday-style-split-button__secondary-button-wrapper",m=[t.ENTER],r={BOTTOM:"bottom",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},O={BOTTOM_START:"bottom-start",BOTTOM_MIDDLE:"bottom",BOTTOM_END:"bottom-end"},i="additional actions";export{a as DEFAULT_DIALOG_HIDE_TRIGGER,T as DEFAULT_DIALOG_SHOW_TRIGGER,s as DIALOG_MOVE_BY,r as DialogPosition,m as ENTER_KEYS,i as SECONDARY_BUTTON_ARIA_LABEL,n as SECONDARY_BUTTON_WRAPPER_CLASSNAME,O as SplitButtonSecondaryContentPosition};
-//# sourceMappingURL=SplitButtonConstants.js.map

package/dist/src/components/SplitButton/SplitButtonConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButtonConstants.js","sources":["../../../../src/components/SplitButton/SplitButtonConstants.ts"],"sourcesContent":["// Constants\nimport { keyCodes } from \"../../constants\";\nimport { HideShowEvent } from \"../Dialog/DialogConstants\";\n\nexport const DIALOG_MOVE_BY = { main: 8, secondary: 0 };\nexport const DEFAULT_DIALOG_SHOW_TRIGGER = [HideShowEvent.CLICK];\nexport const DEFAULT_DIALOG_HIDE_TRIGGER = [HideShowEvent.CLICK_OUTSIDE, HideShowEvent.CLICK, HideShowEvent.ESCAPE_KEY];\nexport const SECONDARY_BUTTON_WRAPPER_CLASSNAME = \"monday-style-split-button__secondary-button-wrapper\";\nexport const EMPTY_ARR: string[] = [];\n\nexport const ENTER_KEYS = [keyCodes.ENTER];\n\n//TODO Remove once change dialogPosition to const\nexport const DialogPosition = {\n  BOTTOM: \"bottom\",\n  BOTTOM_START: \"bottom-start\",\n  BOTTOM_END: \"bottom-end\"\n} as const;\n\nexport const SplitButtonSecondaryContentPosition = {\n  BOTTOM_START: DialogPosition.BOTTOM_START,\n  BOTTOM_MIDDLE: DialogPosition.BOTTOM,\n  BOTTOM_END: DialogPosition.BOTTOM_END\n} as const;\n\nexport type SplitButtonSecondaryContentPositionType =\n  (typeof SplitButtonSecondaryContentPosition)[keyof typeof SplitButtonSecondaryContentPosition];\n\nexport const SECONDARY_BUTTON_ARIA_LABEL = \"additional actions\";\n"],"names":["DIALOG_MOVE_BY","main","secondary","DEFAULT_DIALOG_SHOW_TRIGGER","HideShowEvent","CLICK","DEFAULT_DIALOG_HIDE_TRIGGER","CLICK_OUTSIDE","ESCAPE_KEY","SECONDARY_BUTTON_WRAPPER_CLASSNAME","ENTER_KEYS","keyCodes","ENTER","DialogPosition","BOTTOM","BOTTOM_START","BOTTOM_END","SplitButtonSecondaryContentPosition","BOTTOM_MIDDLE","SECONDARY_BUTTON_ARIA_LABEL"],"mappings":"qJAIO,IAAMA,EAAiB,CAAEC,KAAM,EAAGC,UAAW,GACvCC,EAA8B,CAACC,EAAcC,OAC7CC,EAA8B,CAACF,EAAcG,cAAeH,EAAcC,MAAOD,EAAcI,YAC/FC,EAAqC,sDAGrCC,EAAa,CAACC,EAASC,OAGvBC,EAAiB,CAC5BC,OAAQ,SACRC,aAAc,eACdC,WAAY,cAGDC,EAAsC,CACjDF,aAAcF,eACdK,cAAeL,SACfG,WAAYH,cAMDM,EAA8B"}

package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import r,{forwardRef as t,useRef as n}from"react";import o from"../../../hooks/useMergeRef.js";import u from"../../Menu/Menu/Menu.js";var i=t((function(t,i){var m=t.children,s=e(t,["children"]),f=n(null),a=o(i,f);return r.createElement(u,Object.assign({focusItemIndexOnMount:0},s,{ref:a}),m)}));export{i as default};
-//# sourceMappingURL=SplitButtonMenu.js.map

package/dist/src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButtonMenu.js","sources":["../../../../../src/components/SplitButton/SplitButtonMenu/SplitButtonMenu.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport Menu, { MenuProps } from \"../../Menu/Menu/Menu\";\n\nexport type SplitButtonMenuProps = Omit<MenuProps, \"focusItemIndexOnMount\"> & { children: React.ReactNode };\n\nconst SplitButtonMenu = forwardRef(\n  ({ children, ...splitButtonMenuProps }: SplitButtonMenuProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Menu focusItemIndexOnMount={0} {...splitButtonMenuProps} ref={mergedRef}>\n        {children}\n      </Menu>\n    );\n  }\n);\n\nexport default SplitButtonMenu;\n"],"names":["SplitButtonMenu","forwardRef","_a","ref","children","splitButtonMenuProps","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Menu","Object","assign","focusItemIndexOnMount"],"mappings":"8LAMMA,IAAAA,EAAkBC,GACtB,SAACC,EAA6DC,GAA7D,IAAEC,EAAyDF,EAAzDE,SAAaC,EAAoBC,EAAAJ,EAAnC,cACOK,EAAeC,EAAO,MACtBC,EAAYC,EAAYP,EAAKI,GAEnC,OACEI,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAC,sBAAuB,GAAOX,EAAoB,CAAEF,IAAKM,IAC5DL,EAGP"}

package/dist/src/components/Steps/Steps.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as e,useRef as s}from"react";import i from"classnames";import{NOOP as n}from"../../utils/function-utils.js";import r from"../../hooks/useMergeRef.js";import{StepsHeader as a}from"./StepsHeader.js";import{StepsType as p,StepsColor as d}from"./StepsConstants.js";import{getTestId as m,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./Steps.module.scss.js";var v=c(e((function(e,p){var d=e.className,c=e.id,v=e["data-testid"],f=e.steps,B=void 0===f?[]:f,P=e.activeStepIndex,S=void 0===P?0:P,h=e.type,j=void 0===h?"gallery":h,g=e.onChangeActiveStep,y=void 0===g?n:g,H=e.onFinish,x=e.color,C=e.areNavigationButtonsHidden,I=void 0!==C&&C,N=e.isContentOnTop,b=void 0!==N&&N,k=e.backButtonProps,E=void 0===k?{}:k,O=e.nextButtonProps,T=void 0===O?{}:O,A=e.finishButtonProps,F=void 0===A?{}:A,_=e.areButtonsIconsHidden,w=void 0!==_&&_,M=s(null),R=r(p,M);return o.createElement("div",{ref:R,className:i(u.steps,d),id:c,"data-testid":v||m(l.STEPS,c)},b&&B[S],o.createElement(a,{onChangeActiveStep:y,type:j,activeStepIndex:S,stepsCount:B.length,areNavigationButtonsHidden:I,color:x,backButtonProps:E,nextButtonProps:T,finishButtonProps:F,areButtonsIconsHidden:w,onFinish:H,className:i(t(t({},u.contentOnTop,b),u.contentOnBottom,!b))}),!b&&B[S])})),{types:p,colors:d});export{v as default};
-//# sourceMappingURL=Steps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.js","sources":["../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { StepsHeader } from \"./StepsHeader\";\nimport { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from \"./StepsConstants\";\nimport { StepsColor, StepsType } from \"./Steps.types\";\nimport { ButtonProps } from \"../Button\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Steps.module.scss\";\n\nexport interface StepsProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex?: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden?: boolean;\n  /**\n   * The list of steps in the steps component.\n   */\n  steps?: ReactElement[];\n  /**\n   * The visual style of the steps component.\n   */\n  type?: StepsType;\n  /**\n   * The color theme of the steps component.\n   */\n  color?: StepsColor;\n  /**\n   * If true, the content is displayed above the step navigation.\n   */\n  isContentOnTop?: boolean;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden?: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps?: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps?: Partial<ButtonProps>;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst Steps = forwardRef(\n  (\n    {\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      steps = [],\n      activeStepIndex = 0,\n      type = \"gallery\",\n      onChangeActiveStep = NOOP,\n      onFinish,\n      color,\n      areNavigationButtonsHidden = false,\n      isContentOnTop = false,\n      backButtonProps = {},\n      nextButtonProps = {},\n      finishButtonProps = {},\n      areButtonsIconsHidden = false\n    }: StepsProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.steps, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.STEPS, id)}\n      >\n        {isContentOnTop && steps[activeStepIndex]}\n        <StepsHeader\n          onChangeActiveStep={onChangeActiveStep}\n          type={type}\n          activeStepIndex={activeStepIndex}\n          stepsCount={steps.length}\n          areNavigationButtonsHidden={areNavigationButtonsHidden}\n          color={color}\n          backButtonProps={backButtonProps}\n          nextButtonProps={nextButtonProps}\n          finishButtonProps={finishButtonProps}\n          areButtonsIconsHidden={areButtonsIconsHidden}\n          onFinish={onFinish}\n          className={cx({\n            [styles.contentOnTop]: isContentOnTop,\n            [styles.contentOnBottom]: !isContentOnTop\n          })}\n        />\n        {!isContentOnTop && steps[activeStepIndex]}\n      </div>\n    );\n  }\n);\n\ninterface StepsStaticProps {\n  types: typeof StepsTypeEnum;\n  colors: typeof StepsColorEnum;\n}\n\nexport default withStaticProps<StepsProps, StepsStaticProps>(Steps, {\n  types: StepsTypeEnum,\n  colors: StepsColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","dataTestId","_ref$steps","steps","_ref$activeStepIndex","activeStepIndex","_ref$type","type","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","onFinish","color","_ref$areNavigationBut","areNavigationButtonsHidden","_ref$isContentOnTop","isContentOnTop","_ref$backButtonProps","backButtonProps","_ref$nextButtonProps","nextButtonProps","_ref$finishButtonProp","finishButtonProps","_ref$areButtonsIconsH","areButtonsIconsHidden","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","getTestId","ComponentDefaultTestId","STEPS","StepsHeader","stepsCount","length","_defineProperty","contentOnTop","contentOnBottom","types","StepsTypeEnum","colors","StepsColorEnum"],"mappings":"ukBA+DA,IA4DeA,EAAAA,EA5DDC,GACZ,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAAaK,EAAAL,EACbM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACnBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAX,EAChBY,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAQd,EAARc,SACAC,EAAKf,EAALe,MAAKC,EAAAhB,EACLiB,2BAAAA,OAA6B,IAAHD,GAAQA,EAAAE,EAAAlB,EAClCmB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAApB,EACtBqB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAtB,EACpBuB,gBAAAA,OAAe,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAxB,EACpByB,kBAAAA,OAAiB,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAA1B,EACtB2B,sBAAAA,OAAwB,IAAHD,GAAQA,EAIzBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnC,OACEI,EAAAC,cAAA,MAAA,CACEhC,IAAK6B,EACL5B,UAAWgC,EAAGC,EAAO7B,MAAOJ,GAC5BC,GAAIA,EAAE,cACOC,GAAcgC,EAAUC,EAAuBC,MAAOnC,IAElEgB,GAAkBb,EAAME,GACzBwB,EAACC,cAAAM,GACC3B,mBAAoBA,EACpBF,KAAMA,EACNF,gBAAiBA,EACjBgC,WAAYlC,EAAMmC,OAClBxB,2BAA4BA,EAC5BF,MAAOA,EACPM,gBAAiBA,EACjBE,gBAAiBA,EACjBE,kBAAmBA,EACnBE,sBAAuBA,EACvBb,SAAUA,EACVZ,UAAWgC,EAAEQ,EAAAA,KACVP,EAAOQ,aAAexB,GACtBgB,EAAOS,iBAAmBzB,OAG7BA,GAAkBb,EAAME,GAGhC,IAQkE,CAClEqC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +0,0 @@
-var e={steps:"steps_b55df6cc64",contentOnTop:"contentOnTop_5784f85383",contentOnBottom:"contentOnBottom_5e728b3f66"};!function(e){const t="s_id-9e4623f942e8_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_b55df6cc64 .contentOnTop_5784f85383 {\n  margin-top: var(--spacing-medium);\n}\n.steps_b55df6cc64 .contentOnBottom_5e728b3f66 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=Steps.module.scss.js.map

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

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

package/dist/src/components/Steps/StepsCommand.js

@@ -1,2 +0,0 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as s}from"react";import e from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"lodash-es";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,_=C.onChangeActiveStep,b=void 0===_?a:_,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,y=void 0===P?{}:P,B=C.color,D=void 0===B?"primary":B,E=y.children,I=t(y,["children"]),O=i((function(){return E||(S?c:l)}),[S,E]),R=S?N+1:N-1,k=s((function(o){return b(o,R)}),[R,b]),x=S&&N===g-1||!S&&0===N,H=S?v:j;return r.createElement(m,Object.assign({className:e(d.command,o({},d.backward,!S)),"data-testid":S?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:k,disabled:x,color:D},I),O,M?null:r.createElement(n,{icon:H,className:e(d.icon,u(d,f("color-"+D)),o({},d.disabled,x))}))};export{C as StepsCommand};
-//# sourceMappingURL=StepsCommand.js.map

package/dist/src/components/Steps/StepsCommand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n  /**\n   * If true, this button is for moving to the next step.\n   */\n  isNext?: boolean;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation icon.\n   */\n  isIconHidden?: boolean;\n  /**\n   * Props applied to the button.\n   */\n  buttonProps?: Partial<ButtonProps>;\n  /**\n   * The color theme of the button.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n  isNext = false,\n  onChangeActiveStep = NOOP,\n  activeStepIndex,\n  stepsCount,\n  isIconHidden = false,\n  buttonProps = {},\n  color = \"primary\"\n}: StepsCommandProps) => {\n  const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n  const description = useMemo(() => {\n    if (buttonChildren) return buttonChildren;\n    return isNext ? NEXT_TEXT : BACK_TEXT;\n  }, [isNext, buttonChildren]);\n  const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n  const onClick = useCallback(\n    (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n    [newStepIndex, onChangeActiveStep]\n  );\n  const isDisabled = (isNext && activeStepIndex === stepsCount - 1) || (!isNext && activeStepIndex === 0);\n\n  const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n  return (\n    <Button\n      className={cx(styles.command, { [styles.backward]: !isNext })}\n      data-testid={\n        isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n      }\n      kind=\"tertiary\"\n      onClick={onClick}\n      disabled={isDisabled}\n      // @ts-ignore\n      color={color}\n      {...otherButtonProps}\n    >\n      {description}\n      {isIconHidden ? null : (\n        <Icon\n          icon={icon}\n          className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n            [styles.disabled]: isDisabled\n          })}\n        />\n      )}\n    </Button>\n  );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"6uBA6CaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

package/dist/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +0,0 @@
-var e={command:"command_8f297938f5",backward:"backward_9cdb0ffe66",icon:"icon_64225624d4",disabled:"disabled_10490bdd33",colorOnPrimaryColor:"colorOnPrimaryColor_383817a7f8",colorOnInvertedBackground:"colorOnInvertedBackground_dc334219e3"};!function(e){const n="s_id-b004c6aa2b0d_3_58_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_8f297938f5 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_8f297938f5.backward_9cdb0ffe66 {\n  flex-direction: row-reverse;\n}\n.icon_64225624d4 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_64225624d4.disabled_10490bdd33 {\n  color: var(--disabled-text-color);\n}\n.icon_64225624d4.colorOnPrimaryColor_383817a7f8 {\n  color: var(--text-color-on-primary);\n}\n.icon_64225624d4.colorOnInvertedBackground_dc334219e3 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
-//# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.module.scss.js.map

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

package/dist/src/components/Steps/StepsConstants.js

@@ -1,2 +0,0 @@
-var n,o,r,e="Next",i="Back",t="Finish";!function(n){n.NUMBERS="numbers",n.GALLERY="gallery"}(n||(n={})),function(n){n.PAGE="page",n.STEP="step",n.LOCATION="location",n.DATE="date",n.TIME="time"}(o||(o={})),function(n){n.PRIMARY="primary",n.ON_PRIMARY_COLOR="on-primary-color",n.ON_INVERTED_BACKGROUND="on-inverted-background"}(r||(r={}));export{i as BACK_TEXT,t as FINISH_TEXT,e as NEXT_TEXT,r as StepsColor,o as StepsDotAriaCurrent,n as StepsType};
-//# sourceMappingURL=StepsConstants.js.map

package/dist/src/components/Steps/StepsConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsConstants.js","sources":["../../../../src/components/Steps/StepsConstants.ts"],"sourcesContent":["export const NEXT_TEXT = \"Next\";\nexport const BACK_TEXT = \"Back\";\nexport const FINISH_TEXT = \"Finish\";\n\n/**\n * @deprecated\n */\nexport enum StepsType {\n  NUMBERS = \"numbers\",\n  GALLERY = \"gallery\"\n}\n\n/**\n * @deprecated\n */\nexport enum StepsDotAriaCurrent {\n  PAGE = \"page\",\n  STEP = \"step\",\n  LOCATION = \"location\",\n  DATE = \"date\",\n  TIME = \"time\"\n}\n\n/**\n * @deprecated\n */\nexport enum StepsColor {\n  PRIMARY = \"primary\",\n  ON_PRIMARY_COLOR = \"on-primary-color\",\n  ON_INVERTED_BACKGROUND = \"on-inverted-background\"\n}\n"],"names":["StepsType","StepsDotAriaCurrent","StepsColor","NEXT_TEXT","BACK_TEXT","FINISH_TEXT"],"mappings":"AAAO,IAOKA,EAQAC,EAWAC,EA1BCC,EAAY,OACZC,EAAY,OACZC,EAAc,UAK3B,SAAYL,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,wBACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Steps/StepsDot.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import{camelCase as o,noop as t}from"lodash-es";import s from"react";import a from"./StepsDot.module.scss.js";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";var l=function(l){var m=l.isActive,p=l.onClick,c=void 0===p?t:p,n=l.ariaCurrent,u=l.className;return s.createElement("button",{type:"button","aria-label":l.ariaLabel,"aria-current":!!m&&(void 0===n?"step":n),className:e(a.dot,i(a,o("color-"+l.color)),r({},a.isActive,m),u),onClick:c})};export{l as StepsDot};
-//# sourceMappingURL=StepsDot.js.map

package/dist/src/components/Steps/StepsDot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsDot.js","sources":["../../../../src/components/Steps/StepsDot.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { noop as NOOP, camelCase } from \"lodash-es\";\nimport { StepsColor, StepsDotAriaCurrent } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport React, { FC } from \"react\";\nimport styles from \"./StepsDot.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nexport interface StepsDotProps extends VibeComponentProps {\n  /**\n   * Callback fired when the dot is clicked.\n   */\n  onClick?: (e: React.MouseEvent) => void;\n  /**\n   * ARIA attribute to indicate the current step.\n   */\n  ariaCurrent?: StepsDotAriaCurrent | boolean;\n  /**\n   * If true, marks the dot as active.\n   */\n  isActive?: boolean;\n  /**\n   * The ARIA label for the dot.\n   */\n  ariaLabel?: string;\n  /**\n   * The color theme of the dot.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsDot: FC<StepsDotProps> = ({\n  isActive,\n  onClick = NOOP,\n  ariaCurrent = \"step\",\n  ariaLabel,\n  color,\n  className\n}: StepsDotProps) => {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-current={isActive ? ariaCurrent : false}\n      className={cx(\n        styles.dot,\n        getStyle(styles, camelCase(\"color-\" + color)),\n        {\n          [styles.isActive]: isActive\n        },\n        className\n      )}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["StepsDot","_ref","isActive","_ref$onClick","onClick","NOOP","_ref$ariaCurrent","ariaCurrent","className","React","createElement","type","ariaLabel","cx","styles","dot","getStyle","camelCase","color","_defineProperty"],"mappings":"kSA+BaA,EAA8B,SAAtBC,GAOD,IANlBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAGAC,EAASP,EAATO,UAEA,OACEC,EACEC,cAAA,SAAA,CAAAC,KAAK,sBANAV,EAATW,UAOyB,iBACPV,SATJ,IAAHI,EAAG,OAAMA,GAUhBE,UAAWK,EACTC,EAAOC,IACPC,EAASF,EAAQG,EAAU,SAV5BhB,EAALiB,QAUmDC,EAE1CL,GAAAA,EAAOZ,SAAWA,GAErBM,GAEFJ,QAASA,GAGf"}

package/dist/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +0,0 @@
-var o={dot:"dot_b5fb1a9fa6","focus-visible":"focus-visible_c354c93c79",isActive:"isActive_50fc884a79",colorOnPrimaryColor:"colorOnPrimaryColor_104e47193a",colorOnInvertedBackground:"colorOnInvertedBackground_57954e3cee"};!function(o){const n="s_id-cedbbb07e913_3_58_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.dot_b5fb1a9fa6 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_b5fb1a9fa6:focus-visible, .dot_b5fb1a9fa6.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b5fb1a9fa6:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.dot_b5fb1a9fa6:focus-visible, .dot_b5fb1a9fa6.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b5fb1a9fa6:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.dot_b5fb1a9fa6:hover {\n  transform: scale(1.3);\n}\n.isActive_50fc884a79 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_104e47193a.dot_b5fb1a9fa6 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_104e47193a.dot_b5fb1a9fa6:focus-visible, .colorOnPrimaryColor_104e47193a.dot_b5fb1a9fa6.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_104e47193a.dot_b5fb1a9fa6:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.colorOnPrimaryColor_104e47193a.dot_b5fb1a9fa6.isActive_50fc884a79 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_57954e3cee.dot_b5fb1a9fa6 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_57954e3cee.dot_b5fb1a9fa6.isActive_50fc884a79 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
-//# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/src/components/Steps/StepsDot.module.scss.js.map

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

package/dist/src/components/Steps/StepsGalleryHeader.js

@@ -1,2 +0,0 @@
-import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"lodash-es";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,u=s.onChangeActiveStep,m=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=m||v,S=t((function(){return d.map((function(e){return function(t){return u(t,e)}}))}),[u,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),ariaLabel:y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
-//# sourceMappingURL=StepsGalleryHeader.js.map

package/dist/src/components/Steps/StepsGalleryHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { range } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * A function to generate step descriptions for accessibility.\n   */\n  stepDescriptionFunc?: (stepIndex: number) => string;\n  /**\n   * The color theme of the gallery header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n  activeStepIndex,\n  stepsCount,\n  onChangeActiveStep,\n  stepDescriptionFunc,\n  color,\n  className\n}) => {\n  const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n  const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n  const overrideStepDescriptionFunc = stepDescriptionFunc || defaultStepDescriptionFunc;\n  const onClickFunctions = useMemo(\n    () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n    [onChangeActiveStep, stepsPlaceholders]\n  );\n\n  const galleryDots = useMemo(\n    () =>\n      stepsPlaceholders.map(\n        stepIndex => (\n          <StepsDot\n            isActive={activeStepIndex === stepIndex}\n            key={`monday-style-step-dot-${stepIndex + 1}`}\n            ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n            onClick={onClickFunctions[stepIndex]}\n            color={color}\n            className={styles.galleryHeaderDot}\n          />\n        ),\n        []\n      ),\n    [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n  );\n\n  return (\n    <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n      {galleryDots || null}\n    </div>\n  );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"gNA+BaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={galleryHeader:"galleryHeader_52251f3438",galleryHeaderDot:"galleryHeaderDot_5b96276afe"};!function(e){const a="s_id-62748f4c4e74_3_58_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_52251f3438 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_52251f3438 .galleryHeaderDot_5b96276afe {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_52251f3438 .galleryHeaderDot_5b96276afe:last-child {\n  margin-right: 0;\n}");export{e as default};
-//# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js.map

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

package/dist/src/components/Steps/StepsHeader.js

@@ -1,2 +0,0 @@
-import e,{useMemo as t}from"react";import o from"classnames";import{StepsCommand as n}from"./StepsCommand.js";import{StepsGalleryHeader as r}from"./StepsGalleryHeader.js";import{StepsNumbersHeader as s}from"./StepsNumbersHeader.js";import{FINISH_TEXT as i}from"./StepsConstants.js";import a from"../Button/Button.js";import c from"./StepsHeader.module.scss.js";var p=function(p){var m=p.activeStepIndex,l=p.onChangeActiveStep,u=p.stepsCount,d=p.areNavigationButtonsHidden,v=p.backButtonProps,S=p.nextButtonProps,f=p.finishButtonProps,C=p.areButtonsIconsHidden,g=p.color,h=void 0===g?"primary":g,x=p.onFinish,j=p.className,B="gallery"===p.type?r:s,H=t((function(){if(x)return m===u-1}),[m,x,u]);return e.createElement("div",{className:o(c.header,j)},d?null:e.createElement(n,{isNext:!1,isIconHidden:C,onChangeActiveStep:l,activeStepIndex:m,stepsCount:u,buttonProps:v,color:h}),e.createElement(B,{activeStepIndex:m,stepsCount:u,onChangeActiveStep:l,color:h}),d?null:e.createElement(e.Fragment,null,H?e.createElement(a,Object.assign({onClick:x,color:h},f),(null==f?void 0:f.children)||i):e.createElement(n,{isNext:!0,isIconHidden:C,activeStepIndex:m,onChangeActiveStep:l,stepsCount:u,buttonProps:S,color:h})))};export{p as StepsHeader};
-//# sourceMappingURL=StepsHeader.js.map

package/dist/src/components/Steps/StepsHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsHeader.js","sources":["../../../../src/components/Steps/StepsHeader.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { StepsCommand } from \"./StepsCommand\";\nimport { StepsGalleryHeader, StepsGalleryHeaderProps } from \"./StepsGalleryHeader\";\nimport { StepsNumbersHeader, StepsNumbersHeaderProps } from \"./StepsNumbersHeader\";\nimport { FINISH_TEXT } from \"./StepsConstants\";\nimport { StepsType, StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport styles from \"./StepsHeader.module.scss\";\n\nexport interface StepsHeaderProps extends VibeComponentProps {\n  /**\n   * The type of steps header.\n   */\n  type: StepsType;\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * Callback fired when the active step changes.\n   */\n  onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  areNavigationButtonsHidden: boolean;\n  /**\n   * Props applied to the back button.\n   */\n  backButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the next button.\n   */\n  nextButtonProps: Partial<ButtonProps>;\n  /**\n   * Props applied to the finish button.\n   */\n  finishButtonProps: Partial<ButtonProps>;\n  /**\n   * If true, hides the icons in the navigation buttons.\n   */\n  areButtonsIconsHidden: boolean;\n  /**\n   * The color theme of the steps header.\n   */\n  color?: StepsColor;\n  /**\n   * Callback fired when the finish button is clicked.\n   */\n  onFinish?: (e: React.MouseEvent) => void;\n}\n\nexport const StepsHeader: FC<StepsHeaderProps> = ({\n  type,\n  activeStepIndex,\n  onChangeActiveStep,\n  stepsCount,\n  areNavigationButtonsHidden,\n  backButtonProps,\n  nextButtonProps,\n  finishButtonProps,\n  areButtonsIconsHidden,\n  color = \"primary\",\n  onFinish,\n  className\n}: StepsHeaderProps) => {\n  const SubHeaderComponent: FC<StepsGalleryHeaderProps | StepsNumbersHeaderProps> =\n    type === \"gallery\" ? StepsGalleryHeader : StepsNumbersHeader;\n\n  // TODO: [breaking] make finish button as default in next major\n  const showFinishButton = useMemo(() => {\n    if (!onFinish) {\n      return;\n    }\n    return activeStepIndex === stepsCount - 1;\n  }, [activeStepIndex, onFinish, stepsCount]);\n\n  return (\n    <div className={cx(styles.header, className)}>\n      {areNavigationButtonsHidden ? null : (\n        <StepsCommand\n          isNext={false}\n          isIconHidden={areButtonsIconsHidden}\n          onChangeActiveStep={onChangeActiveStep}\n          activeStepIndex={activeStepIndex}\n          stepsCount={stepsCount}\n          buttonProps={backButtonProps}\n          color={color}\n        />\n      )}\n      <SubHeaderComponent\n        activeStepIndex={activeStepIndex}\n        stepsCount={stepsCount}\n        onChangeActiveStep={onChangeActiveStep}\n        color={color}\n      />\n      {areNavigationButtonsHidden ? null : (\n        <>\n          {showFinishButton ? (\n            <Button onClick={onFinish} color={color} {...finishButtonProps}>\n              {finishButtonProps?.children || FINISH_TEXT}\n            </Button>\n          ) : (\n            <StepsCommand\n              isNext\n              isIconHidden={areButtonsIconsHidden}\n              activeStepIndex={activeStepIndex}\n              onChangeActiveStep={onChangeActiveStep}\n              stepsCount={stepsCount}\n              buttonProps={nextButtonProps}\n              color={color}\n            />\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["StepsHeader","_ref","activeStepIndex","onChangeActiveStep","stepsCount","areNavigationButtonsHidden","backButtonProps","nextButtonProps","finishButtonProps","areButtonsIconsHidden","_ref$color","color","onFinish","className","SubHeaderComponent","type","StepsGalleryHeader","StepsNumbersHeader","showFinishButton","useMemo","React","createElement","cx","styles","header","StepsCommand","isNext","isIconHidden","buttonProps","Fragment","Button","Object","assign","onClick","children","FINISH_TEXT"],"mappings":"6WA0DaA,EAAoC,SAAzBC,GAaD,IAXrBC,EAAeD,EAAfC,gBACAC,EAAkBF,EAAlBE,mBACAC,EAAUH,EAAVG,WACAC,EAA0BJ,EAA1BI,2BACAC,EAAeL,EAAfK,gBACAC,EAAeN,EAAfM,gBACAC,EAAiBP,EAAjBO,kBACAC,EAAqBR,EAArBQ,sBAAqBC,EAAAT,EACrBU,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EACjBE,EAAQX,EAARW,SACAC,EAASZ,EAATY,UAEMC,EACK,YAdPb,EAAJc,KAcuBC,EAAqBC,EAGtCC,EAAmBC,GAAQ,WAC/B,GAAKP,EAGL,OAAOV,IAAoBE,EAAa,CACzC,GAAE,CAACF,EAAiBU,EAAUR,IAE/B,OACEgB,EAAKC,cAAA,MAAA,CAAAR,UAAWS,EAAGC,EAAOC,OAAQX,IAC/BR,EAA6B,KAC5Be,EAACC,cAAAI,GACCC,QAAQ,EACRC,aAAclB,EACdN,mBAAoBA,EACpBD,gBAAiBA,EACjBE,WAAYA,EACZwB,YAAatB,EACbK,MAAOA,IAGXS,EAAAC,cAACP,EACC,CAAAZ,gBAAiBA,EACjBE,WAAYA,EACZD,mBAAoBA,EACpBQ,MAAOA,IAERN,EAA6B,KAC5Be,EACGC,cAAAD,EAAAS,SAAA,KAAAX,EACCE,EAAAC,cAACS,EAAOC,OAAAC,OAAA,CAAAC,QAASrB,EAAUD,MAAOA,GAAWH,IAC1CA,aAAA,EAAAA,EAAmB0B,WAAYC,GAGlCf,EAACC,cAAAI,GACCC,QAAM,EACNC,aAAclB,EACdP,gBAAiBA,EACjBC,mBAAoBA,EACpBC,WAAYA,EACZwB,YAAarB,EACbI,MAAOA,KAOrB"}

package/dist/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={header:"header_eeaa86be52"};!function(e){const t="s_id-918f12c2f9aa_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_eeaa86be52 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.module.scss.js.map

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

package/dist/src/components/Steps/StepsNumbersHeader.js

@@ -1,2 +0,0 @@
-import r from"classnames";import e,{useMemo as t}from"react";import o from"../Text/Text.js";import n from"./StepsNumbersHeader.module.scss.js";var m=function(m){var a=m.activeStepIndex,c=m.stepsCount,s=m.color,i=t((function(){return"primary"===s?s:"on-inverted-background"===s?"onInverted":"onPrimary"}),[s]);return e.createElement(o,{type:"text2",color:i,className:r(n.numbers)},"".concat(a+1," \\ ").concat(c))};export{m as StepsNumbersHeader};
-//# sourceMappingURL=StepsNumbersHeader.js.map

package/dist/src/components/Steps/StepsNumbersHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, useMemo } from \"react\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Text from \"../Text/Text\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps extends VibeComponentProps {\n  /**\n   * The index of the currently active step.\n   */\n  activeStepIndex: number;\n  /**\n   * The total number of steps.\n   */\n  stepsCount: number;\n  /**\n   * The color theme of the steps numbers header.\n   */\n  color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n  const textColor = useMemo(() => {\n    if (color === \"primary\") {\n      return color;\n    } else {\n      return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n    }\n  }, [color]);\n\n  return (\n    <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n      activeStepIndex + 1\n    } \\\\ ${stepsCount}`}</Text>\n  );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"mJAsBaA,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +0,0 @@
-var e={numbers:"numbers_0669dcc718"};!function(e){const t="s_id-126f9ab60838_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_0669dcc718 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
-//# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js.map

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

package/dist/src/components/Switch/Switch.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as a,useMemo as l}from"react";import s from"classnames";import t from"../../hooks/useSwitch/index.js";import i from"./Switch.module.scss.js";var r=a((function(a,r){var c=a.id,n=a.name,d=a.value,o=a.role,h=a.disabled,m=a.ariaLabel,u=a.ariaLabelledBy,b=a.inputClassName,p=a.ariaControls,C=a.children,f=a.wrapperClassName,k=a["data-testid"],g=t({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),v=g.onChange,w=g.isChecked,j=l((function(){return e.cloneElement(C,Object.assign(Object.assign({},null==C?void 0:C.props),{checked:w}))}),[C,w]);return e.createElement("label",{htmlFor:c,className:f},e.createElement("input",{ref:r,id:c,"aria-controls":p,value:d,name:n,type:"checkbox",className:s(i["hidden-switch"],b),checked:w,role:o||"switch",onChange:v,disabled:h,"aria-label":m,"aria-labelledby":u,"aria-checked":w,"data-testid":k}),j)}));export{r as default};
-//# sourceMappingURL=Switch.js.map