@razorpay/blade 12.110.0 → 12.119.1

package/build/lib/web/development/components/Input/OTPInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.js","sources":["../../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n  name,\n  value,\n  inputIndex,\n}: {\n  name?: string;\n  value?: string;\n  inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'name'\n  | 'onChange'\n  | 'value'\n  | 'isDisabled'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'keyboardType'\n  | 'placeholder'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Determines the number of input fields to show for the OTP\n   * @default 6\n   */\n  otpLength?: 4 | 6;\n  /**\n   * The callback function to be invoked when all the values of the OTPInput are filled\n   */\n  onOTPFilled?: FormInputOnEvent;\n  /**\n   * Masks input characters in all the fields\n   */\n  isMasked?: boolean;\n  /**\n   * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n   *\n   * It's not recommended to turn this off in favor of otp input practices.\n   *\n   *\n   * Internally it'll render platform specific attributes:\n   *\n   * - web: `autocomplete`\n   * - iOS: `textContentType`\n   * - android: `autoComplete`\n   *\n   */\n  autoCompleteSuggestionType?: Extract<\n    BaseInputProps['autoCompleteSuggestionType'],\n    'none' | 'oneTimeCode'\n  >;\n  /**\n   * The callback function to be invoked when one of the input fields gets focus\n   */\n  onFocus?: FormInputOnEventWithIndex;\n  /**\n   * The callback function to be invoked when one of the input fields is blurred\n   */\n  onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype OTPInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype OTPInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/**\n *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n */\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/**\n * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n *\n * ## Usage\n *\n * ```tsx\n *   <OTPInput\n *     label=\"Enter OTP\"\n *     name=\"otpInput\"\n *     onChange={({ name, value }): void => console.log({ name, value })}\n *     onOTPFilled={({ name, value }): void => console.log({ name, value })}\n *   />\n * ```\n */\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n  {\n    autoFocus,\n    errorText,\n    helpText,\n    isDisabled,\n    keyboardReturnKeyType,\n    keyboardType = 'decimal',\n    label,\n    accessibilityLabel,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    name,\n    onChange,\n    onFocus,\n    onBlur,\n    onOTPFilled,\n    otpLength = 6,\n    placeholder,\n    successText,\n    validationState,\n    value: inputValue,\n    isMasked,\n    autoCompleteSuggestionType = 'oneTimeCode',\n    testID,\n    size = 'medium',\n    ...rest\n  },\n  incomingRef,\n) => {\n  const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n  const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n  const [inputType, setInputType] = useState<('password' | undefined)[]>([]);\n  const isLabelLeftPositioned = labelPosition === 'left';\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n  useImperativeHandle(\n    incomingRef,\n    () => {\n      return inputRefs.map((ref) => ref.current!);\n    },\n    [inputRefs],\n  );\n\n  useEffect(() => {\n    // Effect for calling `onOTPFilled` callback\n    if (inputValue && inputValue.length >= otpLength) {\n      // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n    } else if (!inputValue && otpValue.join('').length >= otpLength) {\n      // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n    }\n  }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n  useEffect(() => {\n    /* We want to disable the password managers for OTPInput when isMasked is set.\n       The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n       This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n    */\n    otpValue.forEach((otp, index) => {\n      // Set inputType as 'password' only when a value is entered when isMasked is set\n      if (!isEmpty(otp) && !inputType[index] && isMasked) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = 'password';\n        setInputType(newInputType);\n      }\n      // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n      if (isEmpty(otp) && inputType[index]) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = undefined;\n        setInputType(newInputType);\n      }\n    });\n  }, [otpValue, inputType, isMasked]);\n\n  /**\n   * Changes the value of the otp at a given index and updates the otpValue stored in state\n   *\n   * @param {{ value: string; index: number }} { value, index }\n   * @returns {string} updated otpValue\n   */\n  const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n    const newOtpValue = Array.from(otpValue);\n    newOtpValue[index] = value;\n    setOtpValue(newOtpValue);\n    return newOtpValue.join('');\n  };\n\n  /**\n   * Sets focus to the desired otp input by index\n   *\n   * @param {number} index the index of the otp input to be focused\n   */\n  const focusOnOtpByIndex = (index: number): void => {\n    inputRefs[index]?.current?.focus();\n    if (!isReactNative) {\n      // React Native doesn't support imperatively selecting the value of input\n      inputRefs[index]?.current?.select();\n    }\n  };\n\n  const handleOnChange = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    if (value && value === ' ') {\n      // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n      return;\n    }\n    if (inputValue && inputValue.length > 0) {\n      // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n      // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n      const newOtpValue = Array.from(inputValue);\n      newOtpValue[currentOtpIndex] = value ?? '';\n      setOtpValue(newOtpValue);\n      onChange?.({ name, value: newOtpValue.join('') });\n    } else if (value && value.trim().length > 1) {\n      // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n      // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n      setOtpValue(Array.from(value));\n      onChange?.({ name, value: value.trim().slice(0, otpLength) });\n    } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n      // Set the value at the current index to the entered value\n      // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n      const newValue = setOtpValueByIndex({\n        value: value?.trim() ?? '',\n        index: currentOtpIndex,\n      });\n      onChange?.({ name, value: newValue });\n    }\n  };\n\n  const handleOnInput = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    // Moves focus to next input whenever a value is entered in the current input\n    if (value && value.trim().length === 1) {\n      focusOnOtpByIndex(++currentOtpIndex);\n    }\n  };\n\n  const handleOnKeyDown = ({\n    key,\n    code,\n    event,\n    currentOtpIndex,\n  }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n    if (key === 'Backspace' || code === 'Backspace' || code === 'Delete' || key === 'Delete') {\n      event.preventDefault?.();\n      if (otpValue[currentOtpIndex]) {\n        // Clear the value at the current index if value exists\n        handleOnChange({ value: '', currentOtpIndex });\n      } else {\n        // Move focus to the previous input if the current input is empty\n        // and clear the value at the new active (previous) index\n        focusOnOtpByIndex(--currentOtpIndex);\n        handleOnChange({ value: '', currentOtpIndex });\n      }\n    } else if (key === 'ArrowLeft' || code === 'ArrowLeft') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(--currentOtpIndex);\n    } else if (key === 'ArrowRight' || code === 'ArrowRight') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(++currentOtpIndex);\n    } else if (key === ' ' || code === 'Space') {\n      event.preventDefault?.();\n    }\n  };\n\n  const getHiddenInput = (): React.ReactNode => {\n    if (!isReactNative) {\n      return (\n        <input\n          hidden={true}\n          id={inputId}\n          name={name}\n          value={inputValue ?? otpValue.join('') ?? ''}\n          readOnly\n        />\n      );\n    }\n    return null;\n  };\n\n  const getOTPInputFields = (): React.ReactNode => {\n    const inputs = [];\n    for (let index = 0; index < otpLength; index++) {\n      const currentValue = inputValue ? otpToArray(inputValue)[index] || '' : otpValue[index] || '';\n      const ref = React.createRef<HTMLInputElement>();\n      // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n      let currentInputType: 'password' | undefined;\n      if (isMasked) {\n        // if inputValue is passed (controlled component) then the inputType will always be password\n        currentInputType = inputValue ? 'password' : inputType[index];\n      }\n      inputRefs.push(ref);\n      inputs.push(\n        <BaseBox\n          flex={1}\n          marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n          key={`${inputId}-${index}`}\n        >\n          <BaseInput\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus && index === 0}\n            accessibilityLabel={`${index === 0 ? label || accessibilityLabel : ''} character ${\n              index + 1\n            }`}\n            label={label}\n            hideLabelText={true}\n            id={`${inputId}-${index}`}\n            textAlign=\"center\"\n            ref={ref as never}\n            name={name}\n            value={currentValue}\n            maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n            onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n            onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n            onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n            onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n            onKeyDown={(keyboardEvent) =>\n              handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n            }\n            isDisabled={isDisabled}\n            placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n            isRequired={true}\n            autoCompleteSuggestionType={autoCompleteSuggestionType}\n            keyboardType={keyboardType}\n            keyboardReturnKeyType={keyboardReturnKeyType}\n            validationState={validationState}\n            successText={successText}\n            errorText={errorText}\n            helpText={helpText}\n            hideFormHint={true}\n            type={currentInputType}\n            size={size}\n            valueComponentType=\"heading\"\n            {...makeAnalyticsAttribute(rest)}\n          />\n        </BaseBox>,\n      );\n    }\n    return inputs;\n  };\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n      >\n        {Boolean(label) && (\n          <FormLabel\n            as=\"label\"\n            position={labelPosition}\n            htmlFor={inputId}\n            size={size}\n            labelSuffix={labelSuffix}\n            labelTrailing={labelTrailing}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <BaseBox display=\"flex\" flexDirection=\"row\">\n          {getHiddenInput()}\n          {getOTPInputFields()}\n        </BaseBox>\n      </BaseBox>\n      {/* the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field */}\n      {/*Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n      <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n        <FormHint\n          type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n          helpText={helpText}\n          errorText={errorText}\n          successText={successText}\n          helpTextId={helpTextId}\n          errorTextId={errorTextId}\n          successTextId={successTextId}\n          size={size}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","focus","_inputRefs$index2","select","handleOnChange","_ref3","currentOtpIndex","trim","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","_event$preventDefault","preventDefault","call","_event$preventDefault2","_event$preventDefault3","_event$preventDefault4","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","_objectSpread","concat","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OTPInput.js","sources":["../../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n  name,\n  value,\n  inputIndex,\n}: {\n  name?: string;\n  value?: string;\n  inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'name'\n  | 'onChange'\n  | 'value'\n  | 'isDisabled'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'keyboardType'\n  | 'placeholder'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Determines the number of input fields to show for the OTP\n   * @default 6\n   */\n  otpLength?: 4 | 6;\n  /**\n   * The callback function to be invoked when all the values of the OTPInput are filled\n   */\n  onOTPFilled?: FormInputOnEvent;\n  /**\n   * Masks input characters in all the fields\n   */\n  isMasked?: boolean;\n  /**\n   * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n   *\n   * It's not recommended to turn this off in favor of otp input practices.\n   *\n   *\n   * Internally it'll render platform specific attributes:\n   *\n   * - web: `autocomplete`\n   * - iOS: `textContentType`\n   * - android: `autoComplete`\n   *\n   */\n  autoCompleteSuggestionType?: Extract<\n    BaseInputProps['autoCompleteSuggestionType'],\n    'none' | 'oneTimeCode'\n  >;\n  /**\n   * The callback function to be invoked when one of the input fields gets focus\n   */\n  onFocus?: FormInputOnEventWithIndex;\n  /**\n   * The callback function to be invoked when one of the input fields is blurred\n   */\n  onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype OTPInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype OTPInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/**\n *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n */\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/**\n * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n *\n * ## Usage\n *\n * ```tsx\n *   <OTPInput\n *     label=\"Enter OTP\"\n *     name=\"otpInput\"\n *     onChange={({ name, value }): void => console.log({ name, value })}\n *     onOTPFilled={({ name, value }): void => console.log({ name, value })}\n *   />\n * ```\n */\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n  {\n    autoFocus,\n    errorText,\n    helpText,\n    isDisabled,\n    keyboardReturnKeyType,\n    keyboardType = 'decimal',\n    label,\n    accessibilityLabel,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    name,\n    onChange,\n    onFocus,\n    onBlur,\n    onOTPFilled,\n    otpLength = 6,\n    placeholder,\n    successText,\n    validationState,\n    value: inputValue,\n    isMasked,\n    autoCompleteSuggestionType = 'oneTimeCode',\n    testID,\n    size = 'medium',\n    ...rest\n  },\n  incomingRef,\n) => {\n  const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n  const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n  const [inputType, setInputType] = useState<('password' | undefined)[]>([]);\n  const isLabelLeftPositioned = labelPosition === 'left';\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n  useImperativeHandle(\n    incomingRef,\n    () => {\n      return inputRefs.map((ref) => ref.current!);\n    },\n    [inputRefs],\n  );\n\n  useEffect(() => {\n    // Effect for calling `onOTPFilled` callback\n    if (inputValue && inputValue.length >= otpLength) {\n      // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n    } else if (!inputValue && otpValue.join('').length >= otpLength) {\n      // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n    }\n  }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n  useEffect(() => {\n    /* We want to disable the password managers for OTPInput when isMasked is set.\n       The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n       This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n    */\n    otpValue.forEach((otp, index) => {\n      // Set inputType as 'password' only when a value is entered when isMasked is set\n      if (!isEmpty(otp) && !inputType[index] && isMasked) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = 'password';\n        setInputType(newInputType);\n      }\n      // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n      if (isEmpty(otp) && inputType[index]) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = undefined;\n        setInputType(newInputType);\n      }\n    });\n  }, [otpValue, inputType, isMasked]);\n\n  /**\n   * Changes the value of the otp at a given index and updates the otpValue stored in state\n   *\n   * @param {{ value: string; index: number }} { value, index }\n   * @returns {string} updated otpValue\n   */\n  const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n    const newOtpValue = Array.from(otpValue);\n    newOtpValue[index] = value;\n    setOtpValue(newOtpValue);\n    return newOtpValue.join('');\n  };\n\n  /**\n   * Sets focus to the desired otp input by index\n   *\n   * @param {number} index the index of the otp input to be focused\n   */\n  const focusOnOtpByIndex = (index: number): void => {\n    inputRefs[index]?.current?.focus();\n    if (!isReactNative) {\n      // React Native doesn't support imperatively selecting the value of input\n      inputRefs[index]?.current?.select();\n    }\n  };\n\n  const handleOnChange = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    if (value && value === ' ') {\n      // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n      return;\n    }\n    if (inputValue && inputValue.length > 0) {\n      // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n      // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n      const newOtpValue = Array.from(inputValue);\n      newOtpValue[currentOtpIndex] = value ?? '';\n      setOtpValue(newOtpValue);\n      onChange?.({ name, value: newOtpValue.join('') });\n    } else if (value && value.trim().length > 1) {\n      // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n      // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n      setOtpValue(Array.from(value));\n      onChange?.({ name, value: value.trim().slice(0, otpLength) });\n      // Move focus to the last filled input box after paste\n      const lastFilledIndex = Math.min(value.trim().length, otpLength) - 1;\n      focusOnOtpByIndex(lastFilledIndex);\n    } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n      // Set the value at the current index to the entered value\n      // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n      const newValue = setOtpValueByIndex({\n        value: value?.trim() ?? '',\n        index: currentOtpIndex,\n      });\n      onChange?.({ name, value: newValue });\n    }\n  };\n\n  const handleOnInput = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    // Moves focus to next input whenever a value is entered in the current input\n    if (value && value.trim().length === 1) {\n      focusOnOtpByIndex(++currentOtpIndex);\n    }\n  };\n\n  const handleOnKeyDown = ({\n    key,\n    code,\n    event,\n    currentOtpIndex,\n  }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n    if (key === 'Backspace' || code === 'Backspace' || code === 'Delete' || key === 'Delete') {\n      event.preventDefault?.();\n      if (otpValue[currentOtpIndex]) {\n        // Clear the value at the current index if value exists\n        handleOnChange({ value: '', currentOtpIndex });\n      } else {\n        // Move focus to the previous input if the current input is empty\n        // and clear the value at the new active (previous) index\n        focusOnOtpByIndex(--currentOtpIndex);\n        handleOnChange({ value: '', currentOtpIndex });\n      }\n    } else if (key === 'ArrowLeft' || code === 'ArrowLeft') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(--currentOtpIndex);\n    } else if (key === 'ArrowRight' || code === 'ArrowRight') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(++currentOtpIndex);\n    } else if (key === ' ' || code === 'Space') {\n      event.preventDefault?.();\n    }\n  };\n\n  const getHiddenInput = (): React.ReactNode => {\n    if (!isReactNative) {\n      return (\n        <input\n          hidden={true}\n          id={inputId}\n          name={name}\n          value={inputValue ?? otpValue.join('') ?? ''}\n          readOnly\n        />\n      );\n    }\n    return null;\n  };\n\n  const getOTPInputFields = (): React.ReactNode => {\n    const inputs = [];\n    for (let index = 0; index < otpLength; index++) {\n      const currentValue = inputValue ? otpToArray(inputValue)[index] || '' : otpValue[index] || '';\n      const ref = React.createRef<HTMLInputElement>();\n      // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n      let currentInputType: 'password' | undefined;\n      if (isMasked) {\n        // if inputValue is passed (controlled component) then the inputType will always be password\n        currentInputType = inputValue ? 'password' : inputType[index];\n      }\n      inputRefs.push(ref);\n      inputs.push(\n        <BaseBox\n          flex={1}\n          marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n          key={`${inputId}-${index}`}\n        >\n          <BaseInput\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus && index === 0}\n            accessibilityLabel={`${index === 0 ? label || accessibilityLabel : ''} character ${\n              index + 1\n            }`}\n            label={label}\n            hideLabelText={true}\n            id={`${inputId}-${index}`}\n            textAlign=\"center\"\n            ref={ref as never}\n            name={name}\n            value={currentValue}\n            maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n            onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n            onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n            onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n            onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n            onKeyDown={(keyboardEvent) =>\n              handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n            }\n            isDisabled={isDisabled}\n            placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n            isRequired={true}\n            autoCompleteSuggestionType={autoCompleteSuggestionType}\n            keyboardType={keyboardType}\n            keyboardReturnKeyType={keyboardReturnKeyType}\n            validationState={validationState}\n            successText={successText}\n            errorText={errorText}\n            helpText={helpText}\n            hideFormHint={true}\n            type={currentInputType}\n            size={size}\n            valueComponentType=\"heading\"\n            {...makeAnalyticsAttribute(rest)}\n          />\n        </BaseBox>,\n      );\n    }\n    return inputs;\n  };\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n      >\n        {Boolean(label) && (\n          <FormLabel\n            as=\"label\"\n            position={labelPosition}\n            htmlFor={inputId}\n            size={size}\n            labelSuffix={labelSuffix}\n            labelTrailing={labelTrailing}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <BaseBox display=\"flex\" flexDirection=\"row\">\n          {getHiddenInput()}\n          {getOTPInputFields()}\n        </BaseBox>\n      </BaseBox>\n      {/* the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field */}\n      {/*Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n      <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n        <FormHint\n          type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n          helpText={helpText}\n          errorText={errorText}\n          successText={successText}\n          helpTextId={helpTextId}\n          errorTextId={errorTextId}\n          successTextId={successTextId}\n          size={size}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","focus","_inputRefs$index2","select","handleOnChange","_ref3","currentOtpIndex","trim","lastFilledIndex","Math","min","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","_event$preventDefault","preventDefault","call","_event$preventDefault2","_event$preventDefault3","_event$preventDefault4","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","_objectSpread","concat","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/PopupArrow/PopupArrow.web.js

@@ -24,7 +24,13 @@ var PopupArrow = /*#__PURE__*/React__default.forwardRef(function (_ref, arrowRef
     height: height,
     fill: fillColor,
     stroke: strokeColor,
-    strokeWidth: strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : 0,
+    strokeWidth: strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : 0
+    /**
+     * `tipRadius` is a ratio, not a px value — FloatingArrow scales it against the arrow's
+     * own width/height, so the rounding grows much faster than the token number suggests.
+     * `xsmall` (4) visibly bows the arrow's edges; `2xsmall` (2) softens the tip while
+     * keeping the sides straight.
+     */,
     tipRadius: theme.border.radius['2xsmall'],
     style: _objectSpread({}, style)
   });

package/build/lib/web/development/components/PopupArrow/PopupArrow.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupArrow.web.js","sources":["../../../../../../src/components/PopupArrow/PopupArrow.web.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingArrow } from '@floating-ui/react';\nimport type { PopupArrowProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\n\nconst PopupArrow = React.forwardRef<SVGSVGElement, PopupArrowProps>(\n  ({ context, width, height, fillColor, strokeColor, strokeWidth, style }, arrowRef) => {\n    const { theme } = useTheme();\n    return (\n      <FloatingArrow\n        ref={arrowRef}\n        context={context}\n        width={width}\n        height={height}\n        fill={fillColor}\n        stroke={strokeColor}\n        strokeWidth={strokeWidth ?? 0}\n        tipRadius={theme.border.radius['2xsmall']}\n        style={{ ...style }}\n      />\n    );\n  },\n);\n\nexport { PopupArrow };\n"],"names":["PopupArrow","React","forwardRef","_ref","arrowRef","context","width","height","fillColor","strokeColor","strokeWidth","style","_useTheme","useTheme","theme","_jsx","FloatingArrow","ref","fill","stroke","tipRadius","border","radius","_objectSpread"],"mappings":";;;;;;;;;AAKMA,IAAAA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAAyEC,QAAQ,EAAK;AAAA,EAAA,IAAnFC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAEC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK,CAAA;AACnE,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,oBACEC,GAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,GAAG,EAAEb,QAAS;AACdC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfW,IAAAA,IAAI,EAAEV,SAAU;AAChBW,IAAAA,MAAM,EAAEV,WAAY;AACpBC,IAAAA,WAAW,EAAEA,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,WAAW,GAAI,CAAE;IAC9BU,SAAS,EAAEN,KAAK,CAACO,MAAM,CAACC,MAAM,CAAC,SAAS,CAAE;IAC1CX,KAAK,EAAAY,aAAA,CAAA,EAAA,EAAOZ,KAAK,CAAA;AAAG,GACrB,CAAC,CAAA;AAEN,CACF;;;;"}
+{"version":3,"file":"PopupArrow.web.js","sources":["../../../../../../src/components/PopupArrow/PopupArrow.web.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingArrow } from '@floating-ui/react';\nimport type { PopupArrowProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\n\nconst PopupArrow = React.forwardRef<SVGSVGElement, PopupArrowProps>(\n  ({ context, width, height, fillColor, strokeColor, strokeWidth, style }, arrowRef) => {\n    const { theme } = useTheme();\n    return (\n      <FloatingArrow\n        ref={arrowRef}\n        context={context}\n        width={width}\n        height={height}\n        fill={fillColor}\n        stroke={strokeColor}\n        strokeWidth={strokeWidth ?? 0}\n        /**\n         * `tipRadius` is a ratio, not a px value — FloatingArrow scales it against the arrow's\n         * own width/height, so the rounding grows much faster than the token number suggests.\n         * `xsmall` (4) visibly bows the arrow's edges; `2xsmall` (2) softens the tip while\n         * keeping the sides straight.\n         */\n        tipRadius={theme.border.radius['2xsmall']}\n        style={{ ...style }}\n      />\n    );\n  },\n);\n\nexport { PopupArrow };\n"],"names":["PopupArrow","React","forwardRef","_ref","arrowRef","context","width","height","fillColor","strokeColor","strokeWidth","style","_useTheme","useTheme","theme","_jsx","FloatingArrow","ref","fill","stroke","tipRadius","border","radius","_objectSpread"],"mappings":";;;;;;;;;AAKMA,IAAAA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAAyEC,QAAQ,EAAK;AAAA,EAAA,IAAnFC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAEC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAEC,KAAK,GAAAR,IAAA,CAALQ,KAAK,CAAA;AACnE,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,oBACEC,GAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,GAAG,EAAEb,QAAS;AACdC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfW,IAAAA,IAAI,EAAEV,SAAU;AAChBW,IAAAA,MAAM,EAAEV,WAAY;AACpBC,IAAAA,WAAW,EAAEA,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAXA,WAAW,GAAI,CAAA;AAC5B;AACR;AACA;AACA;AACA;AACA;IACQU,SAAS,EAAEN,KAAK,CAACO,MAAM,CAACC,MAAM,CAAC,SAAS,CAAE;IAC1CX,KAAK,EAAAY,aAAA,CAAA,EAAA,EAAOZ,KAAK,CAAA;AAAG,GACrB,CAAC,CAAA;AAEN,CACF;;;;"}

package/build/lib/web/development/components/RollingText/RollingText.web.js

@@ -7,48 +7,53 @@ import { msToSeconds } from '../../utils/msToSeconds.js';
 import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
 import '../BaseMotion/index.js';
 import '../Box/index.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 import { Box } from '../Box/Box.js';
 import { BaseMotionBox } from '../BaseMotion/BaseMotion.web.js';
 
-var ShimmerOverlay = function ShimmerOverlay() {
+var ShimmerText = function ShimmerText(_ref) {
+  var children = _ref.children;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var shimmerColor = theme.colors.surface.text.staticWhite.muted;
+  var textColor = theme.colors.feedback.text.positive.intense;
+  // Lighter positive feedback token creates the sweeping glint; resolves per color scheme automatically.
+  var highlightColor = theme.colors.feedback.text.positive.subtle;
   var shimmerDuration = msToSeconds(theme.motion.duration['2xgentle']);
   var shimmerDelay = msToSeconds(theme.motion.delay.gentle);
   var shimmerEase = cssBezierToArray(castWebType(theme.motion.easing.standard));
   return /*#__PURE__*/jsx(m.span, {
-    "aria-hidden": true,
     style: {
-      position: 'absolute',
-      inset: 0,
-      background: "linear-gradient(90deg, transparent 0%, ".concat(shimmerColor, " 50%, transparent 100%)"),
-      pointerEvents: 'none'
+      backgroundImage: "linear-gradient(90deg, ".concat(textColor, " 38%, ").concat(highlightColor, " 50%, ").concat(textColor, " 62%)"),
+      backgroundSize: '250% 100%',
+      WebkitBackgroundClip: 'text',
+      backgroundClip: 'text',
+      color: 'transparent',
+      WebkitTextFillColor: 'transparent'
     },
     initial: {
-      x: '-100%'
+      backgroundPosition: '100% 0%'
     },
     animate: {
-      x: '100%'
+      backgroundPosition: '0% 0%'
     },
     transition: {
       duration: shimmerDuration,
       ease: shimmerEase,
       repeat: Infinity,
       repeatDelay: shimmerDelay
-    }
+    },
+    children: children
   });
 };
-var RollingText = function RollingText(_ref) {
-  var texts = _ref.texts,
-    children = _ref.children,
-    onIndexChange = _ref.onIndexChange,
-    cycleDurationProp = _ref.cycleDuration,
-    _ref$showShimmer = _ref.showShimmer,
-    showShimmer = _ref$showShimmer === void 0 ? true : _ref$showShimmer;
+var RollingText = function RollingText(_ref2) {
+  var texts = _ref2.texts,
+    children = _ref2.children,
+    onIndexChange = _ref2.onIndexChange,
+    cycleDurationProp = _ref2.cycleDuration,
+    _ref2$showShimmer = _ref2.showShimmer,
+    showShimmer = _ref2$showShimmer === void 0 ? true : _ref2$showShimmer;
   var _useTheme2 = useTheme(),
     theme = _useTheme2.theme;
   var _React$useState = React__default.useState(0),
@@ -123,11 +128,13 @@ var RollingText = function RollingText(_ref) {
       initial: false,
       children: /*#__PURE__*/jsx(BaseMotionBox, {
         motionVariants: slideVariants,
-        children: /*#__PURE__*/jsxs(Box, {
+        children: /*#__PURE__*/jsx(Box, {
           position: "relative",
           overflow: "hidden",
           whiteSpace: "nowrap",
-          children: [renderContent(texts[currentIndex]), showShimmer && /*#__PURE__*/jsx(ShimmerOverlay, {})]
+          children: showShimmer && !children ? /*#__PURE__*/jsx(ShimmerText, {
+            children: renderContent(texts[currentIndex])
+          }) : renderContent(texts[currentIndex])
         })
       }, currentIndex)
     })

package/build/lib/web/development/components/RollingText/RollingText.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollingText.web.js","sources":["../../../../../../src/components/RollingText/RollingText.web.tsx"],"sourcesContent":["import React from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport { castWebType } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { BaseMotionBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { Box } from '~components/Box';\n\nconst ShimmerOverlay = (): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const shimmerColor = theme.colors.surface.text.staticWhite.muted;\n  const shimmerDuration = msToSeconds(theme.motion.duration['2xgentle']);\n  const shimmerDelay = msToSeconds(theme.motion.delay.gentle);\n  const shimmerEase = cssBezierToArray(castWebType(theme.motion.easing.standard));\n\n  return (\n    <m.span\n      aria-hidden\n      style={{\n        position: 'absolute',\n        inset: 0,\n        background: `linear-gradient(90deg, transparent 0%, ${shimmerColor} 50%, transparent 100%)`,\n        pointerEvents: 'none',\n      }}\n      initial={{ x: '-100%' }}\n      animate={{ x: '100%' }}\n      transition={{\n        duration: shimmerDuration,\n        ease: shimmerEase,\n        repeat: Infinity,\n        repeatDelay: shimmerDelay,\n      }}\n    />\n  );\n};\n\ntype RollingTextProps = {\n  /** Array of strings to cycle through with a rolling animation */\n  texts: string[];\n  /** Custom render function for each text item */\n  children?: (text: string) => React.ReactNode;\n  /** Callback fired when the active index changes */\n  onIndexChange?: (index: number) => void;\n  /** Cycle interval in ms (defaults to theme.motion.delay.xlong) */\n  cycleDuration?: number;\n  /** Whether to show the shimmer overlay on each item (defaults to true) */\n  showShimmer?: boolean;\n};\n\nconst RollingText = ({\n  texts,\n  children,\n  onIndexChange,\n  cycleDuration: cycleDurationProp,\n  showShimmer = true,\n}: RollingTextProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [currentIndex, setCurrentIndex] = React.useState(0);\n\n  const cycleDuration = cycleDurationProp ?? theme.motion.delay.xlong;\n  const slideDuration = msToSeconds(theme.motion.duration.xmoderate);\n  const slideEase = cssBezierToArray(castWebType(theme.motion.easing.emphasized));\n\n  React.useEffect(() => {\n    if (texts.length <= 1) {\n      return undefined;\n    }\n\n    const id = setInterval(() => {\n      setCurrentIndex((prev) => {\n        const next = (prev + 1) % texts.length;\n        onIndexChange?.(next);\n        return next;\n      });\n    }, cycleDuration);\n\n    return (): void => {\n      clearInterval(id);\n    };\n  }, [texts.length, cycleDuration, onIndexChange]);\n\n  const textsString = texts.join('\\0');\n  React.useEffect(() => {\n    setCurrentIndex(0);\n    onIndexChange?.(0);\n    // Reset only when the text contents change, not on every render (new array reference)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [textsString]);\n\n  const renderContent = (text: string): React.ReactNode => {\n    return children ? children(text) : text;\n  };\n\n  if (texts.length <= 1) {\n    return <span>{renderContent(texts[0])}</span>;\n  }\n\n  const slideVariants: MotionVariantsType = {\n    initial: { y: 16, opacity: 0, filter: 'blur(4px)' },\n    animate: {\n      y: 0,\n      opacity: 1,\n      filter: 'blur(0px)',\n      transition: { duration: slideDuration, ease: slideEase },\n    },\n    exit: {\n      y: -16,\n      opacity: 0,\n      filter: 'blur(4px)',\n      position: 'absolute' as const,\n      transition: { duration: slideDuration, ease: slideEase },\n    },\n  };\n\n  return (\n    <Box position=\"relative\" display=\"inline-flex\" overflow=\"hidden\">\n      <AnimatePresence mode=\"popLayout\" initial={false}>\n        <BaseMotionBox key={currentIndex} motionVariants={slideVariants}>\n          <Box position=\"relative\" overflow=\"hidden\" whiteSpace=\"nowrap\">\n            {renderContent(texts[currentIndex])}\n            {showShimmer && <ShimmerOverlay />}\n          </Box>\n        </BaseMotionBox>\n      </AnimatePresence>\n    </Box>\n  );\n};\n\nexport { RollingText };\nexport type { RollingTextProps };\n"],"names":["ShimmerOverlay","_useTheme","useTheme","theme","shimmerColor","colors","surface","text","staticWhite","muted","shimmerDuration","msToSeconds","motion","duration","shimmerDelay","delay","gentle","shimmerEase","cssBezierToArray","castWebType","easing","standard","_jsx","m","span","style","position","inset","background","concat","pointerEvents","initial","x","animate","transition","ease","repeat","Infinity","repeatDelay","RollingText","_ref","texts","children","onIndexChange","cycleDurationProp","cycleDuration","_ref$showShimmer","showShimmer","_useTheme2","_React$useState","React","useState","_React$useState2","_slicedToArray","currentIndex","setCurrentIndex","xlong","slideDuration","xmoderate","slideEase","emphasized","useEffect","length","undefined","id","setInterval","prev","next","clearInterval","textsString","join","renderContent","slideVariants","y","opacity","filter","exit","Box","display","overflow","AnimatePresence","mode","BaseMotionBox","motionVariants","_jsxs","whiteSpace"],"mappings":"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"}
+{"version":3,"file":"RollingText.web.js","sources":["../../../../../../src/components/RollingText/RollingText.web.tsx"],"sourcesContent":["import React from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport { castWebType } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { BaseMotionBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { Box } from '~components/Box';\n\nconst ShimmerText = ({ children }: { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const textColor = theme.colors.feedback.text.positive.intense;\n  // Lighter positive feedback token creates the sweeping glint; resolves per color scheme automatically.\n  const highlightColor = theme.colors.feedback.text.positive.subtle;\n  const shimmerDuration = msToSeconds(theme.motion.duration['2xgentle']);\n  const shimmerDelay = msToSeconds(theme.motion.delay.gentle);\n  const shimmerEase = cssBezierToArray(castWebType(theme.motion.easing.standard));\n\n  return (\n    <m.span\n      style={{\n        backgroundImage: `linear-gradient(90deg, ${textColor} 38%, ${highlightColor} 50%, ${textColor} 62%)`,\n        backgroundSize: '250% 100%',\n        WebkitBackgroundClip: 'text',\n        backgroundClip: 'text',\n        color: 'transparent',\n        WebkitTextFillColor: 'transparent',\n      }}\n      initial={{ backgroundPosition: '100% 0%' }}\n      animate={{ backgroundPosition: '0% 0%' }}\n      transition={{\n        duration: shimmerDuration,\n        ease: shimmerEase,\n        repeat: Infinity,\n        repeatDelay: shimmerDelay,\n      }}\n    >\n      {children}\n    </m.span>\n  );\n};\n\ntype RollingTextProps = {\n  /** Array of strings to cycle through with a rolling animation */\n  texts: string[];\n  /** Custom render function for each text item */\n  children?: (text: string) => React.ReactNode;\n  /** Callback fired when the active index changes */\n  onIndexChange?: (index: number) => void;\n  /** Cycle interval in ms (defaults to theme.motion.delay.xlong) */\n  cycleDuration?: number;\n  /** Whether to show the shimmer overlay on each item (defaults to true) */\n  showShimmer?: boolean;\n};\n\nconst RollingText = ({\n  texts,\n  children,\n  onIndexChange,\n  cycleDuration: cycleDurationProp,\n  showShimmer = true,\n}: RollingTextProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [currentIndex, setCurrentIndex] = React.useState(0);\n\n  const cycleDuration = cycleDurationProp ?? theme.motion.delay.xlong;\n  const slideDuration = msToSeconds(theme.motion.duration.xmoderate);\n  const slideEase = cssBezierToArray(castWebType(theme.motion.easing.emphasized));\n\n  React.useEffect(() => {\n    if (texts.length <= 1) {\n      return undefined;\n    }\n\n    const id = setInterval(() => {\n      setCurrentIndex((prev) => {\n        const next = (prev + 1) % texts.length;\n        onIndexChange?.(next);\n        return next;\n      });\n    }, cycleDuration);\n\n    return (): void => {\n      clearInterval(id);\n    };\n  }, [texts.length, cycleDuration, onIndexChange]);\n\n  const textsString = texts.join('\\0');\n  React.useEffect(() => {\n    setCurrentIndex(0);\n    onIndexChange?.(0);\n    // Reset only when the text contents change, not on every render (new array reference)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [textsString]);\n\n  const renderContent = (text: string): React.ReactNode => {\n    return children ? children(text) : text;\n  };\n\n  if (texts.length <= 1) {\n    return <span>{renderContent(texts[0])}</span>;\n  }\n\n  const slideVariants: MotionVariantsType = {\n    initial: { y: 16, opacity: 0, filter: 'blur(4px)' },\n    animate: {\n      y: 0,\n      opacity: 1,\n      filter: 'blur(0px)',\n      transition: { duration: slideDuration, ease: slideEase },\n    },\n    exit: {\n      y: -16,\n      opacity: 0,\n      filter: 'blur(4px)',\n      position: 'absolute' as const,\n      transition: { duration: slideDuration, ease: slideEase },\n    },\n  };\n\n  return (\n    <Box position=\"relative\" display=\"inline-flex\" overflow=\"hidden\">\n      <AnimatePresence mode=\"popLayout\" initial={false}>\n        <BaseMotionBox key={currentIndex} motionVariants={slideVariants}>\n          <Box position=\"relative\" overflow=\"hidden\" whiteSpace=\"nowrap\">\n            {showShimmer && !children ? (\n              <ShimmerText>{renderContent(texts[currentIndex])}</ShimmerText>\n            ) : (\n              renderContent(texts[currentIndex])\n            )}\n          </Box>\n        </BaseMotionBox>\n      </AnimatePresence>\n    </Box>\n  );\n};\n\nexport { RollingText };\nexport type { RollingTextProps };\n"],"names":["ShimmerText","_ref","children","_useTheme","useTheme","theme","textColor","colors","feedback","text","positive","intense","highlightColor","subtle","shimmerDuration","msToSeconds","motion","duration","shimmerDelay","delay","gentle","shimmerEase","cssBezierToArray","castWebType","easing","standard","_jsx","m","span","style","backgroundImage","concat","backgroundSize","WebkitBackgroundClip","backgroundClip","color","WebkitTextFillColor","initial","backgroundPosition","animate","transition","ease","repeat","Infinity","repeatDelay","RollingText","_ref2","texts","onIndexChange","cycleDurationProp","cycleDuration","_ref2$showShimmer","showShimmer","_useTheme2","_React$useState","React","useState","_React$useState2","_slicedToArray","currentIndex","setCurrentIndex","xlong","slideDuration","xmoderate","slideEase","emphasized","useEffect","length","undefined","id","setInterval","prev","next","clearInterval","textsString","join","renderContent","slideVariants","y","opacity","filter","exit","position","Box","display","overflow","AnimatePresence","mode","BaseMotionBox","motionVariants","whiteSpace"],"mappings":"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"}

package/build/lib/web/development/components/SegmentedControl/SegmentedControl.web.js

@@ -0,0 +1,196 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import styled from 'styled-components';
+import { SegmentedControlContext } from './SegmentedControlContext.js';
+import { SegmentedControlIndicator } from './SegmentedControlIndicator.web.js';
+import { containerHeight, gap, containerPadding, containerBorderRadius } from './segmentedControlTokens.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { useId } from '../../utils/useId.js';
+import { useMergeRefs } from '../../utils/useMergeRefs.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../Form/index.js';
+import '../Box/BaseBox/index.js';
+import '../BladeProvider/index.js';
+import { formHintLeftLabelMarginLeft } from '../Input/BaseInput/baseInputTokens.js';
+import '../../utils/makeSize/index.js';
+import { getHintType } from '../Input/BaseInput/BaseInput.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { FormLabel } from '../Form/FormLabel.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { FormHint } from '../Form/FormHint.js';
+
+var _excluded = ["children", "defaultValue", "value", "onChange", "size", "isDisabled", "isRequired", "name", "label", "accessibilityLabel", "labelPosition", "helpText", "errorText", "validationState", "necessityIndicator", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledSegmentedControlContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "SegmentedControlweb__StyledSegmentedControlContainer",
+  componentId: "ngewlz-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    $size = _ref.$size;
+  return {
+    display: 'flex',
+    width: '100%',
+    height: makeSpace(containerHeight[$size]),
+    alignItems: 'center',
+    gap: makeSpace(getIn(theme, gap[$size])),
+    padding: makeSpace(getIn(theme, containerPadding[$size])),
+    backgroundColor: theme.colors.interactive.background.gray.faded,
+    borderRadius: makeSpace(theme.border.radius[containerBorderRadius[$size]]),
+    position: 'relative'
+  };
+});
+var _SegmentedControl = function _SegmentedControl(_ref2, ref) {
+  var children = _ref2.children,
+    defaultValue = _ref2.defaultValue,
+    value = _ref2.value,
+    _onChange = _ref2.onChange,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    _ref2$isDisabled = _ref2.isDisabled,
+    isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
+    _ref2$isRequired = _ref2.isRequired,
+    isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired,
+    name = _ref2.name,
+    label = _ref2.label,
+    accessibilityLabel = _ref2.accessibilityLabel,
+    _ref2$labelPosition = _ref2.labelPosition,
+    labelPosition = _ref2$labelPosition === void 0 ? 'top' : _ref2$labelPosition,
+    helpText = _ref2.helpText,
+    errorText = _ref2.errorText,
+    _ref2$validationState = _ref2.validationState,
+    validationState = _ref2$validationState === void 0 ? 'none' : _ref2$validationState,
+    _ref2$necessityIndica = _ref2.necessityIndicator,
+    necessityIndicator = _ref2$necessityIndica === void 0 ? 'none' : _ref2$necessityIndica,
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useControllableState = useControllableState({
+      defaultValue: defaultValue,
+      value: value,
+      onChange: function onChange(val) {
+        _onChange === null || _onChange === void 0 || _onChange({
+          name: name,
+          value: val
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    selectedValue = _useControllableState2[0],
+    setSelectedValue = _useControllableState2[1];
+  var baseId = useId('segmented-control');
+  var containerRef = React__default.useRef(null);
+  var mergedRef = useMergeRefs(containerRef, ref);
+  var itemRefs = React__default.useRef(new Map());
+  var labelId = "".concat(baseId, "-label");
+  var totalItems = React__default.Children.count(children);
+  var firstEnabledValue = React__default.useMemo(function () {
+    var first;
+    React__default.Children.forEach(children, function (child) {
+      if (first !== undefined) return;
+      if (/*#__PURE__*/React__default.isValidElement(child) && !child.props.isDisabled) {
+        first = child.props.value;
+      }
+    });
+    return first;
+  }, [children]);
+  var contextValue = React__default.useMemo(function () {
+    return {
+      selectedValue: selectedValue,
+      setSelectedValue: setSelectedValue,
+      size: size,
+      isDisabled: isDisabled,
+      name: name,
+      baseId: baseId,
+      totalItems: totalItems,
+      firstEnabledValue: firstEnabledValue,
+      itemRefs: itemRefs
+    };
+  }, [selectedValue, setSelectedValue, size, isDisabled, name, baseId, totalItems, firstEnabledValue]);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useBreakpoint = useBreakpoint({
+      breakpoints: theme.breakpoints
+    }),
+    matchedDeviceType = _useBreakpoint.matchedDeviceType;
+  var isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';
+  var willRenderHintText = Boolean(helpText) || validationState === 'error' && Boolean(errorText);
+  var showError = validationState === 'error' && errorText;
+  var showHelpText = !showError && helpText;
+  var accessibilityText = "".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '').trim();
+  var ariaLabel = label ? undefined : accessibilityLabel || name;
+  var segmentedControlElement = /*#__PURE__*/jsxs(StyledSegmentedControlContainer, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: mergedRef,
+    $size: size
+  }, makeAccessible({
+    role: 'radiogroup',
+    labelledBy: label ? labelId : undefined,
+    label: ariaLabel,
+    required: isRequired
+  })), metaAttribute({
+    name: MetaConstants.SegmentedControl,
+    testID: testID
+  })), makeAnalyticsAttribute(rest)), {}, {
+    children: [children, /*#__PURE__*/jsx(SegmentedControlIndicator, {
+      containerRef: containerRef
+    })]
+  }));
+  return /*#__PURE__*/jsx(SegmentedControlContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
+      display: "flex",
+      flexDirection: "column",
+      width: "100%"
+    }, getStyledProps(rest)), {}, {
+      children: [/*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: isLabelLeftPositioned ? 'row' : 'column',
+        alignItems: isLabelLeftPositioned ? 'center' : undefined,
+        children: [label ? /*#__PURE__*/jsx(FormLabel, {
+          as: "span",
+          necessityIndicator: necessityIndicator,
+          position: labelPosition,
+          id: labelId,
+          accessibilityText: accessibilityText && ",".concat(accessibilityText),
+          size: size,
+          children: label
+        }) : null, /*#__PURE__*/jsx(BaseBox, {
+          display: "flex",
+          flexDirection: "column",
+          flex: "1",
+          children: segmentedControlElement
+        })]
+      }), willRenderHintText && /*#__PURE__*/jsx(BaseBox, {
+        marginLeft: makeSize(label && isLabelLeftPositioned ? formHintLeftLabelMarginLeft[size] : 0),
+        children: /*#__PURE__*/jsx(FormHint, {
+          type: getHintType({
+            validationState: validationState,
+            hasHelpText: Boolean(helpText)
+          }),
+          helpText: helpText,
+          errorText: errorText,
+          size: size
+        })
+      })]
+    }))
+  });
+};
+var SegmentedControl = /*#__PURE__*/React__default.forwardRef(_SegmentedControl);
+
+export { SegmentedControl };
+//# sourceMappingURL=SegmentedControl.web.js.map

