npm - @vibe/core - Versions diffs - 4.2.1 → 4.2.3 - Mend

@vibe/core 4.2.1 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1121) hide show

package/dist/src/components/ProgressBars/ProgressBar/ProgressBarHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBarHelpers.js","sources":["../../../../../src/components/ProgressBars/ProgressBar/ProgressBarHelpers.ts"],"sourcesContent":["import { type SIZES } from \"./../../../constants/sizes\";\nimport cx from \"classnames\";\nimport styles from \"./ProgressBar.module.scss\";\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const calculatePercentage = (value: number, min: number, max: number, allowExceeding?: boolean) => {\n const valuePercentage = (Number(value - min) / Number(max - min)) * 100;\n return !allowExceeding && 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","allowExceeding","valuePercentage","Number","getProgressBarClassNames","cx","styles","progressBar","_defineProperty","completed"],"mappings":"~~yJAMaA~~,~~IAAAA~~,EAAsB,SAACC,EAAeC,EAAaC,EAAaC,GAC3E,IAAMC,EAAmBC,OAAOL,EAAQC,GAAOI,OAAOH,EAAMD,GAAQ,IACpE,OAAQE,GAAkBC,EAAkB,IAAM,IAAMA,CAC1D,EAEaE,EAA2B,SAACN,GACvC,OAAOO,EAAGC,EAAOC,YAAWC,EAAA,~~CAAA~~,~~EAAKF,~~EAAOG,UAAYX,GAAS,KAC/D"}
1	+ {"version":3,"file":"ProgressBarHelpers.js","sources":["../../../../../src/components/ProgressBars/ProgressBar/ProgressBarHelpers.ts"],"sourcesContent":["import { type SIZES } from \"./../../../constants/sizes\";\nimport cx from \"classnames\";\nimport styles from \"./ProgressBar.module.scss\";\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const calculatePercentage = (value: number, min: number, max: number, allowExceeding?: boolean) => {\n const valuePercentage = (Number(value - min) / Number(max - min)) * 100;\n return !allowExceeding && 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","allowExceeding","valuePercentage","Number","getProgressBarClassNames","cx","styles","progressBar","_defineProperty","completed"],"mappings":"yJAMO,IAAMA,EAAsB,SAACC,EAAeC,EAAaC,EAAaC,GAC3E,IAAMC,EAAmBC,OAAOL,EAAQC,GAAOI,OAAOH,EAAMD,GAAQ,IACpE,OAAQE,GAAkBC,EAAkB,IAAM,IAAMA,CAC1D,EAEaE,EAA2B,SAACN,GACvC,OAAOO,EAAGC,EAAOC,YAAWC,EAAA,GAAKF,EAAOG,UAAYX,GAAS,KAC/D"}

package/dist/src/components/RadioButton/RadioButton.js CHANGED Viewed

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

package/dist/src/components/RadioButton/RadioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
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 \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { Text } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { Tooltip } from \"@vibe/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?: number;\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 \"aria-label\"?: string;\n /\n ID of element that describe this radio button.\n */\n \"aria-describedby\"?: string;\n}\n\nconst RadioButton = forwardRef(\n (\n {\n className,\n text = \"\",\n value = \"\",\n name = \"\",\n labelClassName,\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 \"aria-label\": ariaLabel,\n \"aria-describedby\": 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":"~~ooBAkFMA~~,~~IAAAA~~,EAAcC,GAClB,SAAAC,EAuBEC,GACE,IAtBAC,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,EACTE,EAAcT,EAAdS,eACAC,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,EAACA,EAAAE,EAAAxB,EACpByB,iBAAAA,~~OAAmB~~,~~IAAHD~~,GAAQA,EACVE,EAAS1B,EAAvB,cACoB2B,EAAe3B,EAAnC,oBACA4B,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"}
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 \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { Text } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { Tooltip } from \"@vibe/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?: number;\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 \"aria-label\"?: string;\n /\n ID of element that describe this radio button.\n */\n \"aria-describedby\"?: string;\n}\n\nconst RadioButton = forwardRef(\n (\n {\n className,\n text = \"\",\n value = \"\",\n name = \"\",\n labelClassName,\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 \"aria-label\": ariaLabel,\n \"aria-describedby\": 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":"ioBAkFA,IAAMA,EAAcC,GAClB,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EACTE,EAAcT,EAAdS,eACAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAc,IAAAD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAgB,IAAAD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAgB,IAAAD,EAAG,EAACA,EAAAE,EAAAxB,EACpByB,iBAAAA,OAAgB,IAAAD,GAAQA,EACVE,EAAS1B,EAAvB,cACoB2B,EAAe3B,EAAnC,oBACA4B,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,MAEb,GAAG,CAACA,EAAUY,EAAUlB,EAAUS,IAE5BgB,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZpB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEwB,EAAAC,cAACC,EAAO,CAACC,QAHY/B,EAAWE,EAAiB,MAI/C0B,EAAAC,cAAA,QAAA,CAAA,cACeZ,GAAce,EAAUC,EAAuBC,aAAclB,GAAG,YAClEmB,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,EAAY,CAAA,aACJX,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,EAAAC,cAACoB,EAAI,CACHC,QAAQ,OACRN,KAAK,QACLtD,UAAWO,EAAc,cACZmC,EAAUC,EAAuBkB,mBAAoBnC,IAEjExB,GAGJa,GACCuB,EAAAC,cAACuB,EAAS,CAACC,QAAS/B,EAAcgC,SAAU3C,GACzCN,IAMb"}

