@vibe/core 3.68.0-alpha-cd9cf.0 → 3.68.1

package/dist/mocked_classnames/src/components/NumberField/utils/calcValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcValue.js","sources":["../../../../../../src/components/NumberField/utils/calcValue.ts"],"sourcesContent":["import { type NumberFieldProps } from \"../NumberField.types\";\n\ntype CalculateSteppedValueProps = Pick<NumberFieldProps, \"value\" | \"step\" | \"min\" | \"max\" | \"allowOutOfBounds\"> & {\n  direction: number;\n};\n\nexport const calculateSteppedValue = ({\n  value,\n  direction,\n  step = 1,\n  min,\n  max,\n  allowOutOfBounds\n}: CalculateSteppedValueProps): number => {\n  const numericValue = value ?? 0;\n  let newValue = numericValue + direction * step;\n\n  if (allowOutOfBounds) {\n    return newValue;\n  }\n\n  if (min !== undefined) {\n    newValue = Math.max(min, newValue);\n  }\n  if (max !== undefined) {\n    newValue = Math.min(max, newValue);\n  }\n  return newValue;\n};\n"],"names":["calculateSteppedValue","_ref","value","_ref$step","step","min","max","newValue","direction","allowOutOfBounds","undefined","Math"],"mappings":"IAMaA,EAAwB,SAAHC,GAOO,IANvCC,EAAKD,EAALC,MACSC,EAAAF,EACTG,KACAC,EAAGJ,EAAHI,IACAC,EAAGL,EAAHK,IAIIC,GADiBL,QAAAA,EAAS,GANrBD,EAATO,gBACO,IAAHL,EAAG,EAACA,GAQR,OALgBF,EAAhBQ,wBASYC,IAARL,IACFE,EAAWI,KAAKL,IAAID,EAAKE,SAEfG,IAARJ,IACFC,EAAWI,KAAKN,IAAIC,EAAKC,KAPlBA,CAUX"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.js

@@ -0,0 +1,2 @@
+import{defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{useMemo as a}from"react";import{camelCase as t}from"es-toolkit";import{getStyle as s}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as l}from"../../../../tests/testIds.js";import i from"classnames";import{calculatePercentage as m}from"../LinearProgressBarHelpers.js";import n from"./Bar.module.scss.js";var p=function(p){var u=p.value,c=p.type,d=p.barStyle,f=p.animated,b=p.min,v=p.max,j=p.color,y=p.barLabelName,g=p.id,B=p["data-testid"],_=p.className,x=a((function(){return i(n.bar,s(n,t("type__"+c+"--"+d)),_,r({},n.animate,f))}),[c,d,f,_]),H=a((function(){return null==u?0:m(u,b,v)}),[u,b,v]);return u?e.createElement("div",{role:"progressbar","aria-label":y,"aria-valuenow":H,"aria-valuemin":0,"aria-valuemax":100,className:x,style:Object.assign({width:"".concat(H,"%")},j&&{backgroundColor:j}),id:g,"data-testid":B||o(l.BAR,g)}):null};export{p as default};
+//# sourceMappingURL=Bar.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.js","sources":["../../../../../../../src/components/ProgressBars/LinearProgressBar/Bar/Bar.tsx"],"sourcesContent":["import React, { type FC, useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { calculatePercentage } from \"../LinearProgressBarHelpers\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type LinearProgressBarStyle } from \"../LinearProgressBar.types\";\nimport styles from \"./Bar.module.scss\";\n\nexport type BarType = \"primary\" | \"secondary\";\n\nexport interface BarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * Base class name for the bar.\n   */\n  baseClass?: string;\n  /**\n   * The ARIA label describing the progress bar.\n   */\n  barLabelName?: string;\n  /**\n   * Custom color for the progress bar.\n   */\n  color?: string;\n  /**\n   * The type of the bar.\n   */\n  type?: BarType;\n}\n\nconst Bar: FC<BarProps> = ({\n  value,\n  type,\n  barStyle,\n  animated,\n  min,\n  max,\n  color,\n  barLabelName,\n  id,\n  \"data-testid\": dataTestId,\n  className\n}) => {\n  const classNames = useMemo(() => {\n    return cx(styles.bar, getStyle(styles, camelCase(\"type__\" + type + \"--\" + barStyle)), className, {\n      [styles.animate]: animated\n    });\n  }, [type, barStyle, animated, className]);\n\n  const valuePercentage = useMemo(() => {\n    if (value === null || value === undefined) return 0;\n    return calculatePercentage(value, min, max);\n  }, [value, min, max]);\n\n  if (!value) return null;\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-label={barLabelName}\n      aria-valuenow={valuePercentage}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      className={classNames}\n      style={{\n        width: `${valuePercentage}%`,\n        ...(color && { backgroundColor: color })\n      }}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.BAR, id)}\n    />\n  );\n};\n\nexport default Bar;\n"],"names":["Bar","_ref","value","type","barStyle","animated","min","max","color","barLabelName","id","dataTestId","className","classNames","useMemo","cx","styles","bar","getStyle","camelCase","_defineProperty","animate","valuePercentage","calculatePercentage","React","createElement","role","style","width","concat","backgroundColor","getTestId","ComponentDefaultTestId","BAR"],"mappings":"ocAmDA,IAAMA,EAAoB,SAAjBC,GAYJ,IAXHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aACAC,EAAET,EAAFS,GACeC,EAAUV,EAAzB,eACAW,EAASX,EAATW,UAEMC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,IAAKC,EAASF,EAAQG,EAAU,SAAWhB,EAAO,KAAOC,IAAYQ,EAASQ,EAC5FJ,CAAAA,EAAAA,EAAOK,QAAUhB,GAErB,GAAE,CAACF,EAAMC,EAAUC,EAAUO,IAExBU,EAAkBR,GAAQ,WAC9B,OAAIZ,QAA8C,EAC3CqB,EAAoBrB,EAAOI,EAAKC,EACxC,GAAE,CAACL,EAAOI,EAAKC,IAEhB,OAAKL,EAGHsB,EACEC,cAAA,MAAA,CAAAC,KAAK,2BACOjB,EAAY,gBACTa,EAAe,gBACf,EAAC,gBACD,IACfV,UAAWC,EACXc,qBACEC,MAAK,GAAAC,OAAKP,EAAe,MACrBd,GAAS,CAAEsB,gBAAiBtB,IAElCE,GAAIA,EAAE,cACOC,GAAcoB,EAAUC,EAAuBC,IAAKvB,KAflD,IAkBrB"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -0,0 +1,2 @@
+var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){const e="s_id-47cfcfa6b681_3_68_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width 300ms var(--motion-timing-transition);\n}");export{r as default};
+//# sourceMappingURL=Bar.module.scss.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js.map

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

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js