package/build/lib/web/development/components/SegmentedControl/SegmentedControl.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.web.js","sources":["../../../../../../src/components/SegmentedControl/SegmentedControl.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { SegmentedControlProps } from './types';\nimport { SegmentedControlContext } from './SegmentedControlContext';\nimport { SegmentedControlIndicator } from './SegmentedControlIndicator.web';\nimport {\n  containerPadding,\n  containerBorderRadius,\n  containerHeight,\n  gap,\n} from './segmentedControlTokens';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeSpace, useBreakpoint } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { BladeElementRef } from '~utils/types';\nimport { FormLabel, FormHint } from '~components/Form';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport { formHintLeftLabelMarginLeft } from '~components/Input/BaseInput/baseInputTokens';\nimport { makeSize } from '~utils/makeSize';\nimport { getHintType } from '~components/Input/BaseInput/BaseInput';\n\nconst StyledSegmentedControlContainer = styled.div<{\n  $size: NonNullable<SegmentedControlProps['size']>;\n}>(({ theme, $size }) => ({\n  display: 'flex',\n  width: '100%',\n  height: makeSpace(containerHeight[$size]),\n  alignItems: 'center',\n  gap: makeSpace(getIn(theme, gap[$size])),\n  padding: makeSpace(getIn(theme, containerPadding[$size])),\n  backgroundColor: theme.colors.interactive.background.gray.faded,\n  borderRadius: makeSpace(theme.border.radius[containerBorderRadius[$size]]),\n  position: 'relative',\n}));\n\nconst _SegmentedControl = (\n  {\n    children,\n    defaultValue,\n    value,\n    onChange,\n    size = 'medium',\n    isDisabled = false,\n    isRequired = false,\n    name,\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    helpText,\n    errorText,\n    validationState = 'none',\n    necessityIndicator = 'none',\n    testID,\n    ...rest\n  }: SegmentedControlProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue,\n    value,\n    onChange: (val) => {\n      onChange?.({ name, value: val });\n    },\n  });\n\n  const baseId = useId('segmented-control');\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(containerRef, ref as React.Ref<HTMLDivElement>);\n  const itemRefs = React.useRef<Map<string, HTMLElement>>(new Map());\n  const labelId = `${baseId}-label`;\n  const totalItems = React.Children.count(children);\n\n  const firstEnabledValue = React.useMemo(() => {\n    let first: string | undefined;\n    React.Children.forEach(children, (child) => {\n      if (first !== undefined) return;\n      if (React.isValidElement(child) && !child.props.isDisabled) {\n        first = child.props.value;\n      }\n    });\n    return first;\n  }, [children]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      selectedValue,\n      setSelectedValue,\n      size,\n      isDisabled,\n      name,\n      baseId,\n      totalItems,\n      firstEnabledValue,\n      itemRefs,\n    }),\n    [\n      selectedValue,\n      setSelectedValue,\n      size,\n      isDisabled,\n      name,\n      baseId,\n      totalItems,\n      firstEnabledValue,\n    ],\n  );\n\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n\n  const willRenderHintText =\n    Boolean(helpText) || (validationState === 'error' && Boolean(errorText));\n\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n  const ariaLabel = label ? undefined : accessibilityLabel || name;\n\n  const segmentedControlElement = (\n    <StyledSegmentedControlContainer\n      ref={mergedRef}\n      $size={size}\n      {...makeAccessible({\n        role: 'radiogroup',\n        labelledBy: label ? labelId : undefined,\n        label: ariaLabel,\n        required: isRequired,\n      })}\n      {...metaAttribute({ name: MetaConstants.SegmentedControl, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n      <SegmentedControlIndicator containerRef={containerRef} />\n    </StyledSegmentedControlContainer>\n  );\n\n  return (\n    <SegmentedControlContext.Provider value={contextValue}>\n      <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\" {...getStyledProps(rest)}>\n        <BaseBox\n          display=\"flex\"\n          flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n          alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={size}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n\n          <BaseBox display=\"flex\" flexDirection=\"column\" flex=\"1\">\n            {segmentedControlElement}\n          </BaseBox>\n        </BaseBox>\n\n        {willRenderHintText && (\n          <BaseBox\n            marginLeft={makeSize(\n              label && isLabelLeftPositioned ? formHintLeftLabelMarginLeft[size] : 0,\n            )}\n          >\n            <FormHint\n              type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n              helpText={helpText}\n              errorText={errorText}\n              size={size}\n            />\n          </BaseBox>\n        )}\n      </BaseBox>\n    </SegmentedControlContext.Provider>\n  );\n};\n\nconst SegmentedControl = React.forwardRef(_SegmentedControl);\n\nexport { SegmentedControl };\n"],"names":["StyledSegmentedControlContainer","styled","div","withConfig","displayName","componentId","_ref","theme","$size","display","width","height","makeSpace","containerHeight","alignItems","gap","getIn","padding","containerPadding","backgroundColor","colors","interactive","background","gray","faded","borderRadius","border","radius","containerBorderRadius","position","_SegmentedControl","_ref2","ref","children","defaultValue","value","onChange","_ref2$size","size","_ref2$isDisabled","isDisabled","_ref2$isRequired","isRequired","name","label","accessibilityLabel","_ref2$labelPosition","labelPosition","helpText","errorText","_ref2$validationState","validationState","_ref2$necessityIndica","necessityIndicator","testID","rest","_objectWithoutProperties","_excluded","_useControllableState","useControllableState","val","_useControllableState2","_slicedToArray","selectedValue","setSelectedValue","baseId","useId","containerRef","React","useRef","mergedRef","useMergeRefs","itemRefs","Map","labelId","concat","totalItems","Children","count","firstEnabledValue","useMemo","first","forEach","child","undefined","isValidElement","props","contextValue","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","willRenderHintText","Boolean","showError","showHelpText","accessibilityText","trim","ariaLabel","segmentedControlElement","_jsxs","_objectSpread","makeAccessible","role","labelledBy","required","metaAttribute","MetaConstants","SegmentedControl","makeAnalyticsAttribute","_jsx","SegmentedControlIndicator","SegmentedControlContext","Provider","BaseBox","flexDirection","getStyledProps","FormLabel","as","id","flex","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","type","getHintType","hasHelpText","forwardRef"],"mappings":"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"}

package/build/lib/web/development/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import '../../utils/logger/index.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+
+var SegmentedControlContext = /*#__PURE__*/React__default.createContext(null);
+var useSegmentedControlContext = function useSegmentedControlContext() {
+  var context = React__default.useContext(SegmentedControlContext);
+  if (!context) {
+    throwBladeError({
+      moduleName: 'SegmentedControl',
+      message: 'useSegmentedControlContext must be used within SegmentedControl'
+    });
+  }
+  return context;
+};
+
+export { SegmentedControlContext, useSegmentedControlContext };
+//# sourceMappingURL=SegmentedControlContext.js.map

package/build/lib/web/development/components/SegmentedControl/SegmentedControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../../../../src/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from 'react';\nimport type { SegmentedControlSize } from './types';\nimport { throwBladeError } from '~utils/logger';\nimport type { ControllableStateSetter } from '~utils/useControllable';\n\ntype SegmentedControlContextProps = {\n  selectedValue: string | undefined;\n  setSelectedValue: ControllableStateSetter<string>;\n  size: SegmentedControlSize;\n  isDisabled: boolean;\n  name?: string;\n  baseId: string;\n  totalItems: number;\n  firstEnabledValue?: string;\n  itemRefs?: React.MutableRefObject<Map<string, HTMLElement>>;\n} | null;\n\nconst SegmentedControlContext = React.createContext<SegmentedControlContextProps>(null);\n\nconst useSegmentedControlContext = (): NonNullable<SegmentedControlContextProps> => {\n  const context = React.useContext(SegmentedControlContext);\n\n  if (!context) {\n    throwBladeError({\n      moduleName: 'SegmentedControl',\n      message: 'useSegmentedControlContext must be used within SegmentedControl',\n    });\n  }\n\n  return context!;\n};\n\nexport { SegmentedControlContext, useSegmentedControlContext };\n"],"names":["SegmentedControlContext","React","createContext","useSegmentedControlContext","context","useContext","throwBladeError","moduleName","message"],"mappings":";;;;AAiBA,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAA+B,IAAI,EAAC;AAEvF,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAoD;AAClF,EAAA,IAAMC,OAAO,GAAGH,cAAK,CAACI,UAAU,CAACL,uBAAuB,CAAC,CAAA;EAEzD,IAAI,CAACI,OAAO,EAAE;AACZE,IAAAA,eAAe,CAAC;AACdC,MAAAA,UAAU,EAAE,kBAAkB;AAC9BC,MAAAA,OAAO,EAAE,iEAAA;AACX,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA,EAAA,OAAOJ,OAAO,CAAA;AAChB;;;;"}