package/dist/src/components/RadioButton/RadioButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_6ae6172ab5",inputContainer:"inputContainer_c1928087dd",input:"input_a6b56c9c7f",control:"control_c5a706a08c",labelAnimation:"labelAnimation_13ee4f6226",radioCheckedAnimation:"radioCheckedAnimation_04d911c2be",disabled:"disabled_a60a919909",label:"label_7822144247"};!function(n){const e="s_id-f0fb17b54d8d_4_2_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_6ae6172ab5 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_c1928087dd {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_a6b56c9c7f {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_c5a706a08c {\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_c5a706a08c {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_13ee4f6226 {\n  animation-name: radioCheckedAnimation_04d911c2be;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_c5a706a08c {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_c5a706a08c {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_6ae6172ab5.disabled_a60a919909 {\n  cursor: not-allowed;\n}\n.radioButton_6ae6172ab5.disabled_a60a919909 .label_7822144247 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_c1928087dd input:focus-visible + .control_c5a706a08c {\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_6ae6172ab5:hover .inputContainer_c1928087dd input:enabled:checked + .control_c5a706a08c {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_6ae6172ab5:hover .inputContainer_c1928087dd input:enabled:not(:checked) + .control_c5a706a08c,\n.radioButton_6ae6172ab5:focus-within .inputContainer_c1928087dd input:enabled:not(:checked) + .control_c5a706a08c {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_04d911c2be {\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};
+var n={radioButton:"radioButton_93526a1728",inputContainer:"inputContainer_d768c74b8f",input:"input_5bb1611df4",control:"control_a8b4a1cd81",labelAnimation:"labelAnimation_0df261a9c6",disabled:"disabled_fa2a863113"};!function(n){const o="s_id-f0fb17b54d8d_4_2_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_93526a1728 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_d768c74b8f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_5bb1611df4 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_a8b4a1cd81 {\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_a8b4a1cd81 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_0df261a9c6 {\n  animation-name: radioCheckedAnimation_0fd0037915;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_a8b4a1cd81 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_a8b4a1cd81 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_93526a1728.disabled_fa2a863113 {\n  cursor: not-allowed;\n}\n.radioButton_93526a1728.disabled_fa2a863113 .label_ddcf1354e4 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_d768c74b8f input:focus-visible + .control_a8b4a1cd81 {\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_93526a1728:hover .inputContainer_d768c74b8f input:enabled:checked + .control_a8b4a1cd81 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_93526a1728:hover .inputContainer_d768c74b8f input:enabled:not(:checked) + .control_a8b4a1cd81,\n.radioButton_93526a1728:focus-within .inputContainer_d768c74b8f input:enabled:not(:checked) + .control_a8b4a1cd81 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_0fd0037915 {\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/src/components/Search/Search.js CHANGED Viewed

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

package/dist/src/components/Search/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
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 \"@vibe/shared\";\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 \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/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 \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": 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 icon={searchIconName} className={styles.icon} type=\"font\" size={size === \"small\" ? \"16px\" : \"20px\"} />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n aria-label={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","type","IconButton","cx","_defineProperty","empty","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"~~q0BAcA~~,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EAIAC,EAWAC,EAjCmCC,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,UACiBC,GAAY1C,EAA7B,iBACiB2C,GAAY3C,EAA7B,iBAAe4C,GAAA5C,EACf6C,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,~~EAAK~~,~~CAAAC~~,KAAMhD,EAAgB4B,UAAWqB,EAAOD,KAAME,KAAK,OAAOtC,KAAe,UAATA,EAAmB,OAAS,SAG9Ff,EACJgD,EAAAC,cAACK,EAAU,CACTvB,UAAWwB,EAAGH,EAAOD,KAAIK,~~EAAKJ~~,~~CAAAA~~,~~EAAAA~~,EAAOK,OAAS9D,IAC9CwD,KAAM9C,EAAa,aACPG,EACZkD,QAAS5D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QAAO,cAC1B4C,EAAUC,EAAuBC,oBAAqBzB,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAc,SAAA,KACG7C,GACC+B,EAAAC,cAACc,~~EACC~~,~~CAAAhD~~,KAAe,UAATA,EAAmB,KAAO,GAChCiD,MAAM,YACNC,iBAAkBV,EAAEC,KAAIJ,EAAOc,QAAUvE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACkB,EAAS,CACR5E,IAAKE,EACL2C,GAAIA,GACJiB,KAAM,~~SACO~~,~~cAAAhB~~,IAAcsB,EAAUC,EAAuBQ,OAAQhC,IAAG,YAC5DiC,EAAgBD,OAC3BrC,UAAWwB,EAAGH,EAAOkB,cAAevC,IACpCwC,eAAgBnB,EAAOoB,OACvB5D,MAAOjB,EACP8E,WAAY1E,EACZ2E,YAAazE,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN4D,YAAY,SACZC,UAAWpD,EAA2B,gBAAaqD,EAAS,aAChDxD,EAAc,YACfJ,~~EACI~~,~~gBAAAe~~,GAAeR,OAA2BqD,EAAS,wBAC3CpD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}
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 \"@vibe/shared\";\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 \"@vibe/base\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Icon } from \"@vibe/icon\";\nimport { type SearchProps } from \"./Search.types\";\nimport { Loader } from \"@vibe/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 \"aria-expanded\": ariaExpanded,\n \"aria-haspopup\": 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 icon={searchIconName} className={styles.icon} type=\"font\" size={size === \"small\" ? \"16px\" : \"20px\"} />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n aria-label={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","type","IconButton","cx","_defineProperty","empty","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","SEARCH","ComponentVibeId","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"k0BAcA,IAAMA,EAASC,GACb,SAAAC,EA8BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAOAC,EAIAC,EAWAC,EAjCmCC,EAAAZ,EA5BvCa,eAAAA,OAAc,IAAAD,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAa,IAAAD,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAc,IAAAD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAY,IAAAD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAY,IAAAD,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,UACiBC,GAAY1C,EAA7B,iBACiB2C,GAAY3C,EAA7B,iBAAe4C,GAAA5C,EACf6C,cAAAA,QAAa,IAAAD,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,EAAgB,UAAhBpD,EAASqD,eAAO,IAAAC,OAAA,EAAAA,EAAEC,8BAClBlD,IACAgC,UAAAA,KACF,GAAG,CAACb,EAXgCnB,EAAUH,EAAVG,WAWVgC,KAEpB9B,EACJiD,EAAAC,cAACC,EAAI,CAACC,KAAMhD,EAAgB4B,UAAWqB,EAAOD,KAAME,KAAK,OAAOtC,KAAe,UAATA,EAAmB,OAAS,SAG9Ff,EACJgD,EAAAC,cAACK,EAAU,CACTvB,UAAWwB,EAAGH,EAAOD,KAAIK,EAAA,CAAA,EAAKJ,EAAOK,OAAS9D,IAC9CwD,KAAM9C,EAAa,aACPG,EACZkD,QAAS5D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QAAO,cAC1B4C,EAAUC,EAAuBC,oBAAqBzB,MAIjEnC,EACJ+C,EAAAC,cAAAD,EAAAc,SAAA,KACG7C,GACC+B,EAAAC,cAACc,EAAM,CACLhD,KAAe,UAATA,EAAmB,KAAO,GAChCiD,MAAM,YACNC,iBAAkBV,EAAEC,KAAIJ,EAAOc,QAAUvE,IAAec,MAG3D0B,IAAiBxC,IAAeqB,GAAYhB,IAC1CW,GAA2BhB,IAAec,GAK/CuC,EAAAC,cAACkB,EAAS,CACR5E,IAAKE,EACL2C,GAAIA,GACJiB,KAAM,SAAQ,cACDhB,IAAcsB,EAAUC,EAAuBQ,OAAQhC,IAAG,YAC5DiC,EAAgBD,OAC3BrC,UAAWwB,EAAGH,EAAOkB,cAAevC,IACpCwC,eAAgBnB,EAAOoB,OACvB5D,MAAOjB,EACP8E,WAAY1E,EACZ2E,YAAazE,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTG,UAAWA,GACXV,aAAcA,EACdL,KAAMA,EACN4D,YAAY,SACZC,UAAWpD,EAA2B,gBAAaqD,EAAS,aAChDxD,EAAc,YACfJ,EAAO,gBACHe,GAAeR,OAA2BqD,EAAS,wBAC3CpD,EAAmB,gBAC3BQ,GAAY,gBACZD,IAGpB"}

package/dist/src/components/Search/Search.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_2f57ccf540",search:"search_e6f6cbb745",loader:"loader_3d464914f3",icon:"icon_0f5ee8a0c8",empty:"empty_6a791d89cd"};!function(e){const c="s_id-7351621e5f98_4_2_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+c))return;const r=document.createElement("style");r.id=c,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".searchWrapper_2f57ccf540 .search_e6f6cbb745 {\n  appearance: textfield;\n}\n.searchWrapper_2f57ccf540 .search_e6f6cbb745::-webkit-search-cancel-button, .searchWrapper_2f57ccf540 .search_e6f6cbb745::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_2f57ccf540 .loader_3d464914f3 {\n  margin-inline-end: var(--space-4);\n}\n.searchWrapper_2f57ccf540 .icon_0f5ee8a0c8 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_2f57ccf540 .icon_0f5ee8a0c8.empty_6a791d89cd {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_d176b8c02b",search:"search_5a0dde8d0a",loader:"loader_8f9e07ab5f",icon:"icon_19bff6c62d",empty:"empty_a6214d1e71"};!function(e){const a="s_id-7351621e5f98_4_2_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_d176b8c02b .search_5a0dde8d0a {\n  appearance: textfield;\n}\n.searchWrapper_d176b8c02b .search_5a0dde8d0a::-webkit-search-cancel-button, .searchWrapper_d176b8c02b .search_5a0dde8d0a::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_d176b8c02b .loader_8f9e07ab5f {\n  margin-inline-end: var(--space-4);\n}\n.searchWrapper_d176b8c02b .icon_19bff6c62d {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_d176b8c02b .icon_19bff6c62d.empty_a6214d1e71 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

package/dist/src/components/Skeleton/Skeleton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e 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{SKELETON_CUSTOM_SIZE as l}from"./SkeletonConstants.js";import a from"./Skeleton.module.scss.js";import{getStyle as m}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(d){var p=d.type,n=d.size,f=d.className,c=d.width,u=d.height,h=d.fullWidth,v=void 0!==h&&h,g=d.id,j=d["data-testid"],N=(void 0===p?"rectangle":p)||"rectangle",k=(void 0===n?"custom":n)||l;return e.createElement("div",{id:g,className:o(a.skeleton,d.wrapperClassName,t({},a.fullWidth,v)),"data-testid":j||r(i.SKELETON,g)},e.createElement("div",{className:o(a[N],m(a,s(N+"-"+k)),f,t({},a.fullWidth,v)),style:{width:c,height:u}}))};export{d as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as i}from"../../../testIds.js";import o from"classnames";import{SKELETON_CUSTOM_SIZE as l}from"./SkeletonConstants.js";import a from"./Skeleton.module.scss.js";import{getStyle as m}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(d){var p=d.type,n=d.size,f=d.className,c=d.width,u=d.height,h=d.fullWidth,v=void 0!==h&&h,g=d.id,j=d["data-testid"],N=(void 0===p?"rectangle":p)||"rectangle",k=(void 0===n?"custom":n)||l;return e.createElement("div",{id:g,className:o(a.skeleton,d.wrapperClassName,t({},a.fullWidth,v)),"data-testid":j||r(i.SKELETON,g)},e.createElement("div",{className:o(a[N],m(a,s(N+"-"+k)),f,t({},a.fullWidth,v)),style:{width:c,height:u}}))};export{d as default};
 //# sourceMappingURL=Skeleton.js.map

package/dist/src/components/Skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
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 { SKELETON_CUSTOM_SIZE } from \"./SkeletonConstants\";\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } 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 = type \|\| \"rectangle\";\n\n // Skeleton has sizes only for text type, other types support only custom size\n const skeletonSize = 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\nexport default Skeleton;\n"],"names":["Skeleton","_ref","_ref$type","type","_ref$size","size","className","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","skeletonSize","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","wrapperClassName","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style"],"mappings":"~~+aAqCA~~,IAAMA,EAAW,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAkBC,EAAAH,EAClBI,KACAC,EAASL,EAATK,UAEAC,EAAKN,EAALM,MACAC,EAAMP,EAANO,OAAMC,EAAAR,EACNS,UAAAA,~~OAAY~~,~~IAAHD~~,GAAQA,EACjBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAEMY,~~QAVC~~,~~IAAHX~~,EAAG,YAAWA,IAUW,YAGvBY,~~QAZC~~,~~IAAHV~~,EAAG,SAAQA,IAYcW,EAE7B,OACEC,~~EACEC~~,cAAA,MAAA,~~CAAAN~~,GAAIA,EACJL,UAAWY,EAAGC,EAAOC,SAfTnB,EAAhBoB,iBAemDC,KAAKH,EAAOT,UAAYA,~~IAC1D~~,~~cAAAE~~,GAAcW,EAAUC,EAAuBC,SAAUd,IAEtEK,~~EACEC~~,cAAA,MAAA,~~CAAAX~~,UAAWY,EAAGC,EAAON,GAAea,EAASP,EAAQQ,EAAUd,EAAe,IAAMC,IAAgBR,EAASgB,~~EAC1GH~~,~~CAAAA~~,~~EAAAA~~,EAAOT,UAAYA,IAEtBkB,MAAO,CAAErB,MAAAA,EAAOC,OAAAA,KAIxB"}
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 { SKELETON_CUSTOM_SIZE } from \"./SkeletonConstants\";\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } 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 = type \|\| \"rectangle\";\n\n // Skeleton has sizes only for text type, other types support only custom size\n const skeletonSize = 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\nexport default Skeleton;\n"],"names":["Skeleton","_ref","_ref$type","type","_ref$size","size","className","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","skeletonSize","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","wrapperClassName","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style"],"mappings":"4aAqCA,IAAMA,EAAW,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAkBC,EAAAH,EAClBI,KACAC,EAASL,EAATK,UAEAC,EAAKN,EAALM,MACAC,EAAMP,EAANO,OAAMC,EAAAR,EACNS,UAAAA,OAAS,IAAAD,GAAQA,EACjBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAEMY,QAVF,IAAAX,EAAG,YAAWA,IAUW,YAGvBY,QAZF,IAAAV,EAAG,SAAQA,IAYcW,EAE7B,OACEC,EAAAC,cAAA,MAAA,CACEN,GAAIA,EACJL,UAAWY,EAAGC,EAAOC,SAfTnB,EAAhBoB,iBAemDC,KAAKH,EAAOT,UAAYA,IAAY,cACtEE,GAAcW,EAAUC,EAAuBC,SAAUd,IAEtEK,EAAAC,cAAA,MAAA,CACEX,UAAWY,EAAGC,EAAON,GAAea,EAASP,EAAQQ,EAAUd,EAAe,IAAMC,IAAgBR,EAASgB,EAAA,CAAA,EAC1GH,EAAOT,UAAYA,IAEtBkB,MAAO,CAAErB,MAAAA,EAAOC,OAAAA,KAIxB"}

package/dist/src/components/Skeleton/Skeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_d84cb4080d",rectangle:"rectangle_4861ad3f82",shine:"shine_4830d6c16c",circle:"circle_ba063cee28",text:"text_517eb28fdd",textH1:"textH1_55d3eff6e8",textH2:"textH2_a75e788f53",textH3:"textH3_a75e788f53",textH4:"textH4_043a192aec",textH5:"textH5_4bafc7315e",textH6:"textH6_39a5b85913",textSmall:"textSmall_b348c55aae",textCustom:"textCustom_39a5b85913",fullWidth:"fullWidth_248f9500a0"};!function(n){const e="s_id-41cda04b2bc0_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_d84cb4080d {\n  display: flex;\n}\n\n.rectangle_4861ad3f82 {\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_4830d6c16c;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4830d6c16c {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_ba063cee28 {\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_4830d6c16c;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4830d6c16c {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_517eb28fdd {\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_4830d6c16c;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4830d6c16c {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_55d3eff6e8 {\n  height: 32px;\n}\n\n.textH2_a75e788f53 {\n  height: 24px;\n}\n\n.textH3_a75e788f53 {\n  height: 24px;\n}\n\n.textH4_043a192aec {\n  height: 21px;\n}\n\n.textH5_4bafc7315e {\n  height: 16px;\n}\n\n.textH6_39a5b85913 {\n  height: 12px;\n}\n\n.textSmall_b348c55aae,\n.textCustom_39a5b85913 {\n  height: 12px;\n}\n\n.fullWidth_248f9500a0 {\n  width: 100%;\n}\n\n.skeleton_d84cb4080d:not(.fullWidth_248f9500a0) .text_517eb28fdd {\n  width: 162px;\n}\n\n.skeleton_d84cb4080d:not(.fullWidth_248f9500a0) .circle_ba063cee28 {\n  width: 40px;\n}\n\n.skeleton_d84cb4080d:not(.fullWidth_248f9500a0) .rectangle_4861ad3f82 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_b656a1fbd1",rectangle:"rectangle_baf2876e0a",shine:"shine_36b54cdeec",circle:"circle_a1143d5275",text:"text_b99af35089",textH1:"textH1_36bcc15693",textH2:"textH2_8b80e71e99",textH3:"textH3_8b80e71e99",textH4:"textH4_2c0acc8116",textH5:"textH5_da8ae2c812",textH6:"textH6_3cad83ad75",textSmall:"textSmall_5f734ca8b0",textCustom:"textCustom_3cad83ad75",fullWidth:"fullWidth_519bc92cac"};!function(n){const e="s_id-41cda04b2bc0_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_b656a1fbd1 {\n  display: flex;\n}\n\n.rectangle_baf2876e0a {\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_36b54cdeec;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_36b54cdeec {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_a1143d5275 {\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_36b54cdeec;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_36b54cdeec {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_b99af35089 {\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_36b54cdeec;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_36b54cdeec {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_36bcc15693 {\n  height: 32px;\n}\n\n.textH2_8b80e71e99 {\n  height: 24px;\n}\n\n.textH3_8b80e71e99 {\n  height: 24px;\n}\n\n.textH4_2c0acc8116 {\n  height: 21px;\n}\n\n.textH5_da8ae2c812 {\n  height: 16px;\n}\n\n.textH6_3cad83ad75 {\n  height: 12px;\n}\n\n.textSmall_5f734ca8b0,\n.textCustom_3cad83ad75 {\n  height: 12px;\n}\n\n.fullWidth_519bc92cac {\n  width: 100%;\n}\n\n.skeleton_b656a1fbd1:not(.fullWidth_519bc92cac) .text_b99af35089 {\n  width: 162px;\n}\n\n.skeleton_b656a1fbd1:not(.fullWidth_519bc92cac) .circle_a1143d5275 {\n  width: 40px;\n}\n\n.skeleton_b656a1fbd1:not(.fullWidth_519bc92cac) .rectangle_baf2876e0a {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/src/components/SlideTransition/SlideTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlideTransition.js","sources":["../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\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 <div\n ref={ref}\n className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n style={style}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"~~gHAKMA~~,~~IAAAA~~,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,~~EACEC~~,cAAA,MAAA,~~CAAAJ~~,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}
1	+ {"version":3,"file":"SlideTransition.js","sources":["../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\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 <div\n ref={ref}\n className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n style={style}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"gHAKA,IAAMA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,EAAAC,cAAA,MAAA,CACEJ,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}

package/dist/src/components/SlideTransition/SlideTransition.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slide:"slide_44ff951cc1",slideForward:"slideForward_24bfc3d64c",slideInForward:"slideInForward_104b181ab4",slideBackward:"slideBackward_4a98d81e1f",slideInBackward:"slideInBackward_e99ea6ec98"};!function(e){const n="s_id-17fe3dfbe840_4_2_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide_44ff951cc1 {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward_24bfc3d64c {\n  animation: slideInForward_104b181ab4 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward_4a98d81e1f {\n  animation: slideInBackward_e99ea6ec98 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward_104b181ab4 {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInBackward_e99ea6ec98 {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
+var e={slide:"slide_562d82c71e",slideForward:"slideForward_bcdcf73f50",slideBackward:"slideBackward_6e2a16f47e"};!function(e){const n="s_id-17fe3dfbe840_4_2_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide_562d82c71e {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward_bcdcf73f50 {\n  animation: slideInForward_ddd43df170 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward_6e2a16f47e {\n  animation: slideInBackward_dc3ab56120 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward_ddd43df170 {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInBackward_dc3ab56120 {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

package/dist/src/components/Slider/SelectionIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
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,kBADwC,IAAAF,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,EACzC,GAtCqB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAS,CAACC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}

package/dist/src/components/Slider/SelectionIndicator.module.scss.js CHANGED Viewed

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

package/dist/src/components/Slider/Slider.js CHANGED Viewed

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

package/dist/src/components/Slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n /*\n Define a string that labels the current element (Slider)\n /\n \"aria-label\"?: string;\n /\n ElementId of Node that have the text needed for labeling the current element (Slider)\n /\n \"aria-labelledby\"?: 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 \"aria-label\": ariaLabel,\n \"aria-labelledby\": 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 aria-label={ariaLabel}\n aria-labelledby={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=\"prefix\" />\n <SliderBase />\n <SliderInfix kind=\"postfix\" />\n </div>\n </SliderProvider>\n );\n }\n);\n\nexport default Slider;\n"],"names":["Slider","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","SliderBase"],"mappings":"~~4oBA8HMA~~,~~IAAAA~~,EAASC,GACb,SAAAC,EA2BEC,GACE,IA1BcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,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~~,~~EACa~~,CAAA,~~aAAAjD~~,oBACKC,EACjBE,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,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,~~EAAa~~,~~MACdb~~,~~EAACC~~,~~cAAAU~~,GAAYC,KAAK,aAI1B"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n /*\n Define a string that labels the current element (Slider)\n /\n \"aria-label\"?: string;\n /\n ElementId of Node that have the text needed for labeling the current element (Slider)\n /\n \"aria-labelledby\"?: 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 \"aria-label\": ariaLabel,\n \"aria-labelledby\": 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 aria-label={ariaLabel}\n aria-labelledby={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=\"prefix\" />\n <SliderBase />\n <SliderInfix kind=\"postfix\" />\n </div>\n </SliderProvider>\n );\n }\n);\n\nexport default Slider;\n"],"names":["Slider","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","SliderBase"],"mappings":"4oBA8HA,IAAMA,EAASC,GACb,SAAAC,EA2BEC,GACE,IA1BcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAU,IAAAD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAG,IAAAD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAG,IAAAD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAQ,IAAAD,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAM,IAAAD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAS,IAAAD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAkB,IAAAD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAe,IAAAD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAI,IAAAD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAY,IAAAD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAc,IAAAD,EAAG,SAACH,GAAa,MAAA,GAAAK,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAiB,IAAAD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAAuB,IAAAD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAAyB,GACtE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAAAC,cAACC,EAAc,CAAA,aACDjD,oBACKC,EACjBE,MAAOA,EAAK,cACCE,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,EAAA,CAAA,EACVF,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GACD,cACYG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,EAAU,MACXb,EAAAC,cAACU,GAAYC,KAAK,aAI1B"}

package/dist/src/components/Slider/Slider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={slider:"slider_115f7eaec1",valueShown:"valueShown_a6ed14e1de",positionTop:"positionTop_fb16446369",positionBottom:"positionBottom_bbebb696eb"};!function(e){const n="s_id-4e41ea5b2e41_4_2_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_115f7eaec1 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_a6ed14e1de.positionTop_fb16446369 {\n  margin-top: 10px;\n}\n\n.valueShown_a6ed14e1de.positionBottom_bbebb696eb {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_51d843d80d",valueShown:"valueShown_a513b66912",positionTop:"positionTop_c75a58dc43",positionBottom:"positionBottom_221ebd10d8"};!function(e){const n="s_id-4e41ea5b2e41_4_2_2";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_51d843d80d {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_a513b66912.positionTop_c75a58dc43 {\n  margin-top: 10px;\n}\n\n.valueShown_a513b66912.positionBottom_221ebd10d8 {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderBase.js.map CHANGED Viewed

	@@ -1 +1 @@
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 getStyle\n} from \"@vibe/shared\";\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 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":"~~o4BAyBMA~~,~~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"}
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 getStyle\n} from \"@vibe/shared\";\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 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":"o4BAyBA,IAAMA,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,EAAAC,cAAA,MAAA,CACE3C,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/src/components/Slider/SliderBase/SliderBase.module.scss.js CHANGED Viewed

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

package/dist/src/components/Slider/SliderBase/SliderFilledTrack.js.map CHANGED Viewed

	@@ -1 +1 @@
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 \"@vibe/shared\";\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":"uLAuCA,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"}
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 \"@vibe/shared\";\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":"uLAuCA,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,MAAK,GAAAC,OAAKN,EAAM,KAChBO,MAAK,GAAAD,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAI,GAAAF,OAAKN,EAAM,KACfO,MAAK,GAAAD,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALhB,IAAAZ,EAAG,EAACA,OACP,IAAAE,EAAG,EAACA,OACH,IAAAE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}

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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_e05a2ad881",positive:"positive_94b6e10155",negative:"negative_9e8588baa8"};!function(e){const n="s_id-bb386829c5aa_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_e05a2ad881 {\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_94b6e10155 {\n  background-color: var(--positive-color);\n}\n\n.negative_9e8588baa8 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_acd8cc677e",positive:"positive_1a2e7c3135",negative:"negative_59aa295438"};!function(e){const n="s_id-bb386829c5aa_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_acd8cc677e {\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_1a2e7c3135 {\n  background-color: var(--positive-color);\n}\n\n.negative_59aa295438 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

	@@ -1 +1 @@
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, getStyle } from \"@vibe/shared\";\nimport { useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\n\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 = 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":"~~0TAwBMA~~,~~IAAAA~~,EAAaC,GACjB,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"}
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, getStyle } from \"@vibe/shared\";\nimport { useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\n\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 = 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":"0TAwBA,IAAMA,EAAaC,GACjB,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAO,IAAAD,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/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\";\n\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 \"aria-label\": ariaLabel,\n \"aria-labelledby\": 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":"+mBAmCA,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,OACcC,EAASH,EAAvB,cACmBI,EAAcJ,EAAjC,mBACAK,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"}
1	+ {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/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\";\n\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 \"aria-label\": ariaLabel,\n \"aria-labelledby\": 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":"+mBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAK,IAAAD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAAM,IAAAD,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAQ,IAAAD,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,OACcC,EAASH,EAAvB,cACmBI,EAAcJ,EAAjC,mBACAK,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,EAAAC,cAACC,EAAO,CACNC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EAAG,gBACHC,EAAG,gBACHG,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,GACD,cACY2B,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,KAAgB,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}

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

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_36d9ebf705",dragging:"dragging_e6c545700e",focused:"focused_00e4160564",notDisabledThumb:"notDisabledThumb_8103d05e43","focus-visible":"focus-visible_2d4b1c6bea",positive:"positive_1e1985d4b7",negative:"negative_1d6400dd56",small:"small_ccbb9861b4",medium:"medium_11a317ba9c",large:"large_b1c4588199",label:"label_c51320b6d8",positionTop:"positionTop_d62901738f",positionBottom:"positionBottom_5239317f4c",colorPrimary:"colorPrimary_5a38248695",colorSecondary:"colorSecondary_87f9814ae9"};!function(o){const n="s_id-8687af7a27b4_4_2_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_36d9ebf705 {\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.dragging_e6c545700e {\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.focused_00e4160564 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_8103d05e43:focus-visible, .notDisabledThumb_8103d05e43.focus-visible_2d4b1c6bea {\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.notDisabledThumb_8103d05e43:focus:not(.focus-visible_2d4b1c6bea) {\n  outline: none;\n}\n.notDisabledThumb_8103d05e43:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_1e1985d4b7 {\n  border-color: var(--positive-color);\n}\n.positive_1e1985d4b7.notDisabledThumb_8103d05e43:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_1d6400dd56 {\n  border-color: var(--negative-color);\n}\n.negative_1d6400dd56.notDisabledThumb_8103d05e43:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_ccbb9861b4 {\n  height: 16px;\n  width: 16px;\n}\n.medium_11a317ba9c {\n  height: 20px;\n  width: 20px;\n}\n.large_b1c4588199 {\n  height: 24px;\n  width: 24px;\n}\n.label_c51320b6d8 {\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.label_c51320b6d8.positionTop_d62901738f {\n  bottom: calc(100% + 8px);\n}\n.label_c51320b6d8.positionBottom_5239317f4c {\n  top: calc(100% + 8px);\n}\n.label_c51320b6d8.colorPrimary_5a38248695 {\n  color: var(--primary-text-color);\n}\n.label_c51320b6d8.colorSecondary_87f9814ae9 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_072aa496fb",dragging:"dragging_e8a7c0f2e0",focused:"focused_dc43f98884",notDisabledThumb:"notDisabledThumb_8e57168b10","focus-visible":"focus-visible_6321f595d6",positive:"positive_4d40c0a80e",negative:"negative_0c539b14e2",small:"small_37b230a928",medium:"medium_7cde86568f",large:"large_ed3f2fbdc8",label:"label_9f54349639",positionTop:"positionTop_45d8008195",positionBottom:"positionBottom_efb04d6151",colorPrimary:"colorPrimary_6f27e84d9e",colorSecondary:"colorSecondary_e0d266d3e6"};!function(o){const e="s_id-8687af7a27b4_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb_072aa496fb {\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.dragging_e8a7c0f2e0 {\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.focused_dc43f98884 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb_8e57168b10:focus-visible, .notDisabledThumb_8e57168b10.focus-visible_6321f595d6 {\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.notDisabledThumb_8e57168b10:focus:not(.focus-visible_6321f595d6) {\n  outline: none;\n}\n.notDisabledThumb_8e57168b10:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n.positive_4d40c0a80e {\n  border-color: var(--positive-color);\n}\n.positive_4d40c0a80e.notDisabledThumb_8e57168b10:hover {\n  border-color: var(--positive-color-hover);\n}\n.negative_0c539b14e2 {\n  border-color: var(--negative-color);\n}\n.negative_0c539b14e2.notDisabledThumb_8e57168b10:hover {\n  border-color: var(--negative-color-hover);\n}\n.small_37b230a928 {\n  height: 16px;\n  width: 16px;\n}\n.medium_7cde86568f {\n  height: 20px;\n  width: 20px;\n}\n.large_ed3f2fbdc8 {\n  height: 24px;\n  width: 24px;\n}\n.label_9f54349639 {\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.label_9f54349639.positionTop_45d8008195 {\n  bottom: calc(100% + 8px);\n}\n.label_9f54349639.positionBottom_efb04d6151 {\n  top: calc(100% + 8px);\n}\n.label_9f54349639.colorPrimary_6f27e84d9e {\n  color: var(--primary-text-color);\n}\n.label_9f54349639.colorSecondary_e0d266d3e6 {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

	@@ -1 +1 @@
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 \"@vibe/shared\";\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":"~~iLAcMA~~,~~IAAAA~~,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}
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 \"@vibe/shared\";\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":"iLAcA,IAAMA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}

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

@@ -1,2 +1,2 @@
-var e={track:"track_d74c9b1632",positive:"positive_d799265506",negative:"negative_10eb989ad6"};!function(e){const t="s_id-f9216dea54b1_4_2_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_d74c9b1632 {\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_d799265506 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_10eb989ad6 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_b998b1e975",positive:"positive_972ff63c4f",negative:"negative_51f7698b9d"};!function(e){const t="s_id-f9216dea54b1_4_2_2";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_b998b1e975 {\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_972ff63c4f {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_51f7698b9d {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map