@@ -0,0 +1,2 @@
+import{defineProperty as e,toConsumableArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useMemo as s}from"react";import l from"classnames";import{SIZES as i}from"../../../constants/sizes.js";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import n from"../PercentageLabel/PercentageLabel.js";import{ProgressBarStyle as m,ProgressBarType as c}from"./LinearProgressBarConstants.js";import{calculatePercentage as d,getProgressBarClassNames as u}from"./LinearProgressBarHelpers.js";import p from"./Bar/Bar.js";import{withStaticProps as v}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{ComponentDefaultTestId as f,ComponentVibeId as y}from"../../../tests/constants.js";import{getTestId as b}from"../../../tests/testIds.js";import E from"./LinearProgressBar.module.scss.js";var R=v(t((function(t,i){var m=t.min,c=void 0===m?0:m,v=t.max,R=void 0===v?100:v,j=t.value,P=void 0===j?0:j,S=t.valueSecondary,_=void 0===S?0:S,g=t.animated,B=void 0===g||g,N=t.barStyle,A=void 0===N?"primary":N,L=t.className,h=t.size,x=void 0===h?"small":h,C=t.indicateProgress,I=void 0!==C&&C,z=t.multi,H=void 0!==z&&z,O=t.multiValues,w=void 0===O?[]:O,F=t.ariaLabel,G=void 0===F?"":F,M=t.id,W=t.fullWidth,Y=void 0!==W&&W,k=t["data-testid"],D=s((function(){return l(E.wrapper,e(e({},o(E,""+x),x),E.fullWidth,Y),L)}),[x,Y,L]),T=s((function(){if(H){var e=w&&w.length&&w[0].value;return null==e?0:d(e,c,R)}return null==P?0:d(P,c,R)}),[P,c,R,H,w]),V=s((function(){return H?a.createElement(a.Fragment,null,r(w).reverse().map((function(e,r){var t=e.value,s=e.color;return a.createElement(p,{className:u(t),barStyle:"none",value:t,animated:B,type:"primary",color:s,min:c,max:R,id:"bar_".concat(s,"_").concat(r),key:"bar_".concat(s,"_").concat(r)})}))):null}),[c,R,B,w,H]),q=I?a.createElement(n,{forElement:"linear-progress-bar",value:T}):null,J=H?null:a.createElement(a.Fragment,null,a.createElement(p,{className:u(P),barLabelName:G,barStyle:A,value:_,animated:B,type:"secondary",min:c,max:R,"data-testid":f.BAR_SECONDARY}),a.createElement(p,{className:u(P),barStyle:A,value:P,animated:B,type:"primary",min:c,max:R,"data-testid":f.BAR_PRIMARY}));return a.createElement("div",{className:D,ref:i,id:M,"data-testid":k||b(f.LINEAR_PROGRESS_BAR,M),"data-vibe":y.LINEAR_PROGRESS_BAR},a.createElement("div",{className:E.container},J,V),q)})),{styles:m,barStyles:m,types:c,barTypes:c,sizes:i});export{R as default};
+//# sourceMappingURL=LinearProgressBar.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressBar.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n  ProgressBarStyle as ProgressBarStyleEnum,\n  ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { type LinearProgressBarSize, type LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n  /**\n   * Determines the visual style of the progress bar.\n   */\n  barStyle?: LinearProgressBarStyle;\n  /**\n   * The minimum value of the progress bar.\n   */\n  min?: number;\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The secondary progress value.\n   */\n  valueSecondary?: number;\n  /**\n   * If true, enables animation effects.\n   */\n  animated?: boolean;\n  /**\n   * The size of the progress bar.\n   */\n  size?: LinearProgressBarSize;\n  /**\n   * If true, displays the progress percentage.\n   */\n  indicateProgress?: boolean;\n  /**\n   * If true, enables multiple progress bars.\n   * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.\n   */\n  multi?: boolean;\n  /**\n   * An array of bar values and colors for multi-bar mode.\n   */\n  multiValues?: {\n    /**\n     * The progress value for a bar.\n     */\n    value?: number;\n    /**\n     * The bar color in hex format (`#000000` - `#ffffff`).\n     */\n    color?: string;\n  }[];\n  /**\n   * The ARIA label for the progress bar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, makes the progress bar span the full container width.\n   */\n  fullWidth?: boolean;\n}\n\nconst LinearProgressBar = forwardRef(\n  (\n    {\n      min = 0,\n      max = 100,\n      value = 0,\n      valueSecondary = 0,\n      animated = true,\n      barStyle = \"primary\",\n      className,\n      size = \"small\",\n      indicateProgress = false,\n      multi = false,\n      multiValues = [],\n      ariaLabel = \"\",\n      id,\n      fullWidth = false,\n      \"data-testid\": dataTestId\n    }: LinearProgressBarProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const wrapperClassName = useMemo(() => {\n      return cx(\n        styles.wrapper,\n        {\n          [getStyle(styles, size.toString())]: size,\n          [styles.fullWidth]: fullWidth\n        },\n        className\n      );\n    }, [size, fullWidth, className]);\n\n    const valuePercentage = useMemo(() => {\n      if (multi) {\n        const firstValue = multiValues && multiValues.length && multiValues[0].value;\n        if (firstValue === null || firstValue === undefined) return 0;\n        return calculatePercentage(firstValue, min, max);\n      }\n      if (value === null || value === undefined) return 0;\n      return calculatePercentage(value, min, max);\n    }, [value, min, max, multi, multiValues]);\n\n    const renderMultiBars = useMemo(() => {\n      if (!multi) return null;\n      return (\n        <>\n          {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n            <Bar\n              className={getProgressBarClassNames(baseValue)}\n              barStyle=\"none\"\n              value={baseValue}\n              animated={animated}\n              type=\"primary\"\n              color={color}\n              min={min}\n              max={max}\n              id={`bar_${color}_${i}`}\n              key={`bar_${color}_${i}`}\n            />\n          ))}\n        </>\n      );\n    }, [min, max, animated, multiValues, multi]);\n\n    const renderPercentage = indicateProgress ? (\n      <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n    ) : null;\n\n    const renderBaseBars = !multi ? (\n      <>\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barLabelName={ariaLabel}\n          barStyle={barStyle}\n          value={valueSecondary}\n          animated={animated}\n          type=\"secondary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n        />\n        <Bar\n          className={getProgressBarClassNames(value)}\n          barStyle={barStyle}\n          value={value}\n          animated={animated}\n          type=\"primary\"\n          min={min}\n          max={max}\n          data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n        />\n      </>\n    ) : null;\n\n    return (\n      <div\n        className={wrapperClassName}\n        ref={ref}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n        data-vibe={ComponentVibeId.LINEAR_PROGRESS_BAR}\n      >\n        <div className={styles.container}>\n          {renderBaseBars}\n          {renderMultiBars}\n        </div>\n        {renderPercentage}\n      </div>\n    );\n  }\n);\n\ninterface LinearProgressBarStaticProps {\n  styles: typeof ProgressBarStyleEnum;\n  barStyles: typeof ProgressBarStyleEnum;\n  types: typeof ProgressBarTypeEnum;\n  barTypes: typeof ProgressBarTypeEnum;\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<LinearProgressBarProps, LinearProgressBarStaticProps>(LinearProgressBar, {\n  styles: ProgressBarStyleEnum,\n  barStyles: ProgressBarStyleEnum,\n  types: ProgressBarTypeEnum,\n  barTypes: ProgressBarTypeEnum,\n  sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","ComponentVibeId","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"+2BA8EA,IAwHeA,EAAAA,EAxHWC,GACxB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EACPK,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAN,EACTO,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAR,EACTS,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAClBW,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,EAAAZ,EACfa,SAAAA,OAAW,IAAHD,EAAG,UAASA,EACpBE,EAASd,EAATc,UAASC,EAAAf,EACTgB,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAjB,EACdkB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAnB,EACxBoB,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAArB,EACbsB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EAChBwB,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEzB,EAAFyB,GAAEC,EAAA1B,EACF2B,UAAAA,OAAY,IAAHD,GAAQA,EACFE,EAAU5B,EAAzB,eAII6B,EAAmBC,GAAQ,WAC/B,OAAOC,EACLC,EAAOC,QAAOC,EAAAA,EAAA,CAAA,EAEXC,EAASH,EAAQhB,MAAmBA,GACpCgB,EAAOL,UAAYA,GAEtBb,EAEH,GAAE,CAACE,EAAMW,EAAWb,IAEfsB,EAAkBN,GAAQ,WAC9B,GAAIV,EAAO,CACT,IAAMiB,EAAaf,GAAeA,EAAYgB,QAAUhB,EAAY,GAAGf,MACvE,OAAI8B,QAAwD,EACrDE,EAAoBF,EAAYlC,EAAKE,EAC7C,CACD,OAAIE,QAA8C,EAC3CgC,EAAoBhC,EAAOJ,EAAKE,EACzC,GAAG,CAACE,EAAOJ,EAAKE,EAAKe,EAAOE,IAEtBkB,EAAkBV,GAAQ,WAC9B,OAAKV,EAEHqB,EACGC,cAAAD,EAAAE,SAAA,KAAAC,EAAItB,GAAauB,UAAUC,KAAI,SAAAC,EAA8BC,GAAC,IAArBC,EAASF,EAAhBxC,MAAkB2C,EAAKH,EAALG,MAAK,OACxDT,EAACC,cAAAS,GACCrC,UAAWsC,EAAyBH,GACpCpC,SAAS,OACTN,MAAO0C,EACPtC,SAAUA,EACV0C,KAAK,UACLH,MAAOA,EACP/C,IAAKA,EACLE,IAAKA,EACLoB,GAAE,OAAA6B,OAASJ,OAAKI,OAAIN,GACpBO,WAAGD,OAASJ,EAAKI,KAAAA,OAAIN,IAExB,KAhBc,IAmBrB,GAAG,CAAC7C,EAAKE,EAAKM,EAAUW,EAAaF,IAE/BoC,EAAmBtC,EACvBuB,EAACC,cAAAe,EAAgB,CAAAC,WAAW,sBAAsBnD,MAAO6B,IACvD,KAEEuB,EAAkBvC,EAwBpB,KAvBFqB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCqD,aAAcpC,EACdX,SAAUA,EACVN,MAAOE,EACPE,SAAUA,EACV0C,KAAK,YACLlD,IAAKA,EACLE,IAAKA,gBACQwD,EAAuBC,gBAEtCrB,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCM,SAAUA,EACVN,MAAOA,EACPI,SAAUA,EACV0C,KAAK,UACLlD,IAAKA,EACLE,IAAKA,EAAG,cACKwD,EAAuBE,eAK1C,OACEtB,EACEC,cAAA,MAAA,CAAA5B,UAAWe,EACX5B,IAAKA,EACLwB,GAAIA,EACS,cAAAG,GAAcoC,EAAUH,EAAuBI,oBAAqBxC,GAAG,YACzEyC,EAAgBD,qBAE3BxB,EAAAC,cAAA,MAAA,CAAK5B,UAAWkB,EAAOmC,WACpBR,EACAnB,GAEFgB,EAGP,IAWsG,CACtGxB,OAAQoC,EACRC,UAAWD,EACXE,MAAOC,EACPC,SAAUD,EACVE,MAAOC"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -0,0 +1,2 @@
+var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){const n="s_id-5855608df299_3_68_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+//# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js.map

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

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.js

@@ -0,0 +1,2 @@
+var n,r;!function(n){n.PRIMARY="primary",n.SECONDARY="secondary"}(n||(n={})),function(n){n.PRIMARY="primary",n.SECONDARY="secondary",n.POSITIVE="positive",n.NEGATIVE="negative",n.WARNING="warning",n.NONE="none"}(r||(r={}));export{r as ProgressBarStyle,n as ProgressBarType};
+//# sourceMappingURL=LinearProgressBarConstants.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressBarConstants.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum ProgressBarType {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\"\n}\n\n/**\n * @deprecated\n */\nexport enum ProgressBarStyle {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  WARNING = \"warning\",\n  NONE = \"none\"\n}\n"],"names":["ProgressBarType","ProgressBarStyle"],"mappings":"IAGYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,WACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAPD,CAAYA,IAAAA,EAOX,CAAA"}

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.js

@@ -0,0 +1,2 @@
+import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import o from"./LinearProgressBar.module.scss.js";var s=function(r,e,o){var s=Number(r-e)/Number(o-e)*100;return s>100?100:s},m=function(s){return e(o.progressBar,r({},o.completed,s>=100))};export{s as calculatePercentage,m as getProgressBarClassNames};
+//# sourceMappingURL=LinearProgressBarHelpers.js.map

package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgressBarHelpers.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBarHelpers.ts"],"sourcesContent":["import { type SIZES } from \"./../../../constants/sizes\";\nimport cx from \"classnames\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const calculatePercentage = (value: number, min: number, max: number) => {\n  const valuePercentage = (Number(value - min) / Number(max - min)) * 100;\n  return valuePercentage > 100 ? 100 : valuePercentage;\n};\n\nexport const getProgressBarClassNames = (value: number) => {\n  return cx(styles.progressBar, { [styles.completed]: value >= 100 });\n};\n"],"names":["calculatePercentage","value","min","max","valuePercentage","Number","getProgressBarClassNames","cx","styles","progressBar","_defineProperty","completed"],"mappings":"+JAMO,IAAMA,EAAsB,SAACC,EAAeC,EAAaC,GAC9D,IAAMC,EAAmBC,OAAOJ,EAAQC,GAAOG,OAAOF,EAAMD,GAAQ,IACpE,OAAOE,EAAkB,IAAM,IAAMA,CACvC,EAEaE,EAA2B,SAACL,GACvC,OAAOM,EAAGC,EAAOC,YAAWC,EAAA,CAAA,EAAKF,EAAOG,UAAYV,GAAS,KAC/D"}

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.js

