@vibe/core 4.5.8 → 4.5.9-alpha-0c988.0

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

@@ -1,2 +0,0 @@
-var n={counter:"counter_75bdeea958",withAnimation:"withAnimation_28c6e8a578",counterPopElastic:"counterPopElastic_9c781a661c",sizeXs:"sizeXs_7e1d1fecef",sizeSmall:"sizeSmall_aab9dad177",sizeLarge:"sizeLarge_20fb45c2b5",kindFill:"kindFill_a1373d0bad",colorPrimary:"colorPrimary_cf3a43007e",colorDark:"colorDark_2eb6c543a1",colorNegative:"colorNegative_abd5ea0c48",colorLight:"colorLight_b9f19f3d24",kindLine:"kindLine_ff0cdee2e1",fadeEnter:"fadeEnter_ea2e1ee130",fadeEnterActive:"fadeEnterActive_6cd1723c92",fadeExit:"fadeExit_4da6bf5216",fadeExitActive:"fadeExitActive_ab7a8dc3d2","counter-pop-elastic":"counter-pop-elastic_2dce59163f"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_7";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_75bdeea958 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_2dce59163f {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_28c6e8a578 {\n  animation: counterPopElastic_9c781a661c var(--motion-expressive-short);\n}\n.sizeXs_7e1d1fecef {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_aab9dad177 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_20fb45c2b5 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_a1373d0bad.colorPrimary_cf3a43007e {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_a1373d0bad.colorDark_2eb6c543a1 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_a1373d0bad.colorNegative_abd5ea0c48 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_a1373d0bad.colorLight_b9f19f3d24 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_ff0cdee2e1 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_ff0cdee2e1.colorPrimary_cf3a43007e {\n  color: var(--primary-color);\n}\n.kindLine_ff0cdee2e1.colorDark_2eb6c543a1 {\n  color: var(--inverted-color-background);\n}\n.kindLine_ff0cdee2e1.colorNegative_abd5ea0c48 {\n  color: var(--negative-color);\n}\n.kindLine_ff0cdee2e1.colorLight_b9f19f3d24 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_ea2e1ee130 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_6cd1723c92 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_4da6bf5216 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_ab7a8dc3d2 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
-//# sourceMappingURL=Counter.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=RadioButton.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-var n={radioButton:"radioButton_e8291bd6df",inputContainer:"inputContainer_faae611c0c",input:"input_a34ba40ef3",control:"control_ddb218a75a",labelAnimation:"labelAnimation_bb72252d3d",radioCheckedAnimation:"radioCheckedAnimation_b29f59a7a2",disabled:"disabled_e85bfc53c5",label:"label_fb6c047b6d"};!function(n){const e="s_id-f0fb17b54d8d_4_5_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_e8291bd6df {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_faae611c0c {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_a34ba40ef3 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_ddb218a75a {\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_ddb218a75a {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_bb72252d3d {\n  animation-name: radioCheckedAnimation_b29f59a7a2;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_ddb218a75a {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_ddb218a75a {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_e8291bd6df.disabled_e85bfc53c5 {\n  cursor: not-allowed;\n}\n.radioButton_e8291bd6df.disabled_e85bfc53c5 .label_fb6c047b6d {\n  color: var(--disabled-text-color);\n}\n.inputContainer_faae611c0c input:focus-visible + .control_ddb218a75a {\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_e8291bd6df:hover .inputContainer_faae611c0c input:enabled:checked + .control_ddb218a75a {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_e8291bd6df:hover .inputContainer_faae611c0c input:enabled:not(:checked) + .control_ddb218a75a,\n.radioButton_e8291bd6df:focus-within .inputContainer_faae611c0c input:enabled:not(:checked) + .control_ddb218a75a {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_b29f59a7a2 {\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/RadioButton/RadioButton.module.scss.js.map

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

package/dist/src/hooks/useAfterFirstRender/index.js

@@ -1,2 +0,0 @@
-import{useRef as r,useEffect as t}from"react";function n(){var n=r(!1);return t((function(){var r=setTimeout((function(){n.current=!0}),0);return function(){return clearTimeout(r)}}),[]),n}export{n as default};
-//# sourceMappingURL=index.js.map

package/dist/src/hooks/useAfterFirstRender/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/hooks/useAfterFirstRender/index.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from \"react\";\n\nexport default function useAfterFirstRender(): RefObject<boolean> {\n  const isAfterFirstRender = useRef(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      isAfterFirstRender.current = true;\n    }, 0);\n    return () => clearTimeout(timer);\n  }, []);\n\n  return isAfterFirstRender;\n}\n"],"names":["useAfterFirstRender","isAfterFirstRender","useRef","useEffect","timer","setTimeout","current","clearTimeout"],"mappings":"8CAEc,SAAUA,IACtB,IAAMC,EAAqBC,GAAO,GASlC,OAPAC,GAAU,WACR,IAAMC,EAAQC,YAAW,WACvBJ,EAAmBK,SAAU,CAC9B,GAAE,GACH,OAAO,WAAA,OAAMC,aAAaH,EAAM,CACjC,GAAE,IAEIH,CACT"}