@@ -0,0 +1,2 @@
+import e from"react";import l from"./PercentageLabel.module.scss.js";var a=function(a){var r=a.forElement,t=a.value,o=void 0===t?0:t;return null==o?null:e.createElement("label",{htmlFor:void 0===r?"":r,className:l.label},"".concat(o.toFixed(),"%"))};export{a as default};
+//# sourceMappingURL=PercentageLabel.js.map

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageLabel.js","sources":["../../../../../../src/components/ProgressBars/PercentageLabel/PercentageLabel.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"./PercentageLabel.module.scss\";\n\nexport interface PercentageLabelProps {\n  /**\n   * The ID of the element this label is associated with.\n   */\n  forElement: string;\n  /**\n   * The percentage value to display.\n   */\n  value: number;\n}\n\nconst PercentageLabel: FC<PercentageLabelProps> = ({ forElement = \"\", value = 0 }) => {\n  if (value === null || value === undefined) return null;\n  return (\n    <label htmlFor={forElement} className={styles.label}>\n      {`${value.toFixed()}%`}\n    </label>\n  );\n};\n\nexport default PercentageLabel;\n"],"names":["PercentageLabel","_ref","_ref$forElement","forElement","_ref$value","value","React","htmlFor","className","styles","label","concat","toFixed"],"mappings":"qEAcA,IAAMA,EAA4C,SAA7BC,GAAgE,IAAAC,EAAAD,EAAhCE,WAAeC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAC7E,OAAIC,QAA8C,KAEhDC,yBAAOC,aAHuD,IAAHL,EAAG,GAAEA,EAGpCM,UAAWC,EAAOC,OAC3C,GAAAC,OAAGN,EAAMO,UAAS,KAGzB"}

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -0,0 +1,2 @@
+var e={label:"label"};!function(e){const t="s_id-de8a28d20526_3_68_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+//# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js.map

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

package/dist/mocked_classnames/src/components/RadioButton/RadioButton.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as i,useRef as o,useCallback as s,useMemo as l}from"react";import r from"../../hooks/useMergeRef.js";import n from"../Clickable/Clickable.js";import d from"../Text/Text.js";import c from"../Tooltip/Tooltip.js";import{getTestId as m,ComponentDefaultTestId as u}from"../../tests/testIds.js";import p from"./RadioButton.module.scss.js";import{ComponentVibeId as b}from"../../tests/constants.js";var f=i((function(i,f){var v=i.className,T=i.text,N=void 0===T?"":T,C=i.value,O=void 0===C?"":C,h=i.name,k=void 0===h?"":h,j=i.labelClassName,B=i.radioButtonClassName,E=i.disabled,R=void 0!==E&&E,_=i.autoFocus,x=i.disabledReason,A=i.defaultChecked,I=void 0!==A&&A,y=i.children,D=i.onSelect,L=i.checked,g=i.retainChildClick,U=void 0===g||g,F=i.childrenTabIndex,P=void 0===F?"0":F,H=i.noLabelAnimation,M=void 0!==H&&H,S=i.ariaLabel,q=i.ariaDescribedby,w=i.id,z=i["data-testid"],G=o(),J=r(f,G),K=s((function(){!R&&U&&(G.current&&(G.current.checked=!0),D&&D(null))}),[D,G,R,U]),Q=l((function(){return void 0!==L?{checked:L}:{defaultChecked:I}}),[L,I]);return a.createElement(c,{content:R?x:null},a.createElement("label",{"data-testid":z||m(u.RADIO_BUTTON,w),"data-vibe":b.RADIO_BUTTON,className:t(p.radioButton,v,e(e({},p.disabled,R),"disabled",R))},a.createElement("span",{className:t(p.inputContainer)},a.createElement("input",Object.assign({className:t(p.input),type:"radio",value:O,name:k,autoFocus:_,disabled:R},Q,{"aria-label":S,"aria-describedby":q,onChange:D,ref:J})),a.createElement("span",{"data-testid":m(u.RADIO_BUTTON_CONTROL,w),className:t(p.control,B,e({},p.labelAnimation,!M))})),N&&a.createElement(d,{element:"span",type:"text2",className:j,"data-testid":m(u.RADIO_BUTTON_LABEL,w)},N),y&&a.createElement(n,{onClick:K,tabIndex:P},y)))}));export{f as default};
+//# sourceMappingURL=RadioButton.js.map

package/dist/mocked_classnames/src/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../Clickable/Clickable\";\nimport Text from \"../Text/Text\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * Class name applied to the radio button element.\n   */\n  radioButtonClassName?: string;\n  /**\n   * The label text displayed next to the radio button.\n   */\n  text?: string;\n  /**\n   * The value associated with the radio button.\n   */\n  value?: string;\n  /**\n   * The name of the radio button group.\n   */\n  name?: string;\n  /**\n   * If true, the radio button automatically receives focus on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, the radio button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason why the radio button is disabled, displayed in a tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the radio button is checked by default.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The child elements inside the radio button.\n   */\n  children?: React.ReactNode;\n  /**\n   * Callback fired when the radio button selection changes.\n   */\n  onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;\n  /**\n   * If provided, controls the checked state of the radio button.\n   */\n  checked?: boolean;\n  /**\n   * If true, clicking on children will trigger selection.\n   */\n  retainChildClick?: boolean;\n  /**\n   * The tab index applied to the children.\n   */\n  childrenTabIndex?: string;\n  /**\n   * If true, disables the label animation.\n   */\n  noLabelAnimation?: boolean;\n  /**\n   * ARIA label for accessibility when no text is provided.\n   */\n  ariaLabel?: string;\n  /**\n   * ID of element that describe this radio button.\n   */\n  ariaDescribedby?: string;\n}\n\nconst RadioButton = forwardRef(\n  (\n    {\n      className,\n      text = \"\",\n      value = \"\",\n      name = \"\",\n      /**\n       * Radio button label class name\n       */\n      labelClassName,\n      /**\n       * Radio button marker class name\n       */\n      radioButtonClassName,\n      disabled = false,\n      autoFocus,\n      disabledReason,\n      defaultChecked = false,\n      children,\n      onSelect,\n      checked,\n      retainChildClick = true,\n      childrenTabIndex = \"0\",\n      noLabelAnimation = false,\n      ariaLabel,\n      ariaDescribedby,\n      id,\n      \"data-testid\": dataTestId\n    }: RadioButtonProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>();\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const onChildClick = useCallback(() => {\n      if (disabled || !retainChildClick) return;\n      if (inputRef.current) {\n        inputRef.current.checked = true;\n      }\n      if (onSelect) {\n        onSelect(null);\n      }\n    }, [onSelect, inputRef, disabled, retainChildClick]);\n\n    const checkedProps = useMemo(() => {\n      if (checked !== undefined) {\n        return { checked };\n      }\n      return { defaultChecked };\n    }, [checked, defaultChecked]);\n\n    const tooltipContent = disabled ? disabledReason : null;\n\n    return (\n      <Tooltip content={tooltipContent}>\n        <label\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.RADIO_BUTTON, id)}\n          data-vibe={ComponentVibeId.RADIO_BUTTON}\n          className={cx(styles.radioButton, className, {\n            [styles.disabled]: disabled,\n            disabled: disabled\n          })}\n        >\n          <span className={cx(styles.inputContainer)}>\n            <input\n              className={cx(styles.input)}\n              type=\"radio\"\n              value={value}\n              name={name}\n              autoFocus={autoFocus}\n              disabled={disabled}\n              {...checkedProps}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              onChange={onSelect}\n              ref={mergedRef}\n            />\n            <span\n              data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_CONTROL, id)}\n              className={cx(styles.control, radioButtonClassName, {\n                [styles.labelAnimation]: !noLabelAnimation\n              })}\n            />\n          </span>\n          {text && (\n            <Text\n              element=\"span\"\n              type=\"text2\"\n              className={labelClassName}\n              data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_LABEL, id)}\n            >\n              {text}\n            </Text>\n          )}\n          {children && (\n            <Clickable onClick={onChildClick} tabIndex={childrenTabIndex}>\n              {children}\n            </Clickable>\n          )}\n        </label>\n      </Tooltip>\n    );\n  }\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","_ref","ref","className","_ref$text","text","_ref$value","value","_ref$name","name","labelClassName","radioButtonClassName","_ref$disabled","disabled","autoFocus","disabledReason","_ref$defaultChecked","defaultChecked","children","onSelect","checked","_ref$retainChildClick","retainChildClick","_ref$childrenTabIndex","childrenTabIndex","_ref$noLabelAnimation","noLabelAnimation","ariaLabel","ariaDescribedby","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","ComponentVibeId","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"ugBAkFMA,IAAAA,EAAcC,GAClB,SAAAC,EA6BEC,GACE,IA5BAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAITE,EAAcT,EAAdS,eAIAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAS1B,EAAT0B,UACAC,EAAe3B,EAAf2B,gBACAC,EAAE5B,EAAF4B,GACeC,EAAU7B,EAAzB,eAII8B,EAAWC,IACXC,EAAYC,EAAYhC,EAAK6B,GAE7BI,EAAeC,GAAY,YAC3BvB,GAAaS,IACbS,EAASM,UACXN,EAASM,QAAQjB,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUY,EAAUlB,EAAUS,IAE5BgB,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZpB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEwB,EAACC,cAAAC,EAAQ,CAAAC,QAHY/B,EAAWE,EAAiB,MAI/C0B,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B5C,UAAW8C,EAAGC,EAAOC,YAAahD,EAASiD,EAAAA,EAAA,CAAA,EACxCF,EAAOrC,SAAWA,GAAQ,WACjBA,KAGZ4B,EAAAC,cAAA,OAAA,CAAMvC,UAAW8C,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAA,QAAAY,OAAAC,OAAA,CACEpD,UAAW8C,EAAGC,EAAOM,OACrBC,KAAK,QACLlD,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNyB,EACQ,CAAA,aAAAX,qBACMC,EAClB8B,SAAUvC,EACVjB,IAAK+B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBa,qBAAsB9B,GACpE1B,UAAW8C,EAAGC,EAAOU,QAASjD,EAAoByC,KAC/CF,EAAOW,gBAAkBnC,OAI/BrB,GACCoC,EAACC,cAAAoB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLtD,UAAWO,EACE,cAAAmC,EAAUC,EAAuBkB,mBAAoBnC,IAEjExB,GAGJa,GACCuB,EAAAC,cAACuB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAU3C,GACzCN,IAMb"}

package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js

@@ -0,0 +1,2 @@
+var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){const o="s_id-f0fb17b54d8d_3_68_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n}\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+//# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Refable/Refable.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../../../_virtual/_tslib.js";import n from"react";import{chainRefFunctions as o,chainFunctions as r}from"../../utils/function-utils.js";var s=n.forwardRef((function(r,s){var p=r.children,i=r.wrapperElement,l=void 0===i?"span":i,u=e(r,["children","wrapperElement"]);return n.Children.map(p,(function(e){return n.isValidElement(e)?"string"!=typeof e.type?n.createElement(l,Object.assign({ref:s},u),n.cloneElement(e,Object.assign({},e.props))):n.cloneElement(e,Object.assign(Object.assign(Object.assign({},u),e.props),{onClick:t("onClick",e.props,u),onBlur:t("onBlur",e.props,u),onMouseEnter:t("onMouseEnter",e.props,u),onMouseLeave:t("onMouseLeave",e.props,u),onMouseDown:t("onMouseDown",e.props,u),onFocus:t("onFocus",e.props,u),ref:o([e.ref,s])})):null}))}));function t(e,n,o){return r([n[e],o[e]],!0)}export{s as Refable};
+//# sourceMappingURL=Refable.js.map

package/dist/mocked_classnames/src/components/Refable/Refable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refable.js","sources":["../../../../../src/components/Refable/Refable.tsx"],"sourcesContent":["import React, { type HTMLProps, type MutableRefObject, type ReactElement } from \"react\";\nimport { chainFunctions, chainRefFunctions } from \"../../utils/function-utils\";\nimport { type VibeComponentProps } from \"../../types\";\n\nexport const Refable = React.forwardRef<\n  ReactElement,\n  React.PropsWithChildren<unknown & HTMLProps<any> & VibeComponentProps> & {\n    children: ReactElement | ReactElement[] | string;\n    /**\n     * The wrapper element type to use for React components. Defaults to \"span\".\n     */\n    wrapperElement?: \"span\" | \"div\";\n  }\n  //   @ts-expect-error React forwardRef type def doesn't seem to support multiple refs\n>(({ children, wrapperElement = \"span\", ...rest }, ref) => {\n  return React.Children.map(children, child => {\n    if (!React.isValidElement(child)) return null;\n\n    if (typeof child.type !== \"string\") {\n      const WrapperElement = wrapperElement;\n      return (\n        <WrapperElement ref={ref as MutableRefObject<any>} {...rest}>\n          {React.cloneElement(child, { ...child.props })}\n        </WrapperElement>\n      );\n    }\n\n    return React.cloneElement(child, {\n      ...rest,\n      ...child.props,\n      onClick: getChainedFunction(\"onClick\", child.props, rest),\n      onBlur: getChainedFunction(\"onBlur\", child.props, rest),\n      onMouseEnter: getChainedFunction(\"onMouseEnter\", child.props, rest),\n      onMouseLeave: getChainedFunction(\"onMouseLeave\", child.props, rest),\n      onMouseDown: getChainedFunction(\"onMouseDown\", child.props, rest),\n      onFocus: getChainedFunction(\"onFocus\", child.props, rest),\n      // @ts-expect-error\n      ref: chainRefFunctions([child.ref, ref as MutableRefObject<any>])\n    });\n  });\n});\n\nfunction getChainedFunction(\n  name: keyof React.HTMLProps<unknown>,\n  childProps: React.PropsWithChildren<React.HTMLProps<unknown>>,\n  wrapperProps: React.HTMLProps<unknown>\n) {\n  return chainFunctions([childProps[name], wrapperProps[name]], true);\n}\n"],"names":["Refable","React","forwardRef","_a","ref","children","_a$wrapperElement","wrapperElement","rest","__rest","Children","map","child","isValidElement","type","Object","assign","cloneElement","props","onClick","getChainedFunction","onBlur","onMouseEnter","onMouseLeave","onMouseDown","onFocus","chainRefFunctions","name","childProps","wrapperProps","chainFunctions"],"mappings":"gKAIO,IAAMA,EAAUC,EAAMC,YAU3B,SAACC,EAAgDC,OAA9CC,IAAAA,SAAQC,IAAEC,eAAAA,OAAiB,IAAHD,EAAG,OAAMA,EAAKE,EAAxCC,EAAAN,EAAA,CAAA,WAAA,mBACD,OAAOF,EAAMS,SAASC,IAAIN,GAAU,SAAAO,GAClC,OAAKX,EAAMY,eAAeD,GAEA,iBAAfA,EAAME,KAGbb,gBAFqBM,EAENQ,OAAAC,OAAA,CAACZ,IAAKA,GAAkCI,GACpDP,EAAMgB,aAAaL,EAAYG,OAAAC,OAAA,GAAAJ,EAAMM,SAKrCjB,EAAMgB,aAAaL,EAAKG,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BR,GACAI,EAAMM,OAAK,CACdC,QAASC,EAAmB,UAAWR,EAAMM,MAAOV,GACpDa,OAAQD,EAAmB,SAAUR,EAAMM,MAAOV,GAClDc,aAAcF,EAAmB,eAAgBR,EAAMM,MAAOV,GAC9De,aAAcH,EAAmB,eAAgBR,EAAMM,MAAOV,GAC9DgB,YAAaJ,EAAmB,cAAeR,EAAMM,MAAOV,GAC5DiB,QAASL,EAAmB,UAAWR,EAAMM,MAAOV,GAEpDJ,IAAKsB,EAAkB,CAACd,EAAMR,IAAKA,OArBI,IAuB3C,GACF,IAEA,SAASgB,EACPO,EACAC,EACAC,GAEA,OAAOC,EAAe,CAACF,EAAWD,GAAOE,EAAaF,KAAQ,EAChE"}

package/dist/mocked_classnames/src/components/Search/Search.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as t,useCallback as n}from"react";import s from"../../hooks/useMergeRef.js";import{getTestId as i,ComponentDefaultTestId as l}from"../../tests/testIds.js";import c from"./Search.module.scss.js";import d from"../BaseInput/BaseInput.js";import m from"../../hooks/useDebounceEvent/index.js";import u from"../IconButton/IconButton.js";import p from"../Icon/Icon.js";import f from"../Loader/Loader.js";import{ComponentVibeId as v}from"../../tests/constants.js";import h from"../../../icons/dist/react/CloseSmall.js";import C from"../../../icons/dist/react/Search.js";var I=r((function(r,I){var b,j,E,R,N,g,x,y,A,B,S=r.searchIconName,L=void 0===S?C:S,w=r.clearIconName,z=void 0===w?h:w,F=r.clearIconLabel,H=void 0===F?"Clear":F,_=r.renderAction,k=r.hideRenderActionOnInput,D=r.value,P=r.placeholder,T=r.size,V=void 0===T?"medium":T,K=r.disabled,O=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,Q=r.searchResultsContainerId,X=r.currentAriaResultId,Y=r.onChange,Z=r.onFocus,$=r.onBlur,ee=r.onClear,ae=r.onKeyDown,oe=r.className,re=r.ariaExpanded,te=r.ariaHasPopup,ne=r.showClearIcon,se=void 0===ne||ne,ie=r.id,le=r["data-testid"];return b=t(null),j=s(I,b),E=m({delay:J,onChange:Y,initialStateValue:D}),R=E.inputValue,N=E.onEventChanged,x=n((function(){var e,a;K||(null===(a=null===(e=b.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),g(),null==ee||ee())}),[K,g=E.clearValue,ee]),y=o.createElement(p,{icon:L,className:c.icon,iconType:"font",iconSize:"small"===V?"16px":"20px"}),A=o.createElement(u,{className:a(c.icon,e({},c.empty,!R)),icon:z,ariaLabel:H,onClick:x,size:"small"===V?"xs":"small","data-testid":i(l.CLEAN_SEARCH_BUTTON,ie)}),B=o.createElement(o.Fragment,null,O&&o.createElement(f,{size:"small"===V?"xs":20,color:"secondary",wrapperClassName:a(e({},c.loader,!R&&!_))}),se&&R&&!K&&A,!(k&&R)&&_),o.createElement(d,{ref:j,id:ie,type:"search","data-testid":le||i(l.SEARCH,ie),"data-vibe":v.SEARCH,className:a(c.searchWrapper,oe),inputClassName:c.search,value:R,renderLeft:y,renderRight:B,autoFocus:M,placeholder:P,disabled:K,onChange:N,onBlur:$,onFocus:Z,onKeyDown:ae,autoComplete:W,size:V,wrapperRole:"search",inputRole:Q?"combobox":void 0,"aria-label":q,"aria-busy":O,"aria-controls":re?Q:void 0,"aria-activedescendant":X,"aria-haspopup":te,"aria-expanded":re})}));export{I as default};
+//# sourceMappingURL=Search.js.map

package/dist/mocked_classnames/src/components/Search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sources":["../../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst Search = forwardRef(\n  (\n    {\n      searchIconName = SearchIcon,\n      clearIconName = CloseSmallIcon,\n      clearIconLabel = \"Clear\",\n      renderAction: RenderAction,\n      hideRenderActionOnInput,\n      value,\n      placeholder,\n      size = \"medium\",\n      disabled,\n      loading,\n      autoFocus,\n      autoComplete = \"off\",\n      inputAriaLabel,\n      debounceRate = 400,\n      searchResultsContainerId,\n      currentAriaResultId,\n      onChange,\n      onFocus,\n      onBlur,\n      onClear,\n      onKeyDown,\n      className,\n      ariaExpanded,\n      ariaHasPopup,\n      showClearIcon = true,\n      id,\n      \"data-testid\": dataTestId\n    }: SearchProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n      delay: debounceRate,\n      onChange,\n      initialStateValue: value\n    });\n\n    const onClearButtonClick = useCallback(() => {\n      if (disabled) return;\n      inputRef.current?.focus?.();\n      clearValue();\n      onClear?.();\n    }, [disabled, clearValue, onClear]);\n\n    const SearchIcon = (\n      <Icon\n        icon={searchIconName}\n        className={styles.icon}\n        iconType=\"font\"\n        iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n      />\n    );\n\n    const ClearIcon = (\n      <IconButton\n        className={cx(styles.icon, { [styles.empty]: !inputValue })}\n        icon={clearIconName}\n        ariaLabel={clearIconLabel}\n        onClick={onClearButtonClick}\n        size={size === \"small\" ? \"xs\" : \"small\"}\n        data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n      />\n    );\n\n    const RenderRight = (\n      <>\n        {loading && (\n          <Loader\n            size={size === \"small\" ? \"xs\" : 20}\n            color=\"secondary\"\n            wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n          />\n        )}\n        {showClearIcon && inputValue && !disabled && ClearIcon}\n        {!(hideRenderActionOnInput && inputValue) && RenderAction}\n      </>\n    );\n\n    return (\n      <BaseInput\n        ref={mergedRef}\n        id={id}\n        type={\"search\"}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.SEARCH, id)}\n        data-vibe={ComponentVibeId.SEARCH}\n        className={cx(styles.searchWrapper, className)}\n        inputClassName={styles.search}\n        value={inputValue}\n        renderLeft={SearchIcon}\n        renderRight={RenderRight}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        disabled={disabled}\n        onChange={onEventChanged}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        autoComplete={autoComplete}\n        size={size}\n        wrapperRole=\"search\"\n        inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n        aria-label={inputAriaLabel}\n        aria-busy={loading}\n        aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n        aria-activedescendant={currentAriaResultId}\n        aria-haspopup={ariaHasPopup}\n        aria-expanded={ariaExpanded}\n      />\n    );\n  }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","onKeyDown","className","ariaExpanded","ariaHasPopup","_ref$showClearIcon","showClearIcon","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"6rBAcA,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EASAC,EAWAC,EAtCmCC,EAAAZ,EA5BvCa,eAAAA,OAAiBJ,IAAHG,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAgBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAiB,IAAHD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAwBlC,EAAxBkC,yBACAC,EAAmBnC,EAAnBmC,oBACAC,EAAQpC,EAARoC,SACAC,EAAOrC,EAAPqC,QACAC,EAAMtC,EAANsC,OACAC,GAAOvC,EAAPuC,QACAC,GAASxC,EAATwC,UACAC,GAASzC,EAATyC,UACAC,GAAY1C,EAAZ0C,aACAC,GAAY3C,EAAZ2C,aAAYC,GAAA5C,EACZ6C,cAAAA,QAAgB,IAAHD,IAAOA,GACpBE,GAAE9C,EAAF8C,GACeC,GAAU/C,EAAzB,eAAa,OAITE,EAAW8C,EAAO,MAClB7C,EAAY8C,EAAYhD,EAAKC,GAEnCE,EAAmD8C,EAAiB,CAClEC,MAAOlB,EACPG,SAAAA,EACAgB,kBAAmB9B,IAHbjB,EAAUD,EAAVC,WAAYC,EAAcF,EAAdE,eAMdE,EAAqB6C,GAAY,mBACjC3B,YACJ4B,EAAkB,UAAlBpD,EAASqD,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAClBlD,IACAgC,UAAAA,KACD,GAAE,CAACb,EAXgCnB,EAAUH,EAAVG,WAWVgC,KAEpB9B,EACJiD,EAAAC,cAACC,EACC,CAAAC,KAAMhD,EACN4B,UAAWqB,EAAOD,KAClBE,SAAS,OACTC,SAAmB,UAATvC,EAAmB,OAAS,SAIpCf,EACJgD,EAAAC,cAACM,EAAU,CACTxB,UAAWyB,EAAGJ,EAAOD,KAAIM,EAAKL,CAAAA,EAAAA,EAAOM,OAAS/D,IAC9CwD,KAAM9C,EACNsD,UAAWnD,EACXoD,QAAS9D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QACnB,cAAA8C,EAAUC,EAAuBC,oBAAqB3B,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAgB,SAAA,KACG/C,GACC+B,EAAAC,cAACgB,EACC,CAAAlD,KAAe,UAATA,EAAmB,KAAO,GAChCmD,MAAM,YACNC,iBAAkBX,EAAEC,KAAIL,EAAOgB,QAAUzE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACoB,EAAS,CACR9E,IAAKE,EACL2C,GAAIA,GACJkC,KAAM,SACO,cAAAjC,IAAcwB,EAAUC,EAAuBS,OAAQnC,IAAG,YAC5DoC,EAAgBD,OAC3BxC,UAAWyB,EAAGJ,EAAOqB,cAAe1C,IACpC2C,eAAgBtB,EAAOuB,OACvB/D,MAAOjB,EACPiF,WAAY7E,EACZ8E,YAAa5E,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN+D,YAAY,SACZC,UAAWvD,EAA2B,gBAAawD,EAAS,aAChD3D,EAAc,YACfJ,EACI,gBAAAe,GAAeR,OAA2BwD,EAAS,wBAC3CvD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}

package/dist/mocked_classnames/src/components/Search/Search.module.scss.js

@@ -0,0 +1,2 @@
+var e={searchWrapper:"searchWrapper",search:"search",loader:"loader",icon:"icon",empty:"empty"};!function(e){const r="s_id-4e5e4eb516f6_3_68_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper .search {\n  appearance: textfield;\n}\n.searchWrapper .search::-webkit-search-cancel-button, .searchWrapper .search::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper .loader {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper .icon {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper .icon.empty {\n  opacity: 0;\n}");export{e as default};
+//# sourceMappingURL=Search.module.scss.js.map

package/dist/mocked_classnames/src/components/Search/Search.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Skeleton/Skeleton.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import{SkeletonType as l,SKELETON_SIZES as a,TextSkeletonSize as m,SKELETON_CUSTOM_SIZE as p}from"./SkeletonConstants.js";import{getStyle as d}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import n from"./Skeleton.module.scss.js";var u=c((function(a){var c=a.type,u=void 0===c?"rectangle":c,f=a.size,h=void 0===f?"custom":f,v=a.className,j=a.wrapperClassName,y=a.width,g=a.height,N=a.fullWidth,k=void 0!==N&&N,w=a.id,E=a["data-testid"],S=Object.values(l).includes(u)?u:"rectangle",b=Object.values(m).includes(h)?h:p;return t.createElement("div",{id:w,className:o(n.skeleton,j,e({},n.fullWidth,k)),"data-testid":E||r(i.SKELETON,w)},t.createElement("div",{className:o(n[S],d(n,s(S+"-"+b)),v,e({},n.fullWidth,k)),style:{width:y,height:g}}))}),{types:l,sizes:a});export{u as default};
+//# sourceMappingURL=Skeleton.js.map

package/dist/mocked_classnames/src/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport {\n  SKELETON_SIZES,\n  SkeletonType as SkeletonTypeEnum,\n  SKELETON_CUSTOM_SIZE,\n  TextSkeletonSize as TextSkeletonSizeEnum\n} from \"./SkeletonConstants\";\n\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n  /**\n   * The type of skeleton.\n   */\n  type?: SkeletonType;\n  /**\n   * The predefined size of the skeleton.\n   */\n  size?: SkeletonSizeType;\n  /**\n   * The width of the skeleton in pixels.\n   */\n  width?: number;\n  /**\n   * The height of the skeleton in pixels.\n   */\n  height?: number;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the skeleton will take up the full width of its container.\n   */\n  fullWidth?: boolean;\n}\n\nconst Skeleton = ({\n  type = \"rectangle\",\n  size = \"custom\",\n  className,\n  wrapperClassName,\n  width,\n  height,\n  fullWidth = false,\n  id,\n  \"data-testid\": dataTestId\n}: SkeletonProps) => {\n  const skeletonType = (Object.values(SkeletonTypeEnum) as string[]).includes(type) ? type : \"rectangle\";\n\n  // Skeleton has sizes only for text type, other types support only custom size\n  const skeletonSize = (Object.values(TextSkeletonSizeEnum) as string[]).includes(size) ? size : SKELETON_CUSTOM_SIZE;\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SKELETON, id)}\n    >\n      <div\n        className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n          [styles.fullWidth]: fullWidth\n        })}\n        style={{ width, height }}\n      />\n    </div>\n  );\n};\n\ninterface SkeletonStaticProps {\n  types: typeof SkeletonTypeEnum;\n  sizes: typeof SKELETON_SIZES;\n}\n\nexport default withStaticPropsWithoutForwardRef<SkeletonProps, SkeletonStaticProps>(Skeleton, {\n  types: SkeletonTypeEnum,\n  sizes: SKELETON_SIZES\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$type","type","_ref$size","size","className","wrapperClassName","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","Object","values","SkeletonTypeEnum","includes","skeletonSize","TextSkeletonSizeEnum","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style","types","sizes","SKELETON_SIZES"],"mappings":"ulBA2CA,IAqCeA,EAAAA,GArCE,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAH,EAClBI,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAASL,EAATK,UACAC,EAAgBN,EAAhBM,iBACAC,EAAKP,EAALO,MACAC,EAAMR,EAANQ,OAAMC,EAAAT,EACNU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEX,EAAFW,GACeC,EAAUZ,EAAzB,eAEMa,EAAgBC,OAAOC,OAAOC,GAA+BC,SAASf,GAAQA,EAAO,YAGrFgB,EAAgBJ,OAAOC,OAAOI,GAAmCF,SAASb,GAAQA,EAAOgB,EAE/F,OACEC,EACEC,cAAA,MAAA,CAAAX,GAAIA,EACJN,UAAWkB,EAAGC,EAAOC,SAAUnB,EAAgBoB,KAAKF,EAAOd,UAAYA,IAC1D,cAAAE,GAAce,EAAUC,EAAuBC,SAAUlB,IAEtEU,EACEC,cAAA,MAAA,CAAAjB,UAAWkB,EAAGC,EAAOX,GAAeiB,EAASN,EAAQO,EAAUlB,EAAe,IAAMK,IAAgBb,EAASqB,EAC1GF,CAAAA,EAAAA,EAAOd,UAAYA,IAEtBsB,MAAO,CAAEzB,MAAAA,EAAOC,OAAAA,KAIxB,GAO8F,CAC5FyB,MAAOjB,EACPkB,MAAOC"}

package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js

@@ -0,0 +1,2 @@
+var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){const t="s_id-41cda04b2bc0_3_68_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
+//# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Skeleton/SkeletonConstants.js

@@ -0,0 +1,2 @@
+var E,t,C="custom";!function(E){E.CIRCLE="circle",E.RECTANGLE="rectangle",E.TEXT="text"}(E||(E={})),function(E){E.H1="h1",E.H2="h2",E.H3="h3",E.H4="h4",E.H5="h5",E.H6="h6",E.P="p",E.SMALL="small"}(t||(t={}));var T={CUSTOM:C,CIRCLE:{},RECTANGLE:{},TEXT:t};export{C as SKELETON_CUSTOM_SIZE,T as SKELETON_SIZES,E as SkeletonType,t as TextSkeletonSize};
+//# sourceMappingURL=SkeletonConstants.js.map

package/dist/mocked_classnames/src/components/Skeleton/SkeletonConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonConstants.js","sources":["../../../../../src/components/Skeleton/SkeletonConstants.ts"],"sourcesContent":["// Fixed names\nexport const SKELETON_CUSTOM_SIZE = \"custom\";\n\n/**\n * @deprecated\n */\nexport enum SkeletonType {\n  CIRCLE = \"circle\",\n  RECTANGLE = \"rectangle\",\n  TEXT = \"text\"\n}\n\n/**\n * @deprecated\n */\nexport enum TextSkeletonSize {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\",\n  H4 = \"h4\",\n  H5 = \"h5\",\n  H6 = \"h6\",\n  P = \"p\",\n  SMALL = \"small\"\n}\n\nexport const SKELETON_SIZES = {\n  CUSTOM: SKELETON_CUSTOM_SIZE,\n  CIRCLE: {},\n  RECTANGLE: {},\n  TEXT: TextSkeletonSize\n};\n\nexport type SkeletonSizeType = TextSkeletonSize | typeof SKELETON_CUSTOM_SIZE;\n"],"names":["SkeletonType","TextSkeletonSize","SKELETON_CUSTOM_SIZE","SKELETON_SIZES","CUSTOM","CIRCLE","RECTANGLE","TEXT"],"mappings":"AACO,IAKKA,EASAC,EAdCC,EAAuB,UAKpC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,EAAA,IACAA,EAAA,MAAA,OACD,CATD,CAAYA,IAAAA,EASX,CAAA,IAEM,IAAME,EAAiB,CAC5BC,OAAQF,EACRG,OAAQ,CAAE,EACVC,UAAW,CAAE,EACbC,KAAMN"}

package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.js

@@ -0,0 +1,2 @@
+import i,{forwardRef as t}from"react";import{motion as r}from"framer-motion";import a from"classnames";import{slideAnimationVariants as e,slideAnimationTransition as s}from"./utils/animationVariants.js";import m from"./SlideTransition.module.scss.js";var n=t((function(t,n){var o=t.style,l=t.children;return i.createElement(r.div,{ref:n,custom:t.direction,variants:e,initial:"initial",animate:"enter",transition:s,className:a(m.slide,t.className),style:o},l)}));export{n as default};
+//# sourceMappingURL=SlideTransition.js.map

package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideTransition.js","sources":["../../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport cx from \"classnames\";\nimport { slideAnimationVariants, slideAnimationTransition } from \"./utils/animationVariants\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n  ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    return (\n      <motion.div\n        ref={ref}\n        custom={direction}\n        variants={slideAnimationVariants}\n        initial=\"initial\"\n        animate=\"enter\"\n        transition={slideAnimationTransition}\n        className={cx(styles.slide, className)}\n        style={style}\n      >\n        {children}\n      </motion.div>\n    );\n  }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","motion","div","custom","direction","variants","slideAnimationVariants","initial","animate","transition","slideAnimationTransition","className","cx","styles","slide"],"mappings":"2PAOMA,IAAAA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,gBAACC,EAAOC,IACN,CAAAL,IAAKA,EACLM,OAJMP,EAATQ,UAKGC,SAAUC,EACVC,QAAQ,UACRC,QAAQ,QACRC,WAAYC,EACZC,UAAWC,EAAGC,EAAOC,MATalB,EAATe,WAUzBb,MAAOA,GAENC,EAGP"}

package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js

@@ -0,0 +1,2 @@
+var e={slide:"slide"};!function(e){const t="s_id-096ffa3ec029_3_68_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+//# sourceMappingURL=SlideTransition.module.scss.js.map

package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js.map

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

package/dist/mocked_classnames/src/components/SlideTransition/utils/animationVariants.js

@@ -0,0 +1,2 @@
+var r={initial:function(r){return{x:"forward"===r?"3%":"-3%"}},enter:{x:0}},e={duration:.25,ease:[0,0,.4,1]};export{e as slideAnimationTransition,r as slideAnimationVariants};
+//# sourceMappingURL=animationVariants.js.map

package/dist/mocked_classnames/src/components/SlideTransition/utils/animationVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationVariants.js","sources":["../../../../../../src/components/SlideTransition/utils/animationVariants.ts"],"sourcesContent":["import { type SlideDirection } from \"../SlideTransition.types\";\n\nexport const slideAnimationVariants = {\n  initial: (direction: SlideDirection) => ({\n    x: direction === \"forward\" ? \"3%\" : \"-3%\"\n  }),\n  enter: {\n    x: 0\n  }\n};\n\nexport const slideAnimationTransition = {\n  duration: 0.25,\n  ease: [0.0, 0.0, 0.4, 1.0]\n};\n"],"names":["slideAnimationVariants","initial","direction","x","enter","slideAnimationTransition","duration","ease"],"mappings":"AAEO,IAAMA,EAAyB,CACpCC,QAAS,SAACC,GAAyB,MAAM,CACvCC,EAAiB,YAAdD,EAA0B,KAAO,MACpC,EACFE,MAAO,CACLD,EAAG,IAIME,EAA2B,CACtCC,SAAU,IACVC,KAAM,CAAC,EAAK,EAAK,GAAK"}

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{useMemo as t}from"react";import{debounce as o}from"es-toolkit";import i from"../TextField/TextField.js";import{useSliderSelection as n,useSliderActions as a}from"./SliderContext.js";import l from"./SelectionIndicator.module.scss.js";var u=function(u){var c=u.kind,m="postfix"===(void 0===c?"prefix":c),s=n(),f=function(e,r,t,o){return r?e?[t[1],o[1]]:[t[0],o[0]]:[t,o]}(m,s.ranged,s.value,s.valueText),p=e(f,2)[1],d=a().changeThumbValue,v=t((function(){return o((function(e){var r=function(e){return e.replace(/\D/g,"")}(e);d(r,m?1:0,!0)}),300)}),[d,m]);return r.createElement(i,{onChange:v,value:p+"",className:l.selectionIndicator})};export{u as default};
+//# sourceMappingURL=SelectionIndicator.js.map

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionIndicator.js","sources":["../../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport TextField from \"../TextField/TextField\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { type InfixKind } from \"./Slider.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number | number[], valueText: string | string[]) {\n  if (!ranged) {\n    return [value as number, valueText as string];\n  }\n  if (isPostfix) {\n    return [(value as number[])[1], (valueText as string[])[1]];\n  }\n  return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n  return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n  /**\n   * Determines whether the selection indicator is a prefix or postfix.\n   */\n  kind?: InfixKind;\n  /**\n   * The key for the selection indicator (used for React key uniqueness).\n   */\n  key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n  const isPostfix = kind === \"postfix\";\n  const { ranged, value, valueText } = useSliderSelection();\n  const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n  const { changeThumbValue } = useSliderActions();\n  const handleChange = useMemo(\n    () =>\n      debounce(newValueText => {\n        const newValue = parseValue(newValueText);\n        const thumbIndex = isPostfix ? 1 : 0;\n        changeThumbValue(newValue, thumbIndex, true);\n      }, VALUE_UPDATE_DELAY),\n    [changeThumbValue, isPostfix]\n  );\n  return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"kUAmCA,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js

@@ -0,0 +1,2 @@
+var e={selectionIndicator:"selectionIndicator"};!function(e){const t="s_id-a25847c4cc71_3_68_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+//# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js.map

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

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

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as t,useMemo as r}from"react";import{BASE_SIZES as a}from"../../constants/sizes.js";import l from"../../hooks/useMergeRef.js";import{NOOP as s}from"../../utils/function-utils.js";import{ensureDefaultValue as d}from"./SliderHelpers.js";import{SliderProvider as n}from"./SliderContext.js";import m from"./SliderBase/SliderBase.js";import p from"./SliderInfix.js";import{SliderColor as u}from"./SliderConstants.js";import c from"classnames";import{withStaticProps as f}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import v from"./Slider.module.scss.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as j}from"es-toolkit";var x=f(o((function(o,a){var u=o.ariaLabel,f=o.ariaLabelledby,x=o.className,S=o.color,h=o["data-testid"],L=void 0===h?"monday-slider":h,y=o.disabled,C=void 0!==y&&y,P=o.id,g=o.max,k=void 0===g?100:g,E=o.min,I=void 0===E?0:E,w=o.onChange,z=void 0===w?s:w,F=o.ranged,V=void 0!==F&&F,B=o.step,H=void 0===B?1:B,T=o.showValue,M=void 0!==T&&T,N=o.valueLabelPosition,O=void 0===N?"top":N,R=o.valueLabelColor,W=void 0===R?"primary":R,X=o.size,_=void 0===X?"small":X,q=o.value,A=o.defaultValue,D=void 0===A?0:A,G=o.valueFormatter,J=void 0===G?function(e){return"".concat(e,"%")}:G,K=o.valueText,Q=o.indicateSelection,U=void 0!==Q&&Q,Y=o.prefix,Z=o.postfix,$=o.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=t(null),oe=l(a,ie),te=r((function(){return{prefix:Y,postfix:Z,indicateSelection:U,selectionIndicatorWidth:ee}}),[Y,Z,U,ee]);return i.createElement(n,{ariaLabel:u,ariaLabelledby:f,color:S,"data-testid":L,disabled:C,infixOptions:te,max:k,min:I,onChange:z,ranged:V,showValue:M,valueLabelPosition:O,valueLabelColor:W,size:_,step:H,value:q,defaultValue:d(D,I,k,V),valueFormatter:J,valueText:K},i.createElement("div",{className:c(v.slider,e({},v.valueShown,M),b(v,j("position-"+O)),x),"data-testid":L,id:P,ref:oe},i.createElement(p,{kind:p.kinds.PREFIX}),i.createElement(m,null),i.createElement(p,{kind:p.kinds.POSTFIX})))})),{sizes:a,colors:u});export{x as default};
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { BASE_SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"../Icon\";\nimport { SliderColor as SliderColorEnum } from \"./SliderConstants\";\nimport cx from \"classnames\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n  /**\n   * Define a string that labels the current element (Slider)\n   */\n  ariaLabel?: string;\n  /**\n   * ElementId of Node that have the text needed for labeling the current element (Slider)\n   */\n  ariaLabelledby?: string;\n  /**\n   * Custom `class name` to be added to the component-root-node\n   */\n  className?: string;\n  /**\n   * Color Mode (primary/positive/negative) of the component (Slider)\n   */\n  color?: SliderColor;\n  /**\n   * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n   */\n  \"data-testid\"?: string;\n  defaultValue?: number | number[];\n  /**\n   * Formatter function `value => formattedValue`\n   * default formatter return `${value}%`\n   */\n  /**\n   * If set to true, Component (Slider) will be disabled\n   *  - impossible to change value of component (Slider)\n   *  - visual changes (opacity)\n   */\n  disabled?: boolean;\n  /**\n   * Attribute `id` to be added to the component-root-node\n   */\n  id?: string;\n  /**\n   * Max range value of the component (Slider)\n   */\n  max?: number;\n  /**\n   * Min range value of the component (Slider)\n   */\n  min?: number;\n  /**\n   * Optional onChange callback (for outer trigger or Controlled mode)\n   * - required in Controlled Mode\n   */\n  onChange?: (value: number | number[]) => void;\n  /**\n   * If true switch slider to RRange mode (two Thumbs)\n   */\n  ranged?: boolean;\n  /**\n   * The granularity with which the slider can step through values.\n   * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   */\n  step?: number;\n  /**\n   * Always show `value` instead of Tooltip\n   */\n  showValue?: boolean;\n  /**\n   * Position of the `value` when `showValue` is true\n   */\n  valueLabelPosition?: SliderLabelPosition;\n  /**\n   * Color of the `value` when `showValue` is true\n   */\n  valueLabelColor?: SliderLabelColor;\n  /**\n   * Size small/medium/large of the component (Slider)\n   */\n  size?: SliderSize;\n  /**\n   * Current/selected value of the range of the Component (Slider)\n   *   - should be used in Controlled Mode only\n   *   - in ranged mode should be an array of two numbers\n   */\n  value?: number | number[];\n  /**\n   * Function to format the value, e.g. add %. By default, returns `${value}%`\n   */\n  valueFormatter?: (value: number) => string;\n  /**\n   * Text/presentation of current/selected value\n   *  - should be used in Controlled Mode only\n   */\n  valueText?: string;\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?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n  /**\n   * Options for postfix/end/finishing element. Same as prefix element.\n   */\n  postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n  /**\n   * Width of SelectionIndicator (i.e. TextField)\n   */\n  selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n  (\n    {\n      ariaLabel,\n      ariaLabelledby,\n      className,\n      color,\n      \"data-testid\": dataTestId = \"monday-slider\",\n      disabled = false,\n      id,\n      max = 100,\n      min = 0,\n      onChange = NOOP,\n      ranged = false,\n      step = 1,\n      showValue = false,\n      valueLabelPosition = \"top\",\n      valueLabelColor = \"primary\",\n      size = \"small\",\n      value,\n      defaultValue = 0,\n      valueFormatter = (value: number) => `${value}%`,\n      valueText,\n      indicateSelection = false,\n      prefix,\n      postfix,\n      selectionIndicatorWidth = \"60px\"\n    }: SliderProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const infixOptions = useMemo(\n      () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n      [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n    );\n    return (\n      <SliderProvider\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        color={color}\n        data-testid={dataTestId}\n        disabled={disabled}\n        infixOptions={infixOptions}\n        max={max}\n        min={min}\n        onChange={onChange}\n        ranged={ranged}\n        showValue={showValue}\n        valueLabelPosition={valueLabelPosition}\n        valueLabelColor={valueLabelColor}\n        size={size}\n        step={step}\n        value={value}\n        defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n        valueFormatter={valueFormatter}\n        valueText={valueText}\n      >\n        <div\n          className={cx(\n            styles.slider,\n            { [styles.valueShown]: showValue },\n            getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n            className\n          )}\n          data-testid={dataTestId}\n          id={id}\n          ref={mergedRef}\n        >\n          <SliderInfix kind={SliderInfix.kinds.PREFIX} />\n          <SliderBase />\n          <SliderInfix kind={SliderInfix.kinds.POSTFIX} />\n        </div>\n      </SliderProvider>\n    );\n  }\n);\n\ninterface SliderStaticProps {\n  sizes: typeof BASE_SIZES;\n  colors: typeof SliderColorEnum;\n}\n\nexport default withStaticProps<SliderProps, SliderStaticProps>(Slider, {\n  sizes: BASE_SIZES,\n  colors: SliderColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","kinds","PREFIX","SliderBase","POSTFIX","sizes","BASE_SIZES","colors","SliderColorEnum"],"mappings":"myBAiIA,IAmFeA,EAAAA,EAnFAC,GACb,SAAAC,EA2BEC,GACE,IA1BAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,GACCjD,UAAWA,EACXC,eAAgBA,EAChBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAACC,cAAAU,GAAYC,KAAMD,EAAYE,MAAMC,SACrCd,EAAAC,cAACc,EAAa,MACdf,EAAAC,cAACU,EAAW,CAACC,KAAMD,EAAYE,MAAMG,WAI7C,IAQqE,CACrEC,MAAOC,EACPC,OAAQC"}

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

@@ -0,0 +1,2 @@
+var e={slider:"slider",valueShown:"valueShown",positionTop:"positionTop",positionBottom:"positionBottom"};!function(e){const n="s_id-4e41ea5b2e41_3_68_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown.positionTop {\n  margin-top: 10px;\n}\n\n.valueShown.positionBottom {\n  margin-bottom: 10px;\n}");export{e as default};
+//# sourceMappingURL=Slider.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useCallback as o}from"react";import{isArrowUpEvent as i,isArrowRightEvent as l,isArrowDownEvent as s,isArrowLeftEvent as a,isPageUpEvent as n,isPageDownEvent as m,isHomeEvent as f,isEndEvent as u}from"../../../utils/dom-event-utils.js";import{useSliderUi as d,useSliderSelection as p,useSliderActions as c}from"../SliderContext.js";import{calcDimensions as v,moveToPx as j,getNearest as b,calculatePageStep as h}from"../SliderHelpers.js";import{useSliderRail as S}from"../SliderHooks.js";import E from"./SliderRail.js";import T from"./SliderTrack.js";import g from"./SliderFilledTrack.js";import k from"./SliderThumb.js";import y from"classnames";import{getStyle as D}from"../../../helpers/typesciptCssModulesHelper.js";import x from"./SliderBase.module.scss.js";var C=t((function(t,C){var H=t.className,z=d(),M=z.color,V=z.disabled,B=z.size,F=z.shapeTestId,K=p(),N=K.min,P=K.max,R=K.ranged,X=K.step,_=K.value,w=c(),I=w.changeThumbValue,q=w.drugThumb,A=w.decreaseValue,G=w.increaseValue,J=S(),L=J.railCoords,O=J.railRef,Q=v(P,N,R,_),U=Q.dimension,W=Q.offset,Y=Q.positions,Z=Q.thumbKeys,$=o((function(e){var r=j(Math.round(e.clientX-L.left),N,P,L,X);q(r)}),[q,N,P,L,X]),ee=o((function(e){var r=j(e.clientX-L.left,N,P,L,X),t=b(r,R,_);I(r,t)}),[I,N,P,L,R,X,_]);return r.createElement("div",{className:y(x.base,e(e(e({},D(x,B),B),D(x,M),M),x.disabled,V),H),"data-testid":F("base"),onKeyDown:function(e){return i(e)||l(e)?G():s(e)||a(e)?A():n(e)?(e.preventDefault(),G(h(P,N,X))):m(e)?(e.preventDefault(),A(h(P,N,X))):f(e)?(e.preventDefault(),I(N)):u(e)?(e.preventDefault(),I(P)):void 0}},r.createElement(E,{onClick:ee,size:B,ref:O},r.createElement(T,{color:M}),O.current&&r.createElement(r.Fragment,null,r.createElement(g,{dimension:U,offset:W,color:M}),Y.map((function(e,t){return r.createElement(k,{key:Z[t],index:t,onMove:$,position:e,color:M,size:B})})))))}));export{C as default};
+//# sourceMappingURL=SliderBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n  isArrowDownEvent,\n  isArrowLeftEvent,\n  isArrowRightEvent,\n  isArrowUpEvent,\n  isEndEvent,\n  isHomeEvent,\n  isPageDownEvent,\n  isPageUpEvent\n} from \"../../../utils/dom-event-utils\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n  const { color, disabled, size, shapeTestId } = useSliderUi();\n  const { min, max, ranged, step, value } = useSliderSelection();\n  const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n  const { railCoords, railRef } = useSliderRail();\n  const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n  const handlePointerMove = useCallback(\n    (e: PointerEvent) => {\n      const offsetInPx = Math.round(e.clientX - railCoords.left);\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      drugThumb(newValue);\n    },\n    [drugThumb, min, max, railCoords, step]\n  );\n\n  const handleRailClick = useCallback(\n    (e: React.MouseEvent) => {\n      const offsetInPx = e.clientX - railCoords.left;\n      const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n      const thumbIndex = getNearest(newValue, ranged, value);\n      changeThumbValue(newValue, thumbIndex);\n    },\n    [changeThumbValue, min, max, railCoords, ranged, step, value]\n  );\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n      return increaseValue();\n    }\n    if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n      return decreaseValue();\n    }\n    if (isPageUpEvent(e)) {\n      e.preventDefault();\n      return increaseValue(calculatePageStep(max, min, step));\n    }\n    if (isPageDownEvent(e)) {\n      e.preventDefault();\n      return decreaseValue(calculatePageStep(max, min, step));\n    }\n    if (isHomeEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(min);\n    }\n    if (isEndEvent(e)) {\n      e.preventDefault();\n      return changeThumbValue(max);\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.base,\n        { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n        className\n      )}\n      data-testid={shapeTestId(\"base\")}\n      onKeyDown={handleKeyDown}\n    >\n      <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n        <SliderTrack color={color} />\n        {railRef.current && (\n          <>\n            <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n            {positions.map((position, index) => {\n              return (\n                <SliderThumb\n                  key={thumbKeys[index]}\n                  index={index}\n                  onMove={handlePointerMove}\n                  position={position}\n                  color={color}\n                  size={size}\n                />\n              );\n            })}\n          </>\n        )}\n      </SliderRail>\n    </div>\n  );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"w2BAyBMA,IAAAA,EAAkCC,GAAW,SAAAC,EAAgBC,GAAQ,IAArBC,EAASF,EAATE,UACpDC,EAA+CC,IAAvCC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAIJ,EAAJI,KAAMC,EAAWL,EAAXK,YAC/BC,EAA0CC,IAAlCC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAQC,EAAIL,EAAJK,KAAMC,EAAKN,EAALM,MAChCC,EAAsEC,IAA9DC,EAAgBF,EAAhBE,iBAAkBC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACpDC,EAAgCC,IAAxBC,EAAUF,EAAVE,WAAYC,EAAOH,EAAPG,QACpBC,EAAoDC,EAAef,EAAKD,EAAKE,EAAQE,GAA7Ea,EAASF,EAATE,UAAWC,EAAMH,EAANG,OAAQC,EAASJ,EAATI,UAAWC,EAASL,EAATK,UAEhCC,EAAoBC,GACxB,SAACC,GACC,IACMC,EAAWC,EADEC,KAAKC,MAAMJ,EAAEK,QAAUf,EAAWgB,MACf7B,EAAKC,EAAKY,EAAYV,GAC5DK,EAAUgB,EACZ,GACA,CAAChB,EAAWR,EAAKC,EAAKY,EAAYV,IAG9B2B,GAAkBR,GACtB,SAACC,GACC,IACMC,EAAWC,EADEF,EAAEK,QAAUf,EAAWgB,KACJ7B,EAAKC,EAAKY,EAAYV,GACtD4B,EAAaC,EAAWR,EAAUtB,EAAQE,GAChDG,EAAiBiB,EAAUO,EAC7B,GACA,CAACxB,EAAkBP,EAAKC,EAAKY,EAAYX,EAAQC,EAAMC,IA4BzD,OACE6B,EACEC,cAAA,MAAA,CAAA3C,UAAW4C,EACTC,EAAOC,KAAIC,EAAAA,EAAAA,EAAA,CAAA,EACRC,EAASH,EAAQxC,GAAQA,GAAO2C,EAASH,EAAQ1C,GAASA,GAAQ0C,EAAOzC,SAAWA,GACvFJ,GACD,cACYM,EAAY,QACzB2C,UAjCJ,SAAuBjB,GACrB,OAAIkB,EAAelB,IAAMmB,EAAkBnB,GAClCb,IAELiC,EAAiBpB,IAAMqB,EAAiBrB,GACnCd,IAELoC,EAActB,IAChBA,EAAEuB,iBACKpC,EAAcqC,EAAkB9C,EAAKD,EAAKG,KAE/C6C,EAAgBzB,IAClBA,EAAEuB,iBACKrC,EAAcsC,EAAkB9C,EAAKD,EAAKG,KAE/C8C,EAAY1B,IACdA,EAAEuB,iBACKvC,EAAiBP,IAEtBkD,EAAW3B,IACbA,EAAEuB,iBACKvC,EAAiBN,SAF1B,CAIF,GAYIgC,EAAAC,cAACiB,EAAU,CAACC,QAAStB,GAAiBlC,KAAMA,EAAMyD,IAAKvC,GACrDmB,EAAAC,cAACoB,EAAW,CAAC5D,MAAOA,IACnBoB,EAAQyC,SACPtB,EAAAC,cAAAD,EAAAuB,SAAA,KACEvB,EAAAC,cAACuB,EAAiB,CAACxC,UAAWA,EAAWC,OAAQA,EAAQxB,MAAOA,IAC/DyB,EAAUuC,KAAI,SAACC,EAAUC,GACxB,OACE3B,EAAAC,cAAC2B,EAAW,CACVC,IAAK1C,EAAUwC,GACfA,MAAOA,EACPG,OAAQ1C,EACRsC,SAAUA,EACVjE,MAAOA,EACPE,KAAMA,GAGZ,MAMZ"}

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

@@ -0,0 +1,2 @@
+var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-0abb9e445f96_3_68_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{e as default};
+//# sourceMappingURL=SliderBase.module.scss.js.map

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

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

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.js

@@ -0,0 +1,2 @@
+import e from"react";import r from"classnames";import{getStyle as t}from"../../../helpers/typesciptCssModulesHelper.js";import o from"./SliderFilledTrack.module.scss.js";var s=function(s){var c=s.className,i=s.dimension,a=s.offset,l=s.reverse,m=s.color,n=function(e,r,t){return t?{right:"".concat(r,"%"),width:"".concat(e-r,"%")}:{left:"".concat(r,"%"),width:"".concat(e-r,"%")}}(void 0===i?0:i,void 0===a?0:a,void 0!==l&&l);return e.createElement("div",{className:r(o.filledTrack,t(o,m),c),style:n})};export{s as default};
+//# sourceMappingURL=SliderFilledTrack.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n  if (reverse) {\n    return {\n      right: `${offset}%`,\n      width: `${dimension - offset}%`\n    };\n  }\n  return {\n    left: `${offset}%`,\n    width: `${dimension - offset}%`\n  };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n  /**\n   * The size of the filled track, based on the selected value.\n   */\n  dimension?: number;\n  /**\n   * The offset from the start of the track.\n   */\n  offset?: number;\n  /**\n   * If true, the filled track starts from the end instead of the beginning.\n   */\n  reverse?: boolean;\n  /**\n   * The color of the filled track.\n   */\n  color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n  className,\n  dimension = 0,\n  offset = 0,\n  reverse = false,\n  color\n}) => {\n  const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n  return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"0KAuCA,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,EAvCR,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -0,0 +1,2 @@
+var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){const n="s_id-bb386829c5aa_3_68_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)}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
+//# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+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/mocked_classnames/src/components/Slider/SliderBase/SliderRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRail.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, type ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { type VibeComponent } from \"../../../types\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { type 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/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -0,0 +1,2 @@
+var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_3_68_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail {\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 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+//# sourceMappingURL=SliderRail.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+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 i from"../../Tooltip/Tooltip.js";import{TOOLTIP_SHOW_DELAY as n}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"es-toolkit";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,k=N.dragging,z=N.focused,A=N.shapeTestId,K=N.showValue,V=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(){z===g&&R&&R.current&&R.current.focus()}),[z,g]),o.createElement(i,{open:F===g||k===g,content:K?null:H,position:"top",showDelay:n,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,k===g),d.focused,z),d.notDisabledThumb,!_),f),"data-testid":A("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},K&&o.createElement("label",{className:m(d.label,c(d,p("color-"+q)),c(d,p("position-"+V)))},H)))};export{v as default};
+//# sourceMappingURL=SliderThumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type 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 type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\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":"qjBAmCA,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/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -0,0 +1,2 @@
+var o={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label",positionTop:"positionTop",positionBottom:"positionBottom",colorPrimary:"colorPrimary",colorSecondary:"colorSecondary"};!function(o){const n="s_id-9ef20defa923_3_68_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)}(".thumb {\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 {\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 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 20px;\n  width: 20px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\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.positionTop {\n  bottom: calc(100% + 8px);\n}\n\n.label.positionBottom {\n  top: calc(100% + 8px);\n}\n\n.label.colorPrimary {\n  color: var(--primary-text-color);\n}\n\n.label.colorSecondary {\n  color: var(--secondary-text-color);\n}");export{o as default};
+//# sourceMappingURL=SliderThumb.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+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/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { type 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/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -0,0 +1,2 @@
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){const t="s_id-f9216dea54b1_3_68_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)}(".track {\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 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+//# sourceMappingURL=SliderTrack.module.scss.js.map

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

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

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

@@ -0,0 +1,2 @@
+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/mocked_classnames/src/components/Slider/SliderConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderConstants.js","sources":["../../../../../src/components/Slider/SliderConstants.ts"],"sourcesContent":["import { type IconType } from \"../Icon\";\nimport { type ReactElement } from \"react\";\nimport {\n  type SliderSize,\n  type SliderColor as SliderColorType,\n  type SliderLabelPosition,\n  type SliderLabelColor\n} 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":"AAaO,